@whydrf/nava-icon-angular 1.4.0 → 1.4.2

package/dist/icons/note.cjs

@@ -69,44 +69,70 @@ __export(note_component_exports, {
   NoteIconComponent: () => NoteIconComponent
 });
 module.exports = __toCommonJS(note_component_exports);
+var import_core2 = require("@angular/core");
+
+// src/config.ts
 var import_core = require("@angular/core");
+var NAVA_ICON_CONFIG = new import_core.InjectionToken("NAVA_ICON_CONFIG");
+
+// src/icons/note.component.ts
 var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _NoteIconComponent_decorators, _init;
-_NoteIconComponent_decorators = [(0, import_core.Component)({
+_NoteIconComponent_decorators = [(0, import_core2.Component)({
   selector: "icon-note",
-  changeDetection: import_core.ChangeDetectionStrategy.OnPush,
+  changeDetection: import_core2.ChangeDetectionStrategy.OnPush,
   template: `
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
-      [attr.width]="size"
-      [attr.height]="size"
-      [attr.fill]="isStrokeBased ? 'none' : color"
-      [attr.stroke]="isStrokeBased ? color : 'none'"
-      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.width]="resolvedSize"
+      [attr.height]="resolvedSize"
+      [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
-      <ng-container [ngSwitch]="mode">
+      <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M19 3H5C4.46957 3 3.96086 3.21071 3.58579 3.58579C3.21071 3.96086 3 4.46957 3 5V19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21H13L21 13V5C21 4.46957 20.7893 3.96086 20.4142 3.58579C20.0391 3.21071 19.5304 3 19 3ZM12 19V12H19L12 19Z" />'"></g>
         <g *ngSwitchDefault [innerHTML]="'<path d="M19 3H5C3.897 3 3 3.897 3 5V19C3 20.103 3.897 21 5 21H13C13.1313 21.0002 13.2614 20.9744 13.3828 20.9241C13.5041 20.8738 13.6143 20.8 13.707 20.707L20.707 13.707C20.7892 13.6217 20.8556 13.5225 20.903 13.414C20.917 13.384 20.925 13.353 20.936 13.321C20.9645 13.2373 20.9816 13.1502 20.987 13.062C20.989 13.041 21 13.021 21 13V5C21 3.897 20.103 3 19 3ZM5 5H19V12H13C12.7348 12 12.4804 12.1054 12.2929 12.2929C12.1054 12.4804 12 12.7348 12 13V19H5V5ZM14 17.586V14H17.586L14 17.586Z" />'"></g>
       </ng-container>
     </svg>
   `
-})], _size_dec = [(0, import_core.Input)()], _color_dec = [(0, import_core.Input)()], _strokeWidth_dec = [(0, import_core.Input)()], _title_dec = [(0, import_core.Input)()], _mode_dec = [(0, import_core.Input)()];
+})], _size_dec = [(0, import_core2.Input)()], _color_dec = [(0, import_core2.Input)()], _strokeWidth_dec = [(0, import_core2.Input)()], _title_dec = [(0, import_core2.Input)()], _mode_dec = [(0, import_core2.Input)()];
 var NoteIconComponent = class {
   constructor() {
-    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
-    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
-    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "config", (0, import_core2.inject)(NAVA_ICON_CONFIG, { optional: true }) ?? {});
+    __publicField(this, "size", __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
     __publicField(this, "title", __runInitializers(_init, 20, this, null)), __runInitializers(_init, 23, this);
-    __publicField(this, "mode", __runInitializers(_init, 24, this, "regular")), __runInitializers(_init, 27, this);
+    __publicField(this, "mode", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+  }
+  get resolvedSize() {
+    return this.size ?? this.config.size ?? 24;
+  }
+  get resolvedColor() {
+    return this.color ?? this.config.color ?? "currentColor";
+  }
+  get resolvedStrokeWidth() {
+    return this.strokeWidth ?? this.config.strokeWidth ?? 0.5;
+  }
+  get resolvedMode() {
+    return this.mode ?? "regular";
   }
   get isFilled() {
-    return this.mode === "filled";
+    return this.resolvedMode === "filled";
   }
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, NoteIconComponent);

package/dist/icons/note.d.cts

@@ -1,11 +1,18 @@
 declare class NoteIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NoteIconComponent };

