npm - @skdx/icons - Versions diffs - 0.27.0 → 0.29.0 - Mend

@@ -5,7 +5,7 @@ Themeable SVG icon components for the SkandaDX design system — **1,748 free ic
 - **24×24 by default** — every icon renders at 24px unless you pass `size`.
 - **Fully theme-aware** — icons draw with `stroke="currentColor"`, so they inherit the CSS `color` of their surroundings. Point `color` at any `--skdx-*` token and the icon follows the active brand theme automatically.
 - **One shared geometry set** — every icon's SVG data lives once, in `src/icons/`, and every framework below imports it rather than re-embedding it.
-- **Accessible** — `aria-hidden` by default; pass `title` to expose the icon as a labelled image.
+- **Accessible** — `aria-hidden` by default; pass `label` to expose the icon as a labelled image.
 ## Usage
@@ -30,7 +30,7 @@ import { SearchIcon } from '@skdx/icons/SearchIcon'; // per-icon subpath
 <BellIcon size={20} color="var(--skdx-color-primary-600)" strokeWidth={1.5} />
 // accessible, labelled icon
-<BellIcon title="Notifications" />
+<BellIcon label="Notifications" />
 ```
 ```vue
@@ -60,8 +60,9 @@ Web Components ships **one shared element**, `<skdx-icon name>`, instead of a cu
 <script type="module">
   // Full import — register exactly the icons you use in one call.
   import '@skdx/icons/web-components';
+  import { BellIcon, SearchIcon } from '@skdx/icons/data';
   import { registerIcons } from '@skdx/icons/web-components';
-  import { SearchIcon, BellIcon } from '@skdx/icons/data';
   registerIcons({ SearchIcon, BellIcon });
 </script>
@@ -87,7 +88,8 @@ Angular uses a name registry via DI instead of a component per icon, for the sam
 ```ts
 import { Component } from '@angular/core';
-import { SkdxIconComponent, provideIcons } from '@skdx/icons/angular';
+import { provideIcons, SkdxIconComponent } from '@skdx/icons/angular';
 import { SearchIcon } from '@skdx/icons/data';
 @Component({
@@ -106,7 +108,7 @@ An icon has no accessible name of its own by default — it's `aria-hidden`, exa
 when it sits next to visible text. The moment an icon is the _entire_ content of an interactive
 control (a toolbar button, an icon-only trigger), that control needs an accessible name from
 somewhere, or a screen reader announces nothing at all. Put `aria-label` on the **button**, not
-`title` on the icon — a screen reader computes the button's accessible name from `aria-label`
+`label` on the icon — a screen reader computes the button's accessible name from `aria-label`
 reliably; an SVG's own `<title>` element is supported far less consistently across screen readers
 and browsers, so treat it as a supplementary visual tooltip, not the primary accessibility
 mechanism:
@@ -118,13 +120,13 @@ mechanism:
 </button>
 // Wrong: nothing on the button itself — some screen readers announce this as
-// an unlabelled button, even though the icon has a `title`.
+// an unlabelled button, even though the icon has a `label`.
 <button>
-  <BellIcon title="Notifications" />
+  <BellIcon label="Notifications" />
 </button>
 ```
-If the button already has visible text, leave the icon decorative (no `title`, no `aria-label`) —
+If the button already has visible text, leave the icon decorative (no `label`, no `aria-label`) —
 the visible text is the accessible name, and re-labelling the icon too would cause some screen
 readers to announce it twice.
@@ -146,9 +148,9 @@ Every icon accepts all standard SVG props plus:
 | Prop          | Default          | Description                                                           |
 | ------------- | ---------------- | --------------------------------------------------------------------- |
 | `size`        | `24`             | Rendered width/height in px (icons are square, drawn on a 24×24 grid) |
-| `color`       | `'currentColor'` | Stroke color — any CSS color, including `var(--skdx-*)` tokens         |
+| `color`       | `'currentColor'` | Stroke color — any CSS color, including `var(--skdx-*)` tokens        |
 | `strokeWidth` | `2`              | Stroke width relative to the 24×24 grid                               |
-| `title`       | —                | Accessible label; without it the icon is `aria-hidden`                |
+| `label`       | —                | Accessible label; without it the icon is `aria-hidden`                |
 ## Browsing icons
