@whydrf/nava-icon-angular 1.4.1 → 1.5.0

package/dist/chunk-M7CLOMZ2.js

@@ -0,0 +1,82 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/plane-alt.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _PlaneAltIconComponent_decorators, _init;
+_PlaneAltIconComponent_decorators = [Component({
+  selector: "icon-plane-alt",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M3.414 13.778L2 15.192L6.949 17.313L9.071 22.263L10.485 20.849L9.778 17.313L13.091 14L16.701 21.704L18.04 20.365L16.85 10.242L19.678 7.413C19.869 7.22851 20.0214 7.00782 20.1262 6.76381C20.231 6.5198 20.2862 6.25736 20.2885 5.99181C20.2908 5.72625 20.2402 5.46289 20.1396 5.21709C20.0391 4.9713 19.8906 4.748 19.7028 4.56021C19.515 4.37243 19.2917 4.22392 19.0459 4.12336C18.8001 4.0228 18.5368 3.97219 18.2712 3.9745C18.0056 3.97681 17.7432 4.03198 17.4992 4.1368C17.2552 4.24162 17.0345 4.39398 16.85 4.585L13.947 7.488L3.824 6.297L2.559 7.563L10.203 11.233L6.95 14.486L3.414 13.778Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M3.414 13.778L2 15.192L6.949 17.313L9.071 22.263L10.485 20.849L9.778 17.313L13.091 14L16.701 21.704L18.04 20.365L16.85 10.242L19.678 7.413C19.869 7.22851 20.0214 7.00782 20.1262 6.76381C20.231 6.5198 20.2862 6.25736 20.2885 5.99181C20.2908 5.72625 20.2402 5.46289 20.1396 5.21709C20.0391 4.9713 19.8906 4.748 19.7028 4.56021C19.515 4.37243 19.2917 4.22392 19.0459 4.12336C18.8001 4.0228 18.5368 3.97219 18.2712 3.9745C18.0056 3.97681 17.7432 4.03198 17.4992 4.1368C17.2552 4.24162 17.0345 4.39398 16.85 4.585L13.947 7.488L3.824 6.297L2.559 7.563L10.203 11.233L6.95 14.486L3.414 13.778Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var PlaneAltIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, PlaneAltIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, PlaneAltIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, PlaneAltIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, PlaneAltIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, PlaneAltIconComponent);
+PlaneAltIconComponent = __decorateElement(_init, 0, "PlaneAltIconComponent", _PlaneAltIconComponent_decorators, PlaneAltIconComponent);
+__runInitializers(_init, 1, PlaneAltIconComponent);
+
+export {
+  PlaneAltIconComponent
+};

package/dist/chunk-MALBFAGL.js

@@ -0,0 +1,85 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/cheese.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _CheeseIconComponent_decorators, _init;
+_CheeseIconComponent_decorators = [Component({
+  selector: "icon-cheese",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M15.16 2.00003C14.9316 1.96585 14.6984 2.01178 14.5 2.13003L2.49998 9.13003C2.45253 9.15765 2.40884 9.19126 2.36998 9.23003L2.26998 9.31003C2.20201 9.38875 2.14484 9.47619 2.09998 9.57003C2.0289 9.70188 1.99438 9.85034 1.99998 10V20C1.99998 20.2652 2.10533 20.5196 2.29287 20.7071C2.48041 20.8947 2.73476 21 2.99998 21H21C21.2652 21 21.5195 20.8947 21.7071 20.7071C21.8946 20.5196 22 20.2652 22 20V10C22.0037 8.06928 21.316 6.201 20.0613 4.73351C18.8066 3.26602 17.0679 2.29633 15.16 2.00003ZM15.16 4.05003C16.3623 4.29621 17.4617 4.90102 18.3132 5.78472C19.1648 6.66841 19.7285 7.78947 19.93 9.00003H6.69998L15.16 4.05003ZM6.49998 18C6.20331 18 5.9133 17.9121 5.66662 17.7472C5.41995 17.5824 5.22769 17.3481 5.11416 17.0741C5.00063 16.8 4.97092 16.4984 5.0288 16.2074C5.08668 15.9164 5.22954 15.6491 5.43932 15.4394C5.6491 15.2296 5.91637 15.0867 6.20734 15.0289C6.49831 14.971 6.79991 15.0007 7.074 15.1142C7.34809 15.2277 7.58236 15.42 7.74718 15.6667C7.912 15.9133 7.99998 16.2034 7.99998 16.5C7.99998 16.8979 7.84194 17.2794 7.56064 17.5607C7.27933 17.842 6.8978 18 6.49998 18ZM11.5 15C11.2033 15 10.9133 14.9121 10.6666 14.7472C10.4199 14.5824 10.2277 14.3481 10.1142 14.0741C10.0006 13.8 9.97092 13.4984 10.0288 13.2074C10.0867 12.9164 10.2295 12.6491 10.4393 12.4394C10.6491 12.2296 10.9164 12.0867 11.2073 12.0289C11.4983 11.971 11.7999 12.0007 12.074 12.1142C12.3481 12.2277 12.5824 12.42 12.7472 12.6667C12.912 12.9133 13 13.2034 13 13.5C13 13.8979 12.8419 14.2794 12.5606 14.5607C12.2793 14.842 11.8978 15 11.5 15ZM17 18C16.6044 18 16.2177 17.8827 15.8888 17.663C15.5599 17.4432 15.3036 17.1308 15.1522 16.7654C15.0008 16.3999 14.9612 15.9978 15.0384 15.6098C15.1156 15.2219 15.3061 14.8655 15.5858 14.5858C15.8655 14.3061 16.2218 14.1156 16.6098 14.0385C16.9978 13.9613 17.3999 14.0009 17.7653 14.1523C18.1308 14.3036 18.4432 14.56 18.6629 14.8889C18.8827 15.2178 19 15.6045 19 16C19 16.5305 18.7893 17.0392 18.4142 17.4142C18.0391 17.7893 17.5304 18 17 18Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M15.16 2.00003C14.9316 1.96585 14.6984 2.01178 14.5 2.13003L2.49998 9.13003C2.45253 9.15765 2.40884 9.19126 2.36998 9.23003L2.26998 9.31003C2.20201 9.38875 2.14484 9.47619 2.09998 9.57003C2.0289 9.70188 1.99438 9.85034 1.99998 10V20C1.99998 20.2652 2.10533 20.5196 2.29287 20.7071C2.48041 20.8947 2.73476 21 2.99998 21H21C21.2652 21 21.5195 20.8947 21.7071 20.7071C21.8946 20.5196 22 20.2652 22 20V10C22.0037 8.06928 21.316 6.201 20.0613 4.73351C18.8066 3.26602 17.0679 2.29633 15.16 2.00003ZM15.16 4.05003C16.3623 4.29621 17.4617 4.90102 18.3132 5.78472C19.1648 6.66841 19.7285 7.78947 19.93 9.00003H6.69998L15.16 4.05003ZM20 19H3.99998V11H20V19Z" />
+<path d="M6.5 18C7.32843 18 8 17.3284 8 16.5C8 15.6716 7.32843 15 6.5 15C5.67157 15 5 15.6716 5 16.5C5 17.3284 5.67157 18 6.5 18Z" />
+<path d="M11.5 15C12.3284 15 13 14.3284 13 13.5C13 12.6716 12.3284 12 11.5 12C10.6716 12 10 12.6716 10 13.5C10 14.3284 10.6716 15 11.5 15Z" />
+<path d="M17 18C18.1046 18 19 17.1046 19 16C19 14.8954 18.1046 14 17 14C15.8954 14 15 14.8954 15 16C15 17.1046 15.8954 18 17 18Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var CheeseIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, CheeseIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, CheeseIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, CheeseIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, CheeseIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, CheeseIconComponent);
+CheeseIconComponent = __decorateElement(_init, 0, "CheeseIconComponent", _CheeseIconComponent_decorators, CheeseIconComponent);
+__runInitializers(_init, 1, CheeseIconComponent);
+
+export {
+  CheeseIconComponent
+};

package/dist/chunk-MATR6XFX.js

@@ -0,0 +1,82 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/binoculars.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _BinocularsIconComponent_decorators, _init;
+_BinocularsIconComponent_decorators = [Component({
+  selector: "icon-binoculars",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M19.447 5.345C19.2463 4.66459 18.8299 4.06788 18.2604 3.64489C17.6909 3.22189 16.9994 2.99555 16.29 3C15.4679 3.00074 14.6758 3.30897 14.0694 3.86411C13.463 4.41925 13.0861 5.18114 13.013 6H10.988C10.9139 5.18028 10.5358 4.41793 9.9281 3.86279C9.32042 3.30766 8.52707 2.9999 7.704 3C6.99558 2.99653 6.30521 3.22335 5.73689 3.64629C5.16857 4.06924 4.75308 4.66541 4.553 5.345L2.042 13.713C2.01449 13.8062 2.00035 13.9028 2 14V15C2.00159 16.3258 2.52902 17.5968 3.46657 18.5341C4.40413 19.4715 5.67523 19.9987 7.001 20C7.97268 19.9983 8.92285 19.7138 9.73547 19.181C10.5481 18.6483 11.188 17.8904 11.577 17H12.423C12.812 17.8904 13.4519 18.6483 14.2645 19.181C15.0771 19.7138 16.0273 19.9983 16.999 20C18.3249 19.9987 19.5962 19.4714 20.5338 18.5338C21.4714 17.5962 21.9987 16.3249 22 14.999V14C22 13.902 21.985 13.806 21.958 13.713L19.447 5.345ZM7.001 18C6.20558 17.9989 5.44303 17.6826 4.88049 17.1202C4.31796 16.5579 4.00132 15.7954 4 15C4 14.924 4.017 14.853 4.022 14.778C4.07671 14.0248 4.41394 13.3201 4.96616 12.8049C5.51838 12.2898 6.24482 12.0023 7 12C7.79565 12 8.55871 12.3161 9.12132 12.8787C9.68393 13.4413 10 14.2044 10 15V15.009C9.99657 15.8026 9.67925 16.5626 9.11734 17.123C8.55543 17.6834 7.7946 17.9987 7.001 18ZM16.999 18C16.2054 17.9987 15.4446 17.6834 14.8827 17.123C14.3208 16.5626 14.0034 15.8026 14 15.009V15C13.9999 14.606 14.0775 14.2159 14.2282 13.8519C14.3789 13.4879 14.5998 13.1572 14.8783 12.8785C15.4408 12.3158 16.2039 11.9996 16.9995 11.9995C17.7951 11.9994 18.5583 12.3153 19.121 12.8778C19.6837 13.4403 19.9999 14.2034 20 14.999C19.9989 15.7946 19.6824 16.5573 19.1199 17.1199C18.5573 17.6824 17.7946 17.9989 16.999 18Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M19.447 5.345C19.2463 4.66459 18.8299 4.06788 18.2604 3.64489C17.6909 3.22189 16.9994 2.99555 16.29 3C15.4679 3.00074 14.6758 3.30897 14.0694 3.86411C13.463 4.41925 13.0861 5.18114 13.013 6H10.988C10.9139 5.18028 10.5358 4.41793 9.9281 3.86279C9.32042 3.30766 8.52707 2.9999 7.704 3C6.99558 2.99653 6.30521 3.22335 5.73689 3.64629C5.16857 4.06924 4.75308 4.66541 4.553 5.345L2.042 13.713C2.01449 13.8062 2.00035 13.9028 2 14V15C2.00159 16.3258 2.52902 17.5968 3.46657 18.5341C4.40413 19.4715 5.67523 19.9987 7.001 20C7.97268 19.9983 8.92285 19.7138 9.73547 19.181C10.5481 18.6483 11.188 17.8904 11.577 17H12.423C12.812 17.8904 13.4519 18.6483 14.2645 19.181C15.0771 19.7138 16.0273 19.9983 16.999 20C18.3249 19.9987 19.5962 19.4714 20.5338 18.5338C21.4714 17.5962 21.9987 16.3249 22 14.999V14C22 13.902 21.985 13.806 21.958 13.713L19.447 5.345ZM7.001 18C6.20558 17.9989 5.44303 17.6826 4.88049 17.1202C4.31796 16.5579 4.00132 15.7954 4 15C4 14.924 4.017 14.853 4.022 14.778C4.07671 14.0248 4.41394 13.3201 4.96616 12.8049C5.51838 12.2898 6.24482 12.0023 7 12C7.79565 12 8.55871 12.3161 9.12132 12.8787C9.68393 13.4413 10 14.2044 10 15V15.009C9.99657 15.8026 9.67925 16.5626 9.11734 17.123C8.55543 17.6834 7.7946 17.9987 7.001 18ZM16.999 18C16.2054 17.9987 15.4446 17.6834 14.8827 17.123C14.3208 16.5626 14.0034 15.8026 14 15.009V15C13.9999 14.606 14.0775 14.2159 14.2282 13.8519C14.3789 13.4879 14.5998 13.1572 14.8783 12.8785C15.4408 12.3158 16.2039 11.9996 16.9995 11.9995C17.7951 11.9994 18.5583 12.3153 19.121 12.8778C19.6837 13.4403 19.9999 14.2034 20 14.999C19.9989 15.7946 19.6824 16.5573 19.1199 17.1199C18.5573 17.6824 17.7946 17.9989 16.999 18Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var BinocularsIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, BinocularsIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, BinocularsIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, BinocularsIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, BinocularsIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, BinocularsIconComponent);
+BinocularsIconComponent = __decorateElement(_init, 0, "BinocularsIconComponent", _BinocularsIconComponent_decorators, BinocularsIconComponent);
+__runInitializers(_init, 1, BinocularsIconComponent);
+
+export {
+  BinocularsIconComponent
+};

package/dist/chunk-MCL7WW7I.js

@@ -0,0 +1,82 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/car-crash.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _CarCrashIconComponent_decorators, _init;
+_CarCrashIconComponent_decorators = [Component({
+  selector: "icon-car-crash",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M2.63392 17.918C2.70335 18.2196 2.85086 18.4976 3.06166 18.7242C3.27245 18.9508 3.53912 19.118 3.83492 19.209L4.01492 20H3.99992V22H19.9999V20H6.68292C6.69605 19.9076 6.69369 19.8136 6.67592 19.722L6.47992 18.859L16.8369 16.503L17.0329 17.366C17.0851 17.595 17.2261 17.7938 17.4249 17.9189C17.6236 18.044 17.8639 18.085 18.0929 18.033L18.9559 17.836C19.0694 17.8103 19.1766 17.7624 19.2715 17.6952C19.3665 17.628 19.4472 17.5427 19.5092 17.4443C19.5711 17.3458 19.613 17.2361 19.6326 17.1215C19.6521 17.0068 19.6488 16.8894 19.6229 16.776L19.3719 15.673C19.8179 15.257 20.0419 14.627 19.8969 13.99L19.3069 11.4C19.2353 11.088 19.08 10.8014 18.8576 10.5711C18.6352 10.3408 18.3543 10.1755 18.0449 10.093L15.9959 6.715C15.6938 6.21869 15.2434 5.82979 14.7084 5.60318C14.1733 5.37657 13.5806 5.32369 13.0139 5.452L5.14592 7.242C4.57861 7.37051 4.06617 7.67442 3.68132 8.11061C3.29647 8.54679 3.05876 9.09309 3.00192 9.672L2.61492 13.604C2.37219 13.8124 2.19086 14.0831 2.09043 14.3868C1.99 14.6906 1.97427 15.016 2.04492 15.328L2.63392 17.918ZM5.65392 17.23C5.48393 17.2687 5.30796 17.2736 5.13608 17.2444C4.9642 17.2151 4.79977 17.1523 4.65217 17.0594C4.50457 16.9666 4.3767 16.8457 4.27585 16.7034C4.17501 16.5612 4.10316 16.4005 4.06442 16.2305C4.02568 16.0605 4.02081 15.8845 4.05007 15.7127C4.07933 15.5408 4.14216 15.3763 4.23498 15.2287C4.32779 15.0811 4.44876 14.9533 4.59099 14.8524C4.73323 14.7516 4.89393 14.6797 5.06392 14.641C5.40725 14.5628 5.76759 14.6241 6.06568 14.8116C6.36376 14.999 6.57518 15.2972 6.65342 15.6405C6.73166 15.9838 6.67031 16.3442 6.48287 16.6423C6.29543 16.9403 5.99725 17.1518 5.65392 17.23ZM16.8759 14.678C16.703 14.7255 16.5223 14.7375 16.3446 14.7133C16.1669 14.6891 15.996 14.6292 15.8421 14.5371C15.6882 14.445 15.5546 14.3228 15.4493 14.1777C15.3439 14.0326 15.2691 13.8676 15.2292 13.6928C15.1893 13.518 15.1853 13.3369 15.2173 13.1604C15.2493 12.984 15.3167 12.8159 15.4154 12.6662C15.5142 12.5165 15.6422 12.3884 15.7918 12.2895C15.9414 12.1907 16.1095 12.1231 16.2859 12.091C16.6225 12.0297 16.9697 12.1006 17.2552 12.289C17.5408 12.4774 17.7426 12.7687 17.8187 13.1022C17.8948 13.4357 17.8392 13.7857 17.6635 14.0793C17.4879 14.3729 17.2058 14.5873 16.8759 14.678ZM5.58892 9.192L13.4579 7.401C13.6156 7.36537 13.7805 7.38008 13.9294 7.44304C14.0782 7.506 14.2036 7.61405 14.2879 7.752L15.8729 10.365L15.3069 10.494L5.26092 12.781L4.69292 12.91L4.99192 9.868C5.00802 9.70697 5.07432 9.55506 5.18144 9.43376C5.28857 9.31245 5.43111 9.22788 5.58892 9.192ZM18.4049 4L16.9999 2L16.4999 5L18.9999 9L21.9999 10L19.9999 7.461L21.9999 6.528L19.9999 5.595L21.9999 2L18.4049 4Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M2.63392 17.918C2.70335 18.2196 2.85086 18.4976 3.06166 18.7242C3.27245 18.9508 3.53912 19.118 3.83492 19.209L4.01492 20H3.99992V22H19.9999V20H6.68292C6.69605 19.9076 6.69369 19.8136 6.67592 19.722L6.47992 18.859L16.8369 16.503L17.0329 17.366C17.0851 17.595 17.2261 17.7938 17.4249 17.9189C17.6236 18.044 17.8639 18.085 18.0929 18.033L18.9559 17.836C19.0694 17.8103 19.1766 17.7624 19.2715 17.6952C19.3665 17.628 19.4472 17.5427 19.5092 17.4443C19.5711 17.3458 19.613 17.2361 19.6326 17.1215C19.6521 17.0068 19.6488 16.8894 19.6229 16.776L19.3719 15.673C19.8179 15.257 20.0419 14.627 19.8969 13.99L19.3069 11.4C19.2353 11.088 19.08 10.8014 18.8576 10.5711C18.6352 10.3408 18.3543 10.1755 18.0449 10.093L15.9959 6.715C15.6938 6.21869 15.2434 5.82979 14.7084 5.60318C14.1733 5.37657 13.5806 5.32369 13.0139 5.452L5.14592 7.242C4.57861 7.37051 4.06617 7.67442 3.68132 8.11061C3.29647 8.54679 3.05876 9.09309 3.00192 9.672L2.61492 13.604C2.37219 13.8124 2.19086 14.0831 2.09043 14.3868C1.99 14.6906 1.97427 15.016 2.04492 15.328L2.63392 17.918ZM5.65392 17.23C5.48393 17.2687 5.30796 17.2736 5.13608 17.2444C4.9642 17.2151 4.79977 17.1523 4.65217 17.0594C4.50457 16.9666 4.3767 16.8457 4.27585 16.7034C4.17501 16.5612 4.10316 16.4005 4.06442 16.2305C4.02568 16.0605 4.02081 15.8845 4.05007 15.7127C4.07933 15.5408 4.14216 15.3763 4.23498 15.2287C4.32779 15.0811 4.44876 14.9533 4.59099 14.8524C4.73323 14.7516 4.89393 14.6797 5.06392 14.641C5.40725 14.5628 5.76759 14.6241 6.06568 14.8116C6.36376 14.999 6.57518 15.2972 6.65342 15.6405C6.73166 15.9838 6.67031 16.3442 6.48287 16.6423C6.29543 16.9403 5.99725 17.1518 5.65392 17.23ZM16.8759 14.678C16.703 14.7255 16.5223 14.7375 16.3446 14.7133C16.1669 14.6891 15.996 14.6292 15.8421 14.5371C15.6882 14.445 15.5546 14.3228 15.4493 14.1777C15.3439 14.0326 15.2691 13.8676 15.2292 13.6928C15.1893 13.518 15.1853 13.3369 15.2173 13.1604C15.2493 12.984 15.3167 12.8159 15.4154 12.6662C15.5142 12.5165 15.6422 12.3884 15.7918 12.2895C15.9414 12.1907 16.1095 12.1231 16.2859 12.091C16.6225 12.0297 16.9697 12.1006 17.2552 12.289C17.5408 12.4774 17.7426 12.7687 17.8187 13.1022C17.8948 13.4357 17.8392 13.7857 17.6635 14.0793C17.4879 14.3729 17.2058 14.5873 16.8759 14.678ZM5.58892 9.192L13.4579 7.401C13.6156 7.36537 13.7805 7.38008 13.9294 7.44304C14.0782 7.506 14.2036 7.61405 14.2879 7.752L15.8729 10.365L15.3069 10.494L5.26092 12.781L4.69292 12.91L4.99192 9.868C5.00802 9.70697 5.07432 9.55506 5.18144 9.43376C5.28857 9.31245 5.43111 9.22788 5.58892 9.192ZM18.4049 4L16.9999 2L16.4999 5L18.9999 9L21.9999 10L19.9999 7.461L21.9999 6.528L19.9999 5.595L21.9999 2L18.4049 4Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var CarCrashIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, CarCrashIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, CarCrashIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, CarCrashIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, CarCrashIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, CarCrashIconComponent);
+CarCrashIconComponent = __decorateElement(_init, 0, "CarCrashIconComponent", _CarCrashIconComponent_decorators, CarCrashIconComponent);
+__runInitializers(_init, 1, CarCrashIconComponent);
+
+export {
+  CarCrashIconComponent
+};

package/dist/chunk-MCUPGFM5.js

@@ -0,0 +1,83 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/right-arrow-circle.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _RightArrowCircleIconComponent_decorators, _init;
+_RightArrowCircleIconComponent_decorators = [Component({
+  selector: "icon-right-arrow-circle",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22C17.514 22 22 17.514 22 12C22 6.486 17.514 2 12 2ZM12 17V13H7V11H12V7L17 12L12 17Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M11.999 1.99301C6.48499 1.99401 1.99899 6.48001 1.99899 11.994C1.99899 17.508 6.48499 21.994 12 21.994C17.513 21.994 21.999 17.508 22 11.994C22 6.48001 17.514 1.99401 11.999 1.99301ZM12 19.994C7.58799 19.994 3.99899 16.405 3.99899 11.994C3.99899 7.58301 7.58799 3.99401 11.999 3.99301C16.411 3.99401 20 7.58301 20 11.994C19.999 16.405 16.41 19.994 12 19.994Z" />
+<path d="M12 10.994H8V12.994H12V16L16.005 11.995L12 7.991V10.994Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var RightArrowCircleIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, RightArrowCircleIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, RightArrowCircleIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, RightArrowCircleIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, RightArrowCircleIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, RightArrowCircleIconComponent);
+RightArrowCircleIconComponent = __decorateElement(_init, 0, "RightArrowCircleIconComponent", _RightArrowCircleIconComponent_decorators, RightArrowCircleIconComponent);
+__runInitializers(_init, 1, RightArrowCircleIconComponent);
+
+export {
+  RightArrowCircleIconComponent
+};

package/dist/chunk-MDBLCH7N.js

@@ -0,0 +1,82 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/hive.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _HiveIconComponent_decorators, _init;
+_HiveIconComponent_decorators = [Component({
+  selector: "icon-hive",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20.895 7.553L18.895 3.553C18.8118 3.38684 18.6841 3.24711 18.526 3.14944C18.3679 3.05177 18.1858 3.00003 18 3H13C12.621 3 12.275 3.214 12.105 3.553L10.382 7H6C5.621 7 5.275 7.214 5.105 7.553L3.105 11.553C3.03548 11.6919 2.99928 11.8451 2.99928 12.0005C2.99928 12.1559 3.03548 12.3091 3.105 12.448L5.105 16.448C5.275 16.786 5.621 17 6 17H10.382L12.106 20.447C12.1888 20.6132 12.3164 20.7531 12.4743 20.8507C12.6322 20.9484 12.8143 21.0001 13 21H18C18.379 21 18.725 20.786 18.895 20.447L20.895 16.447C20.9645 16.3081 21.0007 16.1549 21.0007 15.9995C21.0007 15.8441 20.9645 15.6909 20.895 15.552L19.118 12L20.894 8.447C20.9635 8.30828 20.9998 8.15528 21 8.00012C21.0001 7.84495 20.9642 7.69188 20.895 7.553ZM13.618 5H17.382L18.882 8L17.382 11H13.618L12.118 8L13.618 5ZM5.118 12L6.618 9H10.382L11.882 12L10.382 15H6.618L5.118 12ZM17.382 19H13.618L12.118 16L13.618 13H17.382L18.882 16L17.382 19Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M20.895 7.553L18.895 3.553C18.8118 3.38684 18.6841 3.24711 18.526 3.14944C18.3679 3.05177 18.1858 3.00003 18 3H13C12.621 3 12.275 3.214 12.105 3.553L10.382 7H6C5.621 7 5.275 7.214 5.105 7.553L3.105 11.553C3.03548 11.6919 2.99928 11.8451 2.99928 12.0005C2.99928 12.1559 3.03548 12.3091 3.105 12.448L5.105 16.448C5.275 16.786 5.621 17 6 17H10.382L12.106 20.447C12.1888 20.6132 12.3164 20.7531 12.4743 20.8507C12.6322 20.9484 12.8143 21.0001 13 21H18C18.379 21 18.725 20.786 18.895 20.447L20.895 16.447C20.9645 16.3081 21.0007 16.1549 21.0007 15.9995C21.0007 15.8441 20.9645 15.6909 20.895 15.552L19.118 12L20.894 8.447C20.9635 8.30828 20.9998 8.15528 21 8.00012C21.0001 7.84495 20.9642 7.69188 20.895 7.553ZM13.618 5H17.382L18.882 8L17.382 11H13.618L12.118 8L13.618 5ZM5.118 12L6.618 9H10.382L11.882 12L10.382 15H6.618L5.118 12ZM17.382 19H13.618L12.118 16L13.618 13H17.382L18.882 16L17.382 19Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var HiveIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, HiveIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, HiveIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, HiveIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, HiveIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, HiveIconComponent);
+HiveIconComponent = __decorateElement(_init, 0, "HiveIconComponent", _HiveIconComponent_decorators, HiveIconComponent);
+__runInitializers(_init, 1, HiveIconComponent);
+
+export {
+  HiveIconComponent
+};

package/dist/chunk-MFKY5K4W.js

@@ -0,0 +1,83 @@
+import {
+  NAVA_ICON_CONFIG
+} from "./chunk-6LC2NS7W.js";
+import {
+  __decorateElement,
+  __decoratorStart,
+  __publicField,
+  __runInitializers
+} from "./chunk-WC4JUF2P.js";
+
+// src/icons/comment-detail.component.ts
+import { Component, Input, ChangeDetectionStrategy, inject } from "@angular/core";
+var _mode_dec, _title_dec, _strokeWidth_dec, _color_dec, _size_dec, _CommentDetailIconComponent_decorators, _init;
+_CommentDetailIconComponent_decorators = [Component({
+  selector: "icon-comment-detail",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      [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]="resolvedMode">
+        <g *ngSwitchCase='"filled"' [innerHTML]="'<path d="M20 1.99899H4C2.897 1.99899 2 2.89599 2 3.99899V21.999L6 17.999H20C21.103 17.999 22 17.102 22 15.999V3.99899C22 2.89599 21.103 1.99899 20 1.99899ZM14 12.999H7V10.999H14V12.999ZM17 8.99899H7V6.99899H17V8.99899Z" />'"></g>
+        <g *ngSwitchDefault [innerHTML]="'<path d="M7 7H17V9H7V7ZM7 11H14V13H7V11Z" />
+<path d="M20 2H4C2.897 2 2 2.897 2 4V22L7.333 18H20C21.103 18 22 17.103 22 16V4C22 2.897 21.103 2 20 2ZM20 16H6.667L4 18V4H20V16Z" />'"></g>
+      </ng-container>
+    </svg>
+  `
+})], _size_dec = [Input()], _color_dec = [Input()], _strokeWidth_dec = [Input()], _title_dec = [Input()], _mode_dec = [Input()];
+var CommentDetailIconComponent = class {
+  constructor() {
+    __publicField(this, "config", 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)), __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.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, CommentDetailIconComponent);
+__decorateElement(_init, 5, "color", _color_dec, CommentDetailIconComponent);
+__decorateElement(_init, 5, "strokeWidth", _strokeWidth_dec, CommentDetailIconComponent);
+__decorateElement(_init, 5, "title", _title_dec, CommentDetailIconComponent);
+__decorateElement(_init, 5, "mode", _mode_dec, CommentDetailIconComponent);
+CommentDetailIconComponent = __decorateElement(_init, 0, "CommentDetailIconComponent", _CommentDetailIconComponent_decorators, CommentDetailIconComponent);
+__runInitializers(_init, 1, CommentDetailIconComponent);
+
+export {
+  CommentDetailIconComponent
+};