@ngxi/streamline-cyber 0.12.23 → 0.12.25

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import { inject, input, computed, Directive } from "@angular/core";
-import { DomSanitizer } from "@angular/platform-browser";
+import { inject, ElementRef, PLATFORM_ID, input, numberAttribute, effect, Directive } from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
 const streamlineCyber3dGlasses = {
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path d="m22.5 10.5l-5.75-5H14.5m-14 5l5.75-5H8.5m-8 5l2 9H8l3.5-3.5l3.5 3.5h5.5l2-9m-22 0h22"/><path d="M3.25 12.5h7.25V14L7 17.5H4.5zm16.5 0H12.5V14l3.5 3.5h2.5z"/></g>',
   "width": 24,
@@ -3003,37 +3003,47 @@ const streamlineCyberWrenchScrewdriver = {
 };
 class Ngxi {
   constructor() {
-    this.sanitizer = inject(DomSanitizer);
-    this.icon = input(...[]);
-    this.width = input(...[]);
-    this.height = input(...[]);
+    this.el = inject(ElementRef);
+    this.platformId = inject(PLATFORM_ID);
+    this.icon = input.required(...[]);
+    this.width = input(void 0, ...[{
+      transform: numberAttribute
+    }]);
+    this.height = input(void 0, ...[{
+      transform: numberAttribute
+    }]);
     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.safeSVG = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.icon()?.body ?? ""), ...[]);
+    effect(() => {
+      this.updateSvg();
+    });
+  }
+  updateSvg() {
+    if (isPlatformBrowser(this.platformId)) {
+      const svg = this.el.nativeElement;
+      svg.innerHTML = "";
+      if (!this.icon) {
+        return;
+      }
+      svg.innerHTML = this.icon().body;
+      svg.setAttribute("width", (this.width() ?? this.icon()?.width ?? "").toString());
+      svg.setAttribute("height", (this.height() ?? this.icon()?.height ?? "").toString());
+      svg.setAttribute("viewBox", this.viewBox() ?? this.icon()?.viewBox ?? "");
+    }
   }
   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()", "innerHTML": "safeSVG()" } }, 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: true, 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 } }, ngImport: i0 });
   }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: Ngxi, decorators: [{
   type: Directive,
   args: [{
-    standalone: true,
     selector: "svg[ngxi]",
-    host: {
-      "role": "img",
-      "[attr.width]": "resolvedWidth()",
-      "[attr.height]": "resolvedHeight()",
-      "[attr.viewBox]": "resolvedViewBox()",
-      "[innerHTML]": "safeSVG()"
-    }
+    standalone: true
   }]
-}] });
+}], ctorParameters: () => [] });
 class NgxiStreamlineCyber {
   constructor() {
     this.ngxiStreamlineCyber = input.required(...[]);