package/dist/icons/note.d.ts

@@ -1,11 +1,18 @@
 declare class NoteIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NoteIconComponent };

package/dist/icons/note.js

@@ -1,7 +1,7 @@
 import {
   NoteIconComponent
-} from "../chunk-EYKDMFZL.js";
-import "../chunk-GGIGU7GU.js";
+} from "../chunk-GVXOYGIE.js";
+import "../chunk-PVGPZJ3D.js";
 export {
   NoteIconComponent
 };

package/dist/icons/notepad.cjs

@@ -69,45 +69,71 @@ __export(notepad_component_exports, {
   NotepadIconComponent: () => NotepadIconComponent
 });
 module.exports = __toCommonJS(notepad_component_exports);
+var import_core2 = require("@angular/core");
+
+// src/config.ts
 var import_core = require("@angular/core");
+var NAVA_ICON_CONFIG = new import_core.InjectionToken("NAVA_ICON_CONFIG");
+
+// src/icons/notepad.component.ts
 var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _NotepadIconComponent_decorators, _init;
-_NotepadIconComponent_decorators = [(0, import_core.Component)({
+_NotepadIconComponent_decorators = [(0, import_core2.Component)({
   selector: "icon-notepad",
-  changeDetection: import_core.ChangeDetectionStrategy.OnPush,
+  changeDetection: import_core2.ChangeDetectionStrategy.OnPush,
   template: `
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
-      [attr.width]="size"
-      [attr.height]="size"
-      [attr.fill]="isStrokeBased ? 'none' : color"
-      [attr.stroke]="isStrokeBased ? color : 'none'"
-      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.width]="resolvedSize"
+      [attr.height]="resolvedSize"
+      [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
-      <ng-container [ngSwitch]="mode">
+      <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M19 4H16V2H14V4H10V2H8V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM12 14H7V12H12V14ZM17 10H7V8H17V10Z" />'"></g>
         <g *ngSwitchDefault [innerHTML]="'<path d="M19 4H16V2H14V4H10V2H8V4H5C3.897 4 3 4.897 3 6V20C3 21.103 3.897 22 5 22H19C20.103 22 21 21.103 21 20V6C21 4.897 20.103 4 19 4ZM5 20V7H19V6L19.002 20H5Z" />
 <path d="M7 9H17V11H7V9ZM7 13H12V15H7V13Z" />'"></g>
       </ng-container>
     </svg>
   `
-})], _size_dec = [(0, import_core.Input)()], _color_dec = [(0, import_core.Input)()], _strokeWidth_dec = [(0, import_core.Input)()], _title_dec = [(0, import_core.Input)()], _mode_dec = [(0, import_core.Input)()];
+})], _size_dec = [(0, import_core2.Input)()], _color_dec = [(0, import_core2.Input)()], _strokeWidth_dec = [(0, import_core2.Input)()], _title_dec = [(0, import_core2.Input)()], _mode_dec = [(0, import_core2.Input)()];
 var NotepadIconComponent = class {
   constructor() {
-    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
-    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
-    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "config", (0, import_core2.inject)(NAVA_ICON_CONFIG, { optional: true }) ?? {});
+    __publicField(this, "size", __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
     __publicField(this, "title", __runInitializers(_init, 20, this, null)), __runInitializers(_init, 23, this);
-    __publicField(this, "mode", __runInitializers(_init, 24, this, "regular")), __runInitializers(_init, 27, this);
+    __publicField(this, "mode", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+  }
+  get resolvedSize() {
+    return this.size ?? this.config.size ?? 24;
+  }
+  get resolvedColor() {
+    return this.color ?? this.config.color ?? "currentColor";
+  }
+  get resolvedStrokeWidth() {
+    return this.strokeWidth ?? this.config.strokeWidth ?? 0.5;
+  }
+  get resolvedMode() {
+    return this.mode ?? "regular";
   }
   get isFilled() {
-    return this.mode === "filled";
+    return this.resolvedMode === "filled";
   }
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, NotepadIconComponent);

package/dist/icons/notepad.d.cts

@@ -1,11 +1,18 @@
 declare class NotepadIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NotepadIconComponent };

package/dist/icons/notepad.d.ts

