@ngxi/cbi 0.12.0-beta.3 → 0.12.0-beta.5

package/dist/index.js

@@ -1,6 +1,5 @@
 import * as i0 from "@angular/core";
-import { inject, input, computed, Directive } from "@angular/core";
-import { DomSanitizer } from "@angular/platform-browser";
+import { inject, ElementRef, Renderer2, input, computed, effect, Directive } from "@angular/core";
 const cbi02tv = {
   "body": '<path fill="currentColor" d="m16.5 8.261l2.121 6.123h1.467L22 8.261h-1.074l-1.571 4.768l-1.546-4.768zm-5.475 0h4.898v.897h-1.781l-.052 5.226h-1.231V9.158h-1.834zm-1.242 7.478v-.42H8.7c.435-.427 1-.946 1-1.511a.733.733 0 0 0-.835-.779a1.8 1.8 0 0 0-.791.191l.043.443a1.15 1.15 0 0 1 .614-.214c.217 0 .436.114.436.359c0 .488-.905 1.244-1.153 1.485v.446zM2 11.411a3.063 3.063 0 1 0 6.124 0a2.97 2.97 0 0 0-3.057-3.15A2.97 2.97 0 0 0 2 11.411m1.18 0a2.055 2.055 0 0 1 1.887-2.253a2.054 2.054 0 0 1 1.876 2.253a2.016 2.016 0 0 1-1.876 2.253a2.02 2.02 0 0 1-1.887-2.253"/>',
   "width": 24,
@@ -8893,7 +8892,8 @@ typeof SuppressedError === "function" ? SuppressedError : function(error, suppre
 };
 class Ngxi {
   constructor() {
-    this.sanitizer = inject(DomSanitizer);
+    this.el = inject(ElementRef);
+    this.renderer = inject(Renderer2);
     this.icon = input(null);
     this.width = input();
     this.height = input();
@@ -8901,13 +8901,16 @@ class Ngxi {
     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.resolvedBody = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.icon()?.body ?? ""));
+    this.setBody = effect(() => {
+      const icon = this.icon();
+      this.renderer.setProperty(this.el.nativeElement, "innerHTML", icon?.body ?? "");
+    });
   }
   static {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: Ngxi, deps: [], target: i0.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.4", 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": "resolvedBody()" } }, ngImport: i0 });
+    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.0.4", 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 });
   }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: Ngxi, decorators: [{
@@ -8919,8 +8922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImpor
       "role": "img",
       "[attr.width]": "resolvedWidth()",
       "[attr.height]": "resolvedHeight()",
-      "[attr.viewBox]": "resolvedViewBox()",
-      "[innerHTML]": "resolvedBody()"
+      "[attr.viewBox]": "resolvedViewBox()"
     }
   }]
 }] });