fix(sdd): now supports using eds meta icon icon name

equinor · Jan 23, 2025 · 19d60d3 · 19d60d3
1 parent 43dda70
commit 19d60d3
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/packages/searchable-dropdown/src/dropdown/element.ts b/packages/searchable-dropdown/src/dropdown/element.ts
@@ -139,7 +139,6 @@ export class SearchableDropdownElement
   selectedItems: Set<SearchableDropdownResultItem['id']> = new Set([]);
 
   updated(props: PropertyValues) {
-    console.log('props', props);
     if (props.has('selectedId')) {
       this.controller.updateSelectedByProp();
     }
@@ -201,7 +200,7 @@ export class SearchableDropdownElement
     >
       <div slot="graphic" part="graphic">${this.renderItemGraphic(item)}</div>
       ${text}
-      <div slot="meta">${unsafeHTML(item.meta)}</div>
+      <div slot="meta">${this.renderItemMeta(item)}</div>
     </fwc-list-item>`;
   }
 
@@ -219,6 +218,20 @@ export class SearchableDropdownElement
     }
   }
 
+  protected renderItemMeta(item: SearchableDropdownResultItem): ReturnType<typeof unsafeHTML> | void {
+    const { meta, graphicType } = item;
+    switch (graphicType) {
+      case 'inline-html':
+        return unsafeHTML(meta);
+      case 'inline-svg':
+        return unsafeSVG(meta);
+      default:
+        if (meta) {
+          return html`<fwc-icon icon="${meta}" type="${IconType.EDS}"></fwc-icon>`;
+        }
+    }
+  }
+
   /**
    * Render the menu if state is open
    * @returns HTMLTemplateResult