@@ -1,11 +1,18 @@
 declare class NotepadIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NotepadIconComponent };

package/dist/icons/notepad.js

@@ -1,7 +1,7 @@
 import {
   NotepadIconComponent
-} from "../chunk-5KSDNYDZ.js";
-import "../chunk-GGIGU7GU.js";
+} from "../chunk-CJ53RXFK.js";
+import "../chunk-PVGPZJ3D.js";
 export {
   NotepadIconComponent
 };

package/dist/icons/notification-off.cjs

@@ -69,24 +69,31 @@ __export(notification_off_component_exports, {
   NotificationOffIconComponent: () => NotificationOffIconComponent
 });
 module.exports = __toCommonJS(notification_off_component_exports);
+var import_core2 = require("@angular/core");
+
+// src/config.ts
 var import_core = require("@angular/core");
+var NAVA_ICON_CONFIG = new import_core.InjectionToken("NAVA_ICON_CONFIG");
+
+// src/icons/notification-off.component.ts
 var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _NotificationOffIconComponent_decorators, _init;
-_NotificationOffIconComponent_decorators = [(0, import_core.Component)({
+_NotificationOffIconComponent_decorators = [(0, import_core2.Component)({
   selector: "icon-notification-off",
-  changeDetection: import_core.ChangeDetectionStrategy.OnPush,
+  changeDetection: import_core2.ChangeDetectionStrategy.OnPush,
   template: `
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
-      [attr.width]="size"
-      [attr.height]="size"
-      [attr.fill]="isStrokeBased ? 'none' : color"
-      [attr.stroke]="isStrokeBased ? color : 'none'"
-      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.width]="resolvedSize"
+      [attr.height]="resolvedSize"
+      [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
-      <ng-container [ngSwitch]="mode">
+      <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M18 9C19.6569 9 21 7.65685 21 6C21 4.34315 19.6569 3 18 3C16.3431 3 15 4.34315 15 6C15 7.65685 16.3431 9 18 9Z" />
 <path d="M20 18V10.578C19.3698 10.8559 18.6887 10.9997 18 11C16.6739 11 15.4021 10.4732 14.4644 9.53553C13.5268 8.59785 13 7.32608 13 6C13 5.288 13.153 4.613 13.422 4H5.99997C5.82197 4 5.65297 4.031 5.48997 4.076L3.70697 2.293L2.29297 3.707L20.293 21.707L21.707 20.293L19.924 18.51C19.969 18.347 20 18.178 20 18ZM3.99997 18C3.99997 19.103 4.89697 20 5.99997 20H15.879L3.99997 8.121V18Z" />'"></g>
         <g *ngSwitchDefault [innerHTML]="'<path d="M21.71 20.296L19.924 18.51C19.969 18.347 20 18.178 20 18V11H18V16.586L7.41402 5.99999H13V3.99999H6.00002C5.82202 3.99999 5.65302 4.03099 5.49002 4.07599L3.71002 2.29599L2.29602 3.70999L20.296 21.71L21.71 20.296ZM4.00002 8.12099V18C4.00002 19.103 4.89702 20 6.00002 20H15.879L13.879 18H6.00002V10.121L4.00002 8.12099Z" />
@@ -94,21 +101,40 @@ _NotificationOffIconComponent_decorators = [(0, import_core.Component)({
       </ng-container>
     </svg>
   `
-})], _size_dec = [(0, import_core.Input)()], _color_dec = [(0, import_core.Input)()], _strokeWidth_dec = [(0, import_core.Input)()], _title_dec = [(0, import_core.Input)()], _mode_dec = [(0, import_core.Input)()];
+})], _size_dec = [(0, import_core2.Input)()], _color_dec = [(0, import_core2.Input)()], _strokeWidth_dec = [(0, import_core2.Input)()], _title_dec = [(0, import_core2.Input)()], _mode_dec = [(0, import_core2.Input)()];
 var NotificationOffIconComponent = class {
   constructor() {
-    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
-    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
-    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "config", (0, import_core2.inject)(NAVA_ICON_CONFIG, { optional: true }) ?? {});
+    __publicField(this, "size", __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
     __publicField(this, "title", __runInitializers(_init, 20, this, null)), __runInitializers(_init, 23, this);
-    __publicField(this, "mode", __runInitializers(_init, 24, this, "regular")), __runInitializers(_init, 27, this);
+    __publicField(this, "mode", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+  }
+  get resolvedSize() {
+    return this.size ?? this.config.size ?? 24;
+  }
+  get resolvedColor() {
+    return this.color ?? this.config.color ?? "currentColor";
+  }
+  get resolvedStrokeWidth() {
+    return this.strokeWidth ?? this.config.strokeWidth ?? 0.5;
+  }
+  get resolvedMode() {
+    return this.mode ?? "regular";
   }
   get isFilled() {
-    return this.mode === "filled";
+    return this.resolvedMode === "filled";
   }
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, NotificationOffIconComponent);

package/dist/icons/notification-off.d.cts

@@ -1,11 +1,18 @@
 declare class NotificationOffIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NotificationOffIconComponent };