@@ -165,11 +167,11 @@ iconKeywords.SearchIcon; // ['find', 'magnifier', 'zoom', ...]
 lucide keeps every renamed icon's old name around as an **alias**: a second SVG file with identical artwork under the superseded name. This package ships **only lucide's canonical names**, so there is exactly one way to import each icon and nothing published is already on a removal path:
-| Count     | What                                                                                                          |
-| --------: | ------------------------------------------------------------------------------------------------------------- |
+|     Count | What                                                                                                            |
+| --------: | --------------------------------------------------------------------------------------------------------------- |
 | **1,997** | SVG files in `lucide-static@1.25.0`                                                                             |
-|    −249   | legacy alias names (`AlertCircle` → `CircleAlert`, `Filter` → `Funnel`, …) — superseded spellings, same artwork |
-|      −0   | icons upstream has flagged for deletion — lucide 1.x removed its deprecated brand set outright, so none remain  |
+|      −249 | legacy alias names (`AlertCircle` → `CircleAlert`, `Filter` → `Funnel`, …) — superseded spellings, same artwork |
+|        −0 | icons upstream has flagged for deletion — lucide 1.x removed its deprecated brand set outright, so none remain  |
 | **1,748** | exports this package ships (`iconNames.length`) — one per distinct icon                                         |
 No export carries an `@deprecated` tag, because no deprecated name is published in the first place.

