@ngxi/vscode-icons 0.12.20 → 0.12.22

package/dist/index.js

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
-import { inject, PLATFORM_ID, ElementRef, Renderer2, input, computed, effect, SecurityContext, Directive } from "@angular/core";
-import { isPlatformServer } from "@angular/common";
+import { inject, input, computed, Directive } from "@angular/core";
 import { DomSanitizer } from "@angular/platform-browser";
 const vscodeIconsDefaultFile = {
   "body": '<path fill="#c5c5c5" d="M20.414 2H5v28h22V8.586ZM7 28V4h12v6h6v18Z"/>',
@@ -8410,44 +8409,21 @@ const vscodeIconsFileTypeMakefile = {
 };
 class Ngxi {
   constructor() {
-    this.platformId = inject(PLATFORM_ID);
-    this.el = inject(ElementRef);
-    this.renderer = inject(Renderer2);
     this.sanitizer = inject(DomSanitizer);
-    this.icon = input(null, ...[]);
+    this.icon = input(...[]);
     this.width = input(...[]);
     this.height = input(...[]);
     this.viewBox = input(...[]);
     this.resolvedWidth = computed(() => this.width() ?? this.icon()?.width, ...[]);
     this.resolvedHeight = computed(() => this.height() ?? this.icon()?.height, ...[]);
     this.resolvedViewBox = computed(() => this.viewBox() ?? this.icon()?.viewBox, ...[]);
-    this.setBody = effect(() => {
-      const icon = this.icon();
-      if (!icon) {
-        this.renderer.setProperty(this.el.nativeElement, "innerHTML", "");
-        return;
-      }
-      const sanitizedBody = this.sanitizer.sanitize(SecurityContext.HTML, icon.body);
-      if (isPlatformServer(this.platformId)) {
-        this.renderer.setProperty(this.el.nativeElement, "innerHTML", sanitizedBody);
-        this.renderer.setAttribute(this.el.nativeElement, "data-ngxi-ssr", "");
-        return;
-      }
-      if (this.el.nativeElement.hasAttribute("data-ngxi-ssr")) {
-        if (this.el.nativeElement.innerHTML.trim() === sanitizedBody?.trim()) {
-          this.renderer.removeAttribute(this.el.nativeElement, "data-ngxi-ssr");
-          return;
-        }
-        this.renderer.removeAttribute(this.el.nativeElement, "data-ngxi-ssr");
-      }
-      this.renderer.setProperty(this.el.nativeElement, "innerHTML", sanitizedBody);
-    }, ...[]);
+    this.safeSVG = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.icon()?.body ?? ""), ...[]);
   }
   static {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: Ngxi, deps: [], target: i0.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.2", type: Ngxi, isStandalone: true, selector: "svg[ngxi]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, viewBox: { classPropertyName: "viewBox", publicName: "viewBox", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "attr.width": "resolvedWidth()", "attr.height": "resolvedHeight()", "attr.viewBox": "resolvedViewBox()" } }, ngImport: i0 });
+    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.2", type: Ngxi, isStandalone: true, selector: "svg[ngxi]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, viewBox: { classPropertyName: "viewBox", publicName: "viewBox", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "img" }, properties: { "attr.width": "resolvedWidth()", "attr.height": "resolvedHeight()", "attr.viewBox": "resolvedViewBox()", "innerHTML": "safeSVG()" } }, ngImport: i0 });
   }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: Ngxi, decorators: [{
@@ -8459,7 +8435,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImpor
       "role": "img",
       "[attr.width]": "resolvedWidth()",
       "[attr.height]": "resolvedHeight()",
-      "[attr.viewBox]": "resolvedViewBox()"
+      "[attr.viewBox]": "resolvedViewBox()",
+      "[innerHTML]": "safeSVG()"
     }
   }]
 }] });