@ngxi/vscode-icons 0.12.0-beta.11 → 0.12.0-beta.3

package/dist/index.js

@@ -1,5 +1,6 @@
 import * as i0 from "@angular/core";
-import { inject, ElementRef, Renderer2, input, computed, effect, Directive } from "@angular/core";
+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"/>',
   "width": 32,
@@ -8358,10 +8359,19 @@ const vscodeIconsFileTypeMakefile = {
   "height": 32,
   "viewBox": "0 0 32 32"
 };
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
 class Ngxi {
   constructor() {
-    this.el = inject(ElementRef);
-    this.renderer = inject(Renderer2);
+    this.sanitizer = inject(DomSanitizer);
     this.icon = input(null);
     this.width = input();
     this.height = input();
@@ -8369,19 +8379,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.setBody = effect(() => {
-      const icon = this.icon();
-      this.renderer.setProperty(this.el.nativeElement, "innerHTML", icon?.body ?? "");
-    });
+    this.resolvedBody = computed(() => this.sanitizer.bypassSecurityTrustHtml(this.icon()?.body ?? ""));
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Ngxi, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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: "18.2.13", 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.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 });
   }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: Ngxi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.4", ngImport: i0, type: Ngxi, decorators: [{
   type: Directive,
   args: [{
     standalone: true,
@@ -8390,24 +8397,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       "role": "img",
       "[attr.width]": "resolvedWidth()",
       "[attr.height]": "resolvedHeight()",
-      "[attr.viewBox]": "resolvedViewBox()"
+      "[attr.viewBox]": "resolvedViewBox()",
+      "[innerHTML]": "resolvedBody()"
     }
   }]
 }] });
-class NgxiVscodeIcons {
+let NgxiVscodeIcons = class NgxiVscodeIcons2 {
   constructor() {
     this.ngxiVscodeIcons = input.required();
   }
-  static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgxiVscodeIcons, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-  }
-  static {
-    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: NgxiVscodeIcons, isStandalone: true, selector: "svg[ngxiVscodeIcons]", inputs: { ngxiVscodeIcons: { classPropertyName: "ngxiVscodeIcons", publicName: "ngxiVscodeIcons", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: Ngxi, inputs: ["icon", "ngxiVscodeIcons", "width", "width", "height", "height", "viewBox", "viewBox"] }], ngImport: i0 });
-  }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgxiVscodeIcons, decorators: [{
-  type: Directive,
-  args: [{
+};
+NgxiVscodeIcons = __decorate([
+  Directive({
     standalone: true,
     selector: "svg[ngxiVscodeIcons]",
     hostDirectives: [
@@ -8416,8 +8417,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         inputs: ["icon:ngxiVscodeIcons", "width", "height", "viewBox"]
       }
     ]
-  }]
-}] });
+  })
+], NgxiVscodeIcons);
 export {
   NgxiVscodeIcons,
   vscodeIconsDefaultFile,