package/dist/icons/notification-off.d.ts

@@ -1,11 +1,18 @@
 declare class NotificationOffIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NotificationOffIconComponent };

package/dist/icons/notification-off.js

@@ -1,7 +1,7 @@
 import {
   NotificationOffIconComponent
-} from "../chunk-TDAMLJQ7.js";
-import "../chunk-GGIGU7GU.js";
+} from "../chunk-SIBRIFOV.js";
+import "../chunk-PVGPZJ3D.js";
 export {
   NotificationOffIconComponent
 };

package/dist/icons/notification.cjs

@@ -69,24 +69,31 @@ __export(notification_component_exports, {
   NotificationIconComponent: () => NotificationIconComponent
 });
 module.exports = __toCommonJS(notification_component_exports);
+var import_core2 = require("@angular/core");
+
+// src/config.ts
 var import_core = require("@angular/core");
+var NAVA_ICON_CONFIG = new import_core.InjectionToken("NAVA_ICON_CONFIG");
+
+// src/icons/notification.component.ts
 var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _NotificationIconComponent_decorators, _init;
-_NotificationIconComponent_decorators = [(0, import_core.Component)({
+_NotificationIconComponent_decorators = [(0, import_core2.Component)({
   selector: "icon-notification",
-  changeDetection: import_core.ChangeDetectionStrategy.OnPush,
+  changeDetection: import_core2.ChangeDetectionStrategy.OnPush,
   template: `
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 24 24"
-      [attr.width]="size"
-      [attr.height]="size"
-      [attr.fill]="isStrokeBased ? 'none' : color"
-      [attr.stroke]="isStrokeBased ? color : 'none'"
-      [attr.stroke-width]="isStrokeBased ? strokeWidth : undefined"
+      [attr.width]="resolvedSize"
+      [attr.height]="resolvedSize"
+      [attr.fill]="isStrokeBased ? 'none' : resolvedColor"
+      [attr.stroke]="isStrokeBased ? resolvedColor : (hasStrokeWidth ? resolvedColor : 'none')"
+      [attr.stroke-width]="isStrokeBased ? resolvedStrokeWidth : (hasStrokeWidth ? resolvedStrokeWidth : undefined)"
       [attr.stroke-linecap]="isStrokeBased ? 'round' : undefined"
       [attr.stroke-linejoin]="isStrokeBased ? 'round' : undefined"
+      [style.paint-order]="svgStyle"
     >
-      <ng-container [ngSwitch]="mode">
+      <ng-container [ngSwitch]="resolvedMode">
         <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M18 9C19.6569 9 21 7.65685 21 6C21 4.34315 19.6569 3 18 3C16.3431 3 15 4.34315 15 6C15 7.65685 16.3431 9 18 9Z" />
 <path d="M13 6C13 5.288 13.153 4.613 13.422 4H6C4.897 4 4 4.897 4 6V18C4 19.103 4.897 20 6 20H18C19.103 20 20 19.103 20 18V10.578C19.3698 10.8559 18.6887 10.9997 18 11C16.6739 11 15.4021 10.4732 14.4645 9.53553C13.5268 8.59785 13 7.32608 13 6Z" />'"></g>
         <g *ngSwitchDefault [innerHTML]="'<path d="M18 9C19.6569 9 21 7.65685 21 6C21 4.34315 19.6569 3 18 3C16.3431 3 15 4.34315 15 6C15 7.65685 16.3431 9 18 9Z" />
@@ -94,21 +101,40 @@ _NotificationIconComponent_decorators = [(0, import_core.Component)({
       </ng-container>
     </svg>
   `
-})], _size_dec = [(0, import_core.Input)()], _color_dec = [(0, import_core.Input)()], _strokeWidth_dec = [(0, import_core.Input)()], _title_dec = [(0, import_core.Input)()], _mode_dec = [(0, import_core.Input)()];
+})], _size_dec = [(0, import_core2.Input)()], _color_dec = [(0, import_core2.Input)()], _strokeWidth_dec = [(0, import_core2.Input)()], _title_dec = [(0, import_core2.Input)()], _mode_dec = [(0, import_core2.Input)()];
 var NotificationIconComponent = class {
   constructor() {
-    __publicField(this, "size", __runInitializers(_init, 8, this, 24)), __runInitializers(_init, 11, this);
-    __publicField(this, "color", __runInitializers(_init, 12, this, "currentColor")), __runInitializers(_init, 15, this);
-    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this, 0.5)), __runInitializers(_init, 19, this);
+    __publicField(this, "config", (0, import_core2.inject)(NAVA_ICON_CONFIG, { optional: true }) ?? {});
+    __publicField(this, "size", __runInitializers(_init, 8, this)), __runInitializers(_init, 11, this);
+    __publicField(this, "color", __runInitializers(_init, 12, this)), __runInitializers(_init, 15, this);
+    __publicField(this, "strokeWidth", __runInitializers(_init, 16, this)), __runInitializers(_init, 19, this);
     __publicField(this, "title", __runInitializers(_init, 20, this, null)), __runInitializers(_init, 23, this);