@@ -1,65 +1,42 @@
-import { SafeHtml } from '@angular/platform-browser';
-import * as i0 from '@angular/core';
-import { InjectionToken, Provider } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider, Signal } from '@angular/core';
+type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
+type IconRegistryEntries = Record<string, IconNode>;
+/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
+declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
+/**
+ * Registers icons for `<skdx-icon name="...">` to resolve by name — Angular Material's `provideIcons()`-style API.
+ * Call once per icon set (app root, a feature route, a lazy-loaded module); multiple calls merge rather than overwrite each other.
+ */
+declare function provideIcons(icons: IconRegistryEntries): Provider;
 /**
- * `<skdx-icon name="CheckIcon">` — resolves icon geometry by name from the
- * registry built by `provideIcons()` (see `icon-registry.ts`). Shares the
- * same `size`/`color`/`strokeWidth`/`title` prop contract as every other
- * framework's icon output, as Angular `@Input()`s.
- *
- * Icon markup is generated, trusted data (never user input), so it's
- * injected via `DomSanitizer.bypassSecurityTrustHtml` rather than Angular's
- * default sanitization, the same trust argument the Web Components output
- * makes for `unsafeSVG`.
- *
- * There is no mirroring input: icons never flip under `dir="rtl"` on their
- * own. Add the `skdx-icon-mirror` class at the call site to the ones that
- * encode direction of travel (a back arrow, a "next" chevron). See
- * `@skdx/icons/mirror.css` for the rule and for why that call belongs to the
- * consumer rather than to per-icon metadata.
+ * `<skdx-icon name="CheckIcon">` — resolves icon geometry by name from the registry built by `provideIcons()`, sharing the same size/color/strokeWidth/label prop contract as every other framework's icon output.
+ * Geometry is appended through `Renderer2` rather than `[innerHTML]`, which throws `NotYetImplemented` on an SVG element during SSR prerender.
+ * No mirroring input — icons never flip under `dir="rtl"` on their own; add the `skdx-icon-mirror` class at the call site instead (see `@skdx/icons/mirror.css`).
  */
 declare class SkdxIconComponent {
     private readonly registry;
-    private readonly sanitizer;
     /** Name of a registered icon — see `provideIcons()`. */
-    name: string;
+    readonly name: _angular_core.InputSignal<string>;
     /** Rendered width/height in pixels (icons are square). @default 24 */
-    size: number | string;
+    readonly size: _angular_core.InputSignal<string | number>;
     /** Stroke color — set to `currentColor` by default so icons inherit the surrounding CSS `color`. @default 'currentColor' */
-    color: string;
+    readonly color: _angular_core.InputSignal<string>;
     /** Stroke width relative to the 24x24 grid. @default 2 */
-    strokeWidth: number | string;
+    readonly strokeWidth: _angular_core.InputSignal<string | number>;
     /** Read `strokeWidth` as rendered pixels instead of grid units, so icons at different sizes keep one optical weight. @default false */
-    absoluteStrokeWidth: boolean;
+    readonly absoluteStrokeWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label. When set the icon renders `role="img"` with a `<title>`; when omitted it is `aria-hidden`. */
-    title?: string;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /** The `stroke-width` actually rendered — rescaled when `absoluteStrokeWidth` is set. */
-    get renderedStrokeWidth(): number | string;
-    get markup(): SafeHtml;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkdxIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkdxIconComponent, "skdx-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_absoluteStrokeWidth: unknown;
+    readonly renderedStrokeWidth: Signal<number | string>;
+    /** Geometry for the currently named icon, empty when the name is unregistered. */
+    readonly iconNode: Signal<IconNode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxIconComponent, "skdx-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
-type IconRegistryEntries = Record<string, IconNode>;
-/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
-declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
-/**
- * Registers icons for `<skdx-icon name="...">` to resolve by name —
- * Angular Material's `provideIcons()`-style API. Call once per icon set
- * (app root, a feature route, a lazy-loaded module); multiple calls merge
- * rather than overwrite each other.
- *
- * Unlike the other 4 frameworks' per-icon components, Ivy-compiling ~1,900
- * individual `@Component`-decorated classes would balloon this library's
- * Angular build time and bundle size, so Angular trades true per-import
- * tree-shaking for one shared `<skdx-icon>` element plus this name registry —
- * import only the `IconNode` data you use from `@skdx/icons/angular/icons`
- * and register just that subset.
- */
-declare function provideIcons(icons: IconRegistryEntries): Provider;
 export { SKDX_ICON_REGISTRY, SkdxIconComponent, provideIcons };
 export type { IconNode, IconRegistryEntries };

@@ -1,65 +1,42 @@
-import { SafeHtml } from '@angular/platform-browser';
-import * as i0 from '@angular/core';
-import { InjectionToken, Provider } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider, Signal } from '@angular/core';
+type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
+type IconRegistryEntries = Record<string, IconNode>;
+/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
+declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
+/**
+ * Registers icons for `<skdx-icon name="...">` to resolve by name — Angular Material's `provideIcons()`-style API.
+ * Call once per icon set (app root, a feature route, a lazy-loaded module); multiple calls merge rather than overwrite each other.
+ */
+declare function provideIcons(icons: IconRegistryEntries): Provider;
 /**
- * `<skdx-icon name="CheckIcon">` — resolves icon geometry by name from the
- * registry built by `provideIcons()` (see `icon-registry.ts`). Shares the
- * same `size`/`color`/`strokeWidth`/`title` prop contract as every other
- * framework's icon output, as Angular `@Input()`s.
- *
- * Icon markup is generated, trusted data (never user input), so it's
- * injected via `DomSanitizer.bypassSecurityTrustHtml` rather than Angular's
- * default sanitization, the same trust argument the Web Components output
- * makes for `unsafeSVG`.
- *
- * There is no mirroring input: icons never flip under `dir="rtl"` on their
- * own. Add the `skdx-icon-mirror` class at the call site to the ones that
- * encode direction of travel (a back arrow, a "next" chevron). See
- * `@skdx/icons/mirror.css` for the rule and for why that call belongs to the
- * consumer rather than to per-icon metadata.
+ * `<skdx-icon name="CheckIcon">` — resolves icon geometry by name from the registry built by `provideIcons()`, sharing the same size/color/strokeWidth/label prop contract as every other framework's icon output.
+ * Geometry is appended through `Renderer2` rather than `[innerHTML]`, which throws `NotYetImplemented` on an SVG element during SSR prerender.
+ * No mirroring input — icons never flip under `dir="rtl"` on their own; add the `skdx-icon-mirror` class at the call site instead (see `@skdx/icons/mirror.css`).
  */
 declare class SkdxIconComponent {
     private readonly registry;
-    private readonly sanitizer;
     /** Name of a registered icon — see `provideIcons()`. */
-    name: string;
+    readonly name: _angular_core.InputSignal<string>;
     /** Rendered width/height in pixels (icons are square). @default 24 */
-    size: number | string;
+    readonly size: _angular_core.InputSignal<string | number>;
     /** Stroke color — set to `currentColor` by default so icons inherit the surrounding CSS `color`. @default 'currentColor' */
-    color: string;
+    readonly color: _angular_core.InputSignal<string>;
     /** Stroke width relative to the 24x24 grid. @default 2 */
-    strokeWidth: number | string;
+    readonly strokeWidth: _angular_core.InputSignal<string | number>;
     /** Read `strokeWidth` as rendered pixels instead of grid units, so icons at different sizes keep one optical weight. @default false */
-    absoluteStrokeWidth: boolean;
+    readonly absoluteStrokeWidth: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Accessible label. When set the icon renders `role="img"` with a `<title>`; when omitted it is `aria-hidden`. */
-    title?: string;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /** The `stroke-width` actually rendered — rescaled when `absoluteStrokeWidth` is set. */
-    get renderedStrokeWidth(): number | string;
-    get markup(): SafeHtml;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkdxIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkdxIconComponent, "skdx-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_absoluteStrokeWidth: unknown;
+    readonly renderedStrokeWidth: Signal<number | string>;
+    /** Geometry for the currently named icon, empty when the name is unregistered. */
+    readonly iconNode: Signal<IconNode>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxIconComponent, "skdx-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "absoluteStrokeWidth": { "alias": "absoluteStrokeWidth"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-type IconNode = ReadonlyArray<readonly [string, Record<string, string>]>;
-type IconRegistryEntries = Record<string, IconNode>;
-/** Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree. */
-declare const SKDX_ICON_REGISTRY: InjectionToken<IconRegistryEntries>;
-/**
- * Registers icons for `<skdx-icon name="...">` to resolve by name —
- * Angular Material's `provideIcons()`-style API. Call once per icon set
- * (app root, a feature route, a lazy-loaded module); multiple calls merge
- * rather than overwrite each other.
- *
- * Unlike the other 4 frameworks' per-icon components, Ivy-compiling ~1,900
- * individual `@Component`-decorated classes would balloon this library's
- * Angular build time and bundle size, so Angular trades true per-import
- * tree-shaking for one shared `<skdx-icon>` element plus this name registry —
- * import only the `IconNode` data you use from `@skdx/icons/angular/icons`
- * and register just that subset.
- */
-declare function provideIcons(icons: IconRegistryEntries): Provider;
 export { SKDX_ICON_REGISTRY, SkdxIconComponent, provideIcons };
 export type { IconNode, IconRegistryEntries };

	@@ -1 +1 @@
1	- importas t from"@angular/core";import{InjectionToken as e,inject as n,~~booleanAttribute~~ as r,~~Input~~ as o,~~ChangeDetectionStrategy~~ as i,~~Component~~ as s~~}from"@angular/core";import{DomSanitizer~~ as a}from"@angular/~~platform-browser~~";const l=new e("SKDX_ICON_ENTRIES"),c=~~new~~ e("SKDX_ICON_REGISTRY",{factory:()=>~~Object.assign~~(~~{},...~~n(l,{optional:!0})??[])});function d(t){return{provide:l,useValue:t,multi:!0}}class ~~SkdxIconComponent~~{constructor(){this.~~registry~~=n(c),this.~~sanitizer~~=n(a),this.size=24,this.color="currentColor",this.strokeWidth=2,this.absoluteStrokeWidth=!1}~~get~~ renderedStrokeWidth()~~{return~~ function(t,e,n){if(!n)return t;const r=24Number(t)/Number(e);return Number.isFinite(r)?r:t}(this.strokeWidth,this.size,this.absoluteStrokeWidth)}~~get markup(~~)~~{const t~~=(this.registry[this.name]??[]~~).map((~~[~~t,e])=>`<$~~{t} ~~${Object.entries(e).map((~~[~~t,e~~])~~=>`${t~~}~~="${e}"`).join(" ")}></${t}>`).join("");return this.sanitizer.bypassSecurityTrustHtml(t)}~~static{this.ɵfac=t.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.0.6",ngImport:t,type:SkdxIconComponent,deps:[],target:t.ɵɵFactoryTarget.Component})}static{this.ɵcmp=t.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.0.6",type:SkdxIconComponent,isStandalone:!0,selector:"skdx-icon",inputs:{name:"name",size:"size",color:"color",strokeWidth:"strokeWidth",absoluteStrokeWidth:["absoluteStrokeWidth","absoluteStrokeWidth",r],~~title~~:"~~title~~"},ngImport:t,template:'\n <svg\n xmlns="http://www.w3.org/2000/svg"\n [attr.width]="size"\n [attr.height]="size"\n viewBox="0 0 24 24"\n fill="none"\n [attr.stroke]="color"\n [attr.stroke-width]="renderedStrokeWidth"\n stroke-linecap="round"\n stroke-linejoin="round"\n [attr.role]="~~title~~ ? \'img\' : null"\n [attr.aria-hidden]="~~title~~ ? null : \'true\'"\n focusable="false"\n [attr.data-skdx-icon]="name"\n >\n @if (~~title~~) {\n <title>{{ ~~title~~ }}</title>\n }\n <g [~~innerHTML~~]="~~markup~~"></g>\n </svg>\n ',isInline:!0,changeDetection:t.ChangeDetectionStrategy.OnPush})}}t.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.0.6",ngImport:t,type:SkdxIconComponent,decorators:[{type:s,args:[{selector:"skdx-icon",standalone:!0,changeDetection:i.OnPush,template:'\n <svg\n xmlns="http://www.w3.org/2000/svg"\n [attr.width]="size"\n [attr.height]="size"\n viewBox="0 0 24 24"\n fill="none"\n [attr.stroke]="color"\n [attr.stroke-width]="renderedStrokeWidth"\n stroke-linecap="round"\n stroke-linejoin="round"\n [attr.role]="~~title~~ ? \'img\' : null"\n [attr.aria-hidden]="~~title~~ ? null : \'true\'"\n focusable="false"\n [attr.data-skdx-icon]="name"\n >\n @if (~~title~~) {\n <title>{{ ~~title~~ }}</title>\n }\n <g [~~innerHTML~~]="~~markup~~"></g>\n </svg>\n '}]}],propDecorators:{name:[{type:o,args:[{required:!0}]}],size:[{type:o}],color:[{type:o}],strokeWidth:[{type:o}],absoluteStrokeWidth:[{type:o,args:[{~~transform~~:r}]}],~~title~~:[{type:o}]}});export{c as SKDX_ICON_REGISTRY,SkdxIconComponent,d as provideIcons};
1	+ importas e from"@angular/core";import{InjectionToken as t,inject as n,SkipSelf as o,Optional as r,ElementRef as i,Renderer2 as s,Input as a,Directive as l,input as d,booleanAttribute as c,computed as u,ChangeDetectionStrategy as g,Component as m}from"@angular/core";const p=new t("SKDX_ICON_ENTRIES");function h(e,t){const n={...e};for(const e of t)Object.assign(n,e);return n}const k=new t("SKDX_ICON_REGISTRY",{factory:()=>h(null,n(p,{optional:!0})??[])});function b(e){return[{provide:p,useValue:e,multi:!0},{provide:k,useFactory:h,deps:[[new o,new r,k],p]}]}class SkdxIconNodeDirective{constructor(){this.host=n(i),this.renderer=n(s)}set node(e){const t=this.host.nativeElement;for(;t.firstChild;)this.renderer.removeChild(t,t.firstChild);for(const[n,o]of e){const e=this.renderer.createElement(n,"http://www.w3.org/2000/svg");for(const[t,n]of Object.entries(o))this.renderer.setAttribute(e,t,n);this.renderer.appendChild(t,e)}}static{this.ɵfac=e.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconNodeDirective,deps:[],target:e.ɵɵFactoryTarget.Directive})}static{this.ɵdir=e.ɵɵngDeclareDirective({minVersion:"14.0.0",version:"22.0.6",type:SkdxIconNodeDirective,isStandalone:!0,selector:"[skdxIconNode]",inputs:{node:["skdxIconNode","node"]},ngImport:e})}}e.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconNodeDirective,decorators:[{type:l,args:[{selector:"[skdxIconNode]",standalone:!0}]}],propDecorators:{node:[{type:a,args:["skdxIconNode"]}]}});class SkdxIconComponent{constructor(){this.registry=n(k),this.name=d.required(...ngDevMode?[{debugName:"name"}]:[]),this.size=d(24,...ngDevMode?[{debugName:"size"}]:[]),this.color=d("currentColor",...ngDevMode?[{debugName:"color"}]:[]),this.strokeWidth=d(2,...ngDevMode?[{debugName:"strokeWidth"}]:[]),this.absoluteStrokeWidth=d(!1,{...ngDevMode?{debugName:"absoluteStrokeWidth"}:{},transform:c}),this.label=d(...ngDevMode?[void 0,{debugName:"label"}]:[]),this.renderedStrokeWidth=u(()=>function(e,t,n){if(!n)return e;const o=24Number(e)/Number(t);return Number.isFinite(o)?o:e}(this.strokeWidth(),this.size(),this.absoluteStrokeWidth()),...ngDevMode?[{debugName:"renderedStrokeWidth"}]:[]),this.iconNode=u(()=>this.registry[this.name()]??[],...ngDevMode?[{debugName:"iconNode"}]:[])}static{this.ɵfac=e.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconComponent,deps:[],target:e.ɵɵFactoryTarget.Component})}static{this.ɵcmp=e.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"22.0.6",type:SkdxIconComponent,isStandalone:!0,selector:"skdx-icon",inputs:{name:{classPropertyName:"name",publicName:"name",isSignal:!0,isRequired:!0,transformFunction:null},size:{classPropertyName:"size",publicName:"size",isSignal:!0,isRequired:!1,transformFunction:null},color:{classPropertyName:"color",publicName:"color",isSignal:!0,isRequired:!1,transformFunction:null},strokeWidth:{classPropertyName:"strokeWidth",publicName:"strokeWidth",isSignal:!0,isRequired:!1,transformFunction:null},absoluteStrokeWidth:{classPropertyName:"absoluteStrokeWidth",publicName:"absoluteStrokeWidth",isSignal:!0,isRequired:!1,transformFunction:null},label:{classPropertyName:"label",publicName:"label",isSignal:!0,isRequired:!1,transformFunction:null}},ngImport:e,template:'\n <svg\n xmlns="http://www.w3.org/2000/svg"\n [attr.width]="size()"\n [attr.height]="size()"\n viewBox="0 0 24 24"\n fill="none"\n [attr.stroke]="color()"\n [attr.stroke-width]="renderedStrokeWidth()"\n stroke-linecap="round"\n stroke-linejoin="round"\n [attr.role]="label() ? \'img\' : null"\n [attr.aria-hidden]="label() ? null : \'true\'"\n focusable="false"\n [attr.data-skdx-icon]="name()"\n >\n @if (label()) {\n <title>{{ label() }}</title>\n }\n <g [skdxIconNode]="iconNode()"></g>\n </svg>\n ',isInline:!0,dependencies:[{kind:"directive",type:SkdxIconNodeDirective,selector:"[skdxIconNode]",inputs:["skdxIconNode"]}],changeDetection:e.ChangeDetectionStrategy.OnPush})}}e.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"22.0.6",ngImport:e,type:SkdxIconComponent,decorators:[{type:m,args:[{selector:"skdx-icon",standalone:!0,imports:[SkdxIconNodeDirective],changeDetection:g.OnPush,template:'\n <svg\n xmlns="http://www.w3.org/2000/svg"\n [attr.width]="size()"\n [attr.height]="size()"\n viewBox="0 0 24 24"\n fill="none"\n [attr.stroke]="color()"\n [attr.stroke-width]="renderedStrokeWidth()"\n stroke-linecap="round"\n stroke-linejoin="round"\n [attr.role]="label() ? \'img\' : null"\n [attr.aria-hidden]="label() ? null : \'true\'"\n focusable="false"\n [attr.data-skdx-icon]="name()"\n >\n @if (label()) {\n <title>{{ label() }}</title>\n }\n <g [skdxIconNode]="iconNode()"></g>\n </svg>\n '}]}],propDecorators:{name:[{type:e.Input,args:[{isSignal:!0,alias:"name",required:!0}]}],size:[{type:e.Input,args:[{isSignal:!0,alias:"size",required:!1}]}],color:[{type:e.Input,args:[{isSignal:!0,alias:"color",required:!1}]}],strokeWidth:[{type:e.Input,args:[{isSignal:!0,alias:"strokeWidth",required:!1}]}],absoluteStrokeWidth:[{type:e.Input,args:[{isSignal:!0,alias:"absoluteStrokeWidth",required:!1}]}],label:[{type:e.Input,args:[{isSignal:!0,alias:"label",required:!1}]}]}});export{k as SKDX_ICON_REGISTRY,SkdxIconComponent,b as provideIcons};

@skdx/icons 0.27.0 → 0.29.0