update: Allow the calling app to customize the associated circle label

solid-resource.js

@@ -26,6 +26,7 @@ export class SolidResource extends SolidTemplateElement {
       nestedField: 'nested-field',
       extraContext: 'extra-context',
       idPrefix: 'id-prefix',
+      associatedCircleLabel: 'associated-circle-label',
     }
   }
 
@@ -42,10 +43,13 @@ export class SolidResource extends SolidTemplateElement {
     })
   }
 
-  template({dataSrc, nestedField, typeRange, circleRange, keywordRange, uploadDir, idPrefix}) {
+  template({dataSrc, nestedField, typeRange, circleRange, keywordRange, uploadDir, idPrefix, associatedCircleLabel}) {
     if (!dataSrc) return '';
     let sourceUrl = dataSrc + (nestedField ? nestedField + '/' : '');
 
+    // allow the calling app to override the associated circle label
+    if(!associatedCircleLabel) associatedCircleLabel = this.localize('label.resource_circle')
+
     return `
     <div class="solid-resource">
       <script id="resource-context" type="application/ld+json">
@@ -80,7 +84,7 @@ export class SolidResource extends SolidTemplateElement {
               fields="type, keywords, circle"
               label-type="${this.localize('label.resource_type')}"
               label-keywords="${this.localize('label.resource_keywords')}"
-              label-circle="${this.localize('label.resource_circle')}"
+              label-circle="${associatedCircleLabel}"
               range-type="${typeRange}"
               range-keywords="${keywordRange}"
               range-circle="${circleRange}"
@@ -189,7 +193,7 @@ export class SolidResource extends SolidTemplateElement {
           widget-longdesc="p"
           widget-id="resource-delete"
           widget-circle="res-multiple-label-ifnotvoid"
-          label-circle="${this.localize('label.resource_circle')}: "
+          label-circle="${associatedCircleLabel}: "
 
           multiple-keywords="solid-multiple-label"
           multiple-keywords-fields="name"
@@ -259,7 +263,7 @@ export class SolidResource extends SolidTemplateElement {
             label-name="${this.localize('label.resource_title')}"
             label-document="${this.localize('label.resource_document')}"
             label-link="${this.localize('label.resource_link')}"
-            label-circle="${this.localize('label.resource_circle')}"
+            label-circle="${associatedCircleLabel}"
 
             widget-name="solid-form-label-text"
             widget-circle="solid-form-dropdown-label"