-    __publicField(this, "mode", __runInitializers(_init, 24, this, "regular")), __runInitializers(_init, 27, this);
+    __publicField(this, "mode", __runInitializers(_init, 24, this)), __runInitializers(_init, 27, this);
+  }
+  get resolvedSize() {
+    return this.size ?? this.config.size ?? 24;
+  }
+  get resolvedColor() {
+    return this.color ?? this.config.color ?? "currentColor";
+  }
+  get resolvedStrokeWidth() {
+    return this.strokeWidth ?? this.config.strokeWidth ?? 0.5;
+  }
+  get resolvedMode() {
+    return this.mode ?? "regular";
   }
   get isFilled() {
-    return this.mode === "filled";
+    return this.resolvedMode === "filled";
   }
   get isStrokeBased() {
     return this.isFilled ? false : false;
   }
+  get hasStrokeWidth() {
+    return (this.strokeWidth ?? this.config.strokeWidth) != null;
+  }
+  get svgStyle() {
+    return this.hasStrokeWidth && !this.isStrokeBased ? "stroke fill" : null;
+  }
 };
 _init = __decoratorStart(null);
 __decorateElement(_init, 5, "size", _size_dec, NotificationIconComponent);

package/dist/icons/notification.d.cts

@@ -1,11 +1,18 @@
 declare class NotificationIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NotificationIconComponent };

package/dist/icons/notification.d.ts

@@ -1,11 +1,18 @@
 declare class NotificationIconComponent {
-    size: number | string;
-    color: string;
-    strokeWidth: number | string;
+    private config;
+    size: number | string | undefined;
+    color: string | undefined;
+    strokeWidth: number | string | undefined;
     title: string | null;
-    mode: "regular" | "filled";
+    mode: "regular" | "filled" | undefined;
+    get resolvedSize(): number | string;
+    get resolvedColor(): string;
+    get resolvedStrokeWidth(): number | string;
+    get resolvedMode(): "regular" | "filled";
     get isFilled(): boolean;
     get isStrokeBased(): boolean;
+    get hasStrokeWidth(): boolean;
+    get svgStyle(): string | null;
 }
 
 export { NotificationIconComponent };

package/dist/icons/notification.js

@@ -1,7 +1,7 @@
 import {
   NotificationIconComponent
-} from "../chunk-RZHXGTYJ.js";
-import "../chunk-GGIGU7GU.js";
+} from "../chunk-WAHXXEU6.js";
+import "../chunk-PVGPZJ3D.js";
 export {
   NotificationIconComponent
 };