@ngxi/lucide 0.12.0-beta.2 → 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 lucideAArrowDown = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.5 13h6M2 16l4.5-9l4.5 9m7-9v9m-4-4l4 4l4-4"/>',
   "width": 24,
@@ -1088,7 +1087,7 @@ const lucideBlinds = {
   "viewBox": "0 0 24 24"
 };
 const lucideBlocks = {
-  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="7" height="7" x="14" y="3" rx="1"/><path d="M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3"/></g>',
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2"/><rect width="8" height="8" x="14" y="2" rx="1"/></g>',
   "width": 24,
   "height": 24,
   "viewBox": "0 0 24 24"
@@ -2090,7 +2089,7 @@ const lucideCircleArrowDown = {
   "viewBox": "0 0 24 24"
 };
 const lucideCircleArrowLeft = {
-  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M16 12H8m4-4l-4 4l4 4"/></g>',
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m12 8l-4 4l4 4m4-4H8"/></g>',
   "width": 24,
   "height": 24,
   "viewBox": "0 0 24 24"
@@ -2120,7 +2119,7 @@ const lucideCircleArrowOutUpRight = {
   "viewBox": "0 0 24 24"
 };
 const lucideCircleArrowRight = {
-  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M8 12h8m-4 4l4-4l-4-4"/></g>',
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m12 16l4-4l-4-4m-4 4h8"/></g>',
   "width": 24,
   "height": 24,
   "viewBox": "0 0 24 24"
@@ -4279,6 +4278,12 @@ const lucideGem = {
   "height": 24,
   "viewBox": "0 0 24 24"
 };
+const lucideGeorgianLari = {
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.5 21a7.5 7.5 0 1 1 7.35-9M13 12V3M4 21h16M9 12V3"/>',
+  "width": 24,
+  "height": 24,
+  "viewBox": "0 0 24 24"
+};
 const lucideGhost = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 10h.01M15 10h.01M12 2a8 8 0 0 0-8 8v12l3-3l2.5 2.5L12 19l2.5 2.5L17 19l3 3V10a8 8 0 0 0-8-8"/>',
   "width": 24,
@@ -5209,6 +5214,12 @@ const lucideLineChart = {
   "height": 24,
   "viewBox": "0 0 24 24"
 };
+const lucideLineSquiggle = {
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 3.5c5-2 7 2.5 3 4C1.5 10 2 15 5 16c5 2 9-10 14-7s.5 13.5-4 12c-5-2.5.5-11 6-2"/>',
+  "width": 24,
+  "height": 24,
+  "viewBox": "0 0 24 24"
+};
 const lucideLink = {
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></g>',
   "width": 24,
@@ -7700,7 +7711,7 @@ const lucideShirt = {
   "viewBox": "0 0 24 24"
 };
 const lucideShoppingBag = {
-  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4ZM3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></g>',
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M16 10a4 4 0 0 1-8 0M3.103 6.034h17.794"/><path d="M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z"/></g>',
   "width": 24,
   "height": 24,
   "viewBox": "0 0 24 24"
@@ -7993,6 +8004,12 @@ const lucideSplit = {
   "height": 24,
   "viewBox": "0 0 24 24"
 };
+const lucideSpool = {
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17 13.44L4.442 17.082A2 2 0 0 0 4.982 21H19a2 2 0 0 0 .558-3.921l-1.115-.32A2 2 0 0 1 17 14.837V7.66"/><path d="m7 10.56l12.558-3.642A2 2 0 0 0 19.018 3H5a2 2 0 0 0-.558 3.921l1.115.32A2 2 0 0 1 7 9.163v7.178"/></g>',
+  "width": 24,
+  "height": 24,
+  "viewBox": "0 0 24 24"
+};
 const lucideSprayCan = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3h.01M7 5h.01M11 7h.01M3 7h.01M7 9h.01M3 11h.01M15 5h4v4h-4zm4 4l2 2v10c0 .6-.4 1-1 1h-6c-.6 0-1-.4-1-1V11l2-2m-2 5l8-2m-8 7l8-2"/>',
   "width": 24,
@@ -8407,6 +8424,12 @@ const lucideSquircle = {
   "height": 24,
   "viewBox": "0 0 24 24"
 };
+const lucideSquircleDashed = {
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.77 3.043a34 34 0 0 0-3.54 0m3.541 17.913a33 33 0 0 1-3.541.001m9.95-3.217c-.51 1.15-1.29 1.93-2.439 2.44M20.18 6.259c-.51-1.148-1.291-1.929-2.44-2.438m3.217 6.409a33 33 0 0 1 0 3.54M3.043 10.23a34 34 0 0 0 .001 3.541m3.216 6.408c-1.15-.508-1.93-1.29-2.44-2.438M6.26 3.82c-1.149.51-1.93 1.291-2.44 2.44"/>',
+  "width": 24,
+  "height": 24,
+  "viewBox": "0 0 24 24"
+};
 const lucideSquirrel = {
   "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15.236 22a3 3 0 0 0-2.2-5"/><path d="M16 20a3 3 0 0 1 3-3h1a2 2 0 0 0 2-2v-2a4 4 0 0 0-4-4V4m0 9h.01"/><path d="M18 6a4 4 0 0 0-4 4a7 7 0 0 0-7 7c0-5 4-5 4-10.5a4.5 4.5 0 1 0-9 0a2.5 2.5 0 0 0 5 0C7 10 3 11 3 17c0 2.8 2.2 5 5 5h10"/></g>',
   "width": 24,
@@ -9848,7 +9871,7 @@ const lucideArrowDownZa = {
   "viewBox": "0 0 24 24"
 };
 const lucideArrowLeftCircle = {
-  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M16 12H8m4-4l-4 4l4 4"/></g>',
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m12 8l-4 4l4 4m4-4H8"/></g>',
   "width": 24,
   "height": 24,
   "viewBox": "0 0 24 24"
@@ -9860,7 +9883,7 @@ const lucideArrowLeftSquare = {
   "viewBox": "0 0 24 24"
 };
 const lucideArrowRightCircle = {
-  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M8 12h8m-4 4l4-4l-4-4"/></g>',
+  "body": '<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="m12 16l4-4l-4-4m-4 4h8"/></g>',
   "width": 24,
   "height": 24,
   "viewBox": "0 0 24 24"
@@ -10975,7 +10998,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();
@@ -10983,13 +11007,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: [{
@@ -11001,8 +11028,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()"
     }
   }]
 }] });
@@ -11832,6 +11858,7 @@ export {
   lucideGaugeCircle,
   lucideGavel,
   lucideGem,
+  lucideGeorgianLari,
   lucideGhost,
   lucideGift,
   lucideGitBranch,
@@ -12008,6 +12035,7 @@ export {
   lucideLightbulb,
   lucideLightbulbOff,
   lucideLineChart,
+  lucideLineSquiggle,
   lucideLink,
   lucideLink2,
   lucideLink2Off,
@@ -12533,6 +12561,7 @@ export {
   lucideSplit,
   lucideSplitSquareHorizontal,
   lucideSplitSquareVertical,
+  lucideSpool,
   lucideSprayCan,
   lucideSprout,
   lucideSquare,
@@ -12605,6 +12634,7 @@ export {
   lucideSquaresSubtract,
   lucideSquaresUnite,
   lucideSquircle,
+  lucideSquircleDashed,
   lucideSquirrel,
   lucideStamp,
   lucideStar,