@ngxi/lucide 0.12.19 → 0.12.21

package/README.md

@@ -10,7 +10,7 @@
 
 - **Name**: Lucide
 - **Prefix**: `lucide`
-- **Icons**: 1633
+- **Icons**: 1634
 - **License**: [ISC](https://github.com/lucide-icons/lucide/blob/main/LICENSE)
 - **Author**: [Lucide Contributors](https://github.com/lucide-icons/lucide)
 - **Website**: [https://github.com/lucide-icons/lucide](https://github.com/lucide-icons/lucide)

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as i0 from "@angular/core";
-import { inject, PLATFORM_ID, ElementRef, Renderer2, input, computed, effect, Directive } from "@angular/core";
-import { isPlatformServer } from "@angular/common";
+import { inject, input, computed, Directive } from "@angular/core";
+import { DomSanitizer } from "@angular/platform-browser";
 const lucideAArrowDown = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m14 12l4 4l4-4m-4 4V7M2 16l4.039-9.69a.5.5 0 0 1 .923 0L11 16m-7.696-3h6.392"/>',
   "width": 24,
@@ -5329,6 +5329,12 @@ const lucideListChecks = {
   "height": 24,
   "viewBox": "0 0 24 24"
 };
+const lucideListChevronsDownUp = {
+  "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 18l3-3l3 3M15 6l3 3l3-3M3 12h8m-8 6h8M3 6h8"/>',
+  "width": 24,
+  "height": 24,
+  "viewBox": "0 0 24 24"
+};
 const lucideListCollapse = {
   "body": '<path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 12h11m-11 6h11M10 6h11M3 10l3-3l-3-3m0 16l3-3l-3-3"/>',
   "width": 24,
@@ -11169,44 +11175,24 @@ const lucideXSquare = {
 };
 class Ngxi {
   constructor() {
-    this.platform = inject(PLATFORM_ID);
-    this.el = inject(ElementRef);
-    this.renderer = inject(Renderer2);
-    this.icon = input(null);
-    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;
-      }
-      if (isPlatformServer(this.platform)) {
-        this.el.nativeElement.innerHTML = icon.body;
-        this.el.nativeElement.setAttribute("data-ngxi-ssr", "");
-        return;
-      }
-      if (this.el.nativeElement.hasAttribute("data-ngxi-ssr")) {
-        this.el.nativeElement.removeAttribute("data-ngxi-ssr");
-        if (this.el.nativeElement.innerHTML === icon.body) {
-          return;
-        }
-      }
-      this.renderer.setProperty(this.el.nativeElement, "innerHTML", icon.body);
-    });
+    this.sanitizer = inject(DomSanitizer);
+    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.safeSVG = 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.2.2", 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.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: "18.2.13", ngImport: i0, type: Ngxi, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: Ngxi, decorators: [{
   type: Directive,
   args: [{
     standalone: true,
@@ -11215,22 +11201,23 @@ 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]": "safeSVG()"
     }
   }]
 }] });
 class NgxiLucide {
   constructor() {
-    this.ngxiLucide = input.required();
+    this.ngxiLucide = input.required(...[]);
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgxiLucide, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: NgxiLucide, deps: [], target: i0.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: NgxiLucide, isStandalone: true, selector: "svg[ngxiLucide]", inputs: { ngxiLucide: { classPropertyName: "ngxiLucide", publicName: "ngxiLucide", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: Ngxi, inputs: ["icon", "ngxiLucide", "width", "width", "height", "height", "viewBox", "viewBox"] }], ngImport: i0 });
+    this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.2", type: NgxiLucide, isStandalone: true, selector: "svg[ngxiLucide]", inputs: { ngxiLucide: { classPropertyName: "ngxiLucide", publicName: "ngxiLucide", isSignal: true, isRequired: true, transformFunction: null } }, hostDirectives: [{ directive: Ngxi, inputs: ["icon", "ngxiLucide", "width", "width", "height", "height", "viewBox", "viewBox"] }], ngImport: i0 });
   }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: NgxiLucide, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.2", ngImport: i0, type: NgxiLucide, decorators: [{
   type: Directive,
   args: [{
     standalone: true,
@@ -12251,6 +12238,7 @@ export {
   lucideList,
   lucideListCheck,
   lucideListChecks,
+  lucideListChevronsDownUp,
   lucideListCollapse,
   lucideListEnd,
   lucideListFilter,