feat(ui/icon): svg property

Alwatr · Apr 5, 2023 · 7815917 · 7815917
1 parent ac607f6
commit 7815917
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/ui/icon/src/icon.ts b/ui/icon/src/icon.ts
@@ -69,11 +69,19 @@ export class AlwatrIcon extends DirectionMixin(SignalMixin(AlwatrBaseElement)) {
   @property()
     name?: string;
 
+  @property({attribute: false})
+    svg?: string;
+
   @state()
   protected _svg?: HTMLTemplateResult | null;
 
   override render(): unknown {
     this._logger.logMethod('render');
+
+    if (this.svg != null) {
+      return html`${unsafeSVG(this.svg)}`;
+    }
+
     return this._svg ?? nothing;
   }
 
@@ -86,7 +94,7 @@ export class AlwatrIcon extends DirectionMixin(SignalMixin(AlwatrBaseElement)) {
   }
 
   protected override shouldUpdate(changedProperties: PropertyValues<this>): boolean {
-    return super.shouldUpdate(changedProperties) && this._svg !== undefined;
+    return super.shouldUpdate(changedProperties) && (this._svg !== undefined || this.svg != null);
   }
 
   protected async _fetchIcon(): Promise<void> {