npm - @skdx/icons - Versions diffs - 0.28.0 → 0.30.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
@@ -108,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:
@@ -120,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.
@@ -150,7 +150,7 @@ Every icon accepts all standard SVG props plus:
 | `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        |
 | `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

@@ -1,63 +1,48 @@
-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. */
+/**
+ * Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree.
+ * Its default factory is root-scoped and caches on first resolution, so injecting this token
+ * directly only reflects registrations visible from wherever it first resolved; component-scoped
+ * `provideIcons()` calls made below that point won't show up here — `<skdx-icon>` reads
+ * `SKDX_ICON_ENTRIES` itself at its own injector to stay accurate.
+ */
 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.
+ * 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, or a component); calls
+ * at the same injector and nested calls in descendant injectors all merge rather than overwrite.
  */
 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.
- *
- * Geometry is appended through `Renderer2` rather than `[innerHTML]`: the
- * `innerHTML` setter exists only on `HTMLElement` in the domino DOM Angular
- * uses for SSR, so binding it on an SVG element throws `NotYetImplemented`
- * during prerender.
- *
- * 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;
     /** 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;
+    readonly renderedStrokeWidth: Signal<number | string>;
     /** Geometry for the currently named icon, empty when the name is unregistered. */
-    get iconNode(): IconNode;
-    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 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>;
 }
 export { SKDX_ICON_REGISTRY, SkdxIconComponent, provideIcons };

@@ -1,63 +1,48 @@
-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. */
+/**
+ * Merged icon registry every `<skdx-icon name>` resolves against — the union of every `provideIcons()` call in the injector tree.
+ * Its default factory is root-scoped and caches on first resolution, so injecting this token
+ * directly only reflects registrations visible from wherever it first resolved; component-scoped
+ * `provideIcons()` calls made below that point won't show up here — `<skdx-icon>` reads
+ * `SKDX_ICON_ENTRIES` itself at its own injector to stay accurate.
+ */
 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.
+ * 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, or a component); calls
+ * at the same injector and nested calls in descendant injectors all merge rather than overwrite.
  */
 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.
- *
- * Geometry is appended through `Renderer2` rather than `[innerHTML]`: the
- * `innerHTML` setter exists only on `HTMLElement` in the domino DOM Angular
- * uses for SSR, so binding it on an SVG element throws `NotYetImplemented`
- * during prerender.
- *
- * 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;
     /** 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;
+    readonly renderedStrokeWidth: Signal<number | string>;
     /** Geometry for the currently named icon, empty when the name is unregistered. */
-    get iconNode(): IconNode;
-    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 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>;
 }
 export { SKDX_ICON_REGISTRY, SkdxIconComponent, provideIcons };

	@@ -1 +1 @@
1	- importas e from"@angular/core";import{InjectionToken as t,inject as n,~~ElementRef~~ as o,~~Renderer2~~ as r,~~Input~~ as i,~~Directive~~ as s,~~booleanAttribute~~ as a,~~ChangeDetectionStrategy~~ as d,Component as c}from"@angular/core";const l=new t("SKDX_ICON_ENTRIES"),h=new t("SKDX_ICON_REGISTRY",{factory:()=>~~Object.assign~~(~~{},...~~n(l,{optional:!0})??[])});function p(e){return{provide:l,~~useValue~~:e,~~multi:!0~~}}class SkdxIconNodeDirective{constructor(){this.host=n(o),this.renderer=n(r)}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:s,args:[{selector:"[skdxIconNode]",standalone:!0}]}],propDecorators:{node:[{type:i,args:["skdxIconNode"]}]}});class SkdxIconComponent{constructor(){this.registry=n(h),this.size=24,this.color="currentColor",this.strokeWidth=2,this.absoluteStrokeWidth=!1}~~get~~ renderedStrokeWidth()~~{return~~ 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)}~~get~~ iconNode()~~{return~~ this.registry[this.name]??[]}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:"name",size:"size",color:"color",strokeWidth:"strokeWidth",absoluteStrokeWidth:["absoluteStrokeWidth","absoluteStrokeWidth",a],~~title~~:"~~title~~"},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]="~~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 [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:c,args:[{selector:"skdx-icon",standalone:!0,imports:[SkdxIconNodeDirective],changeDetection:d.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 [skdxIconNode]="iconNode"></g>\n </svg>\n '}]}],propDecorators:{name:[{type:i,args:[{required:!0}]}],size:[{type:i}],color:[{type:i}],strokeWidth:[{type:i}],absoluteStrokeWidth:[{type:i,args:[{~~transform~~:a}]}],~~title~~:[{type:i}]}});export{h as SKDX_ICON_REGISTRY,SkdxIconComponent,p 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){return e.reduce((e,t)=>Object.assign(e,t),{})}const k=new t("SKDX_ICON_REGISTRY",{factory:()=>h(n(p,{optional:!0})??[])});function b(e){return{provide:p,multi:!0,useFactory:t=>h([...t??[],e]),deps:[[new o,new r,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=h(n(p,{optional:!0})??[]),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.28.0 → 0.30.0