cmat 0.0.78 → 0.0.79

package/fesm2022/cmat-components-status-tag.mjs

@@ -5,27 +5,12 @@ import { HostBinding, Input, ChangeDetectionStrategy, Component } from '@angular
 /* eslint-disable @typescript-eslint/naming-convention */
 class CmatStatusTagComponent {
     constructor() {
-        /**
-         * 标签文字。
-         */
         this.label = '';
-        /**
-         * 视觉风格。
-         */
         this.variant = 'soft';
-        /**
-         * 主题色。
-         */
         this.tone = 'neutral';
-        /**
-         * 是否显示圆点。
-         */
         this.dot = false;
         this.hostClass = 'inline-flex';
     }
-    /**
-     * 计算样式类。
-     */
     get classMap() {
         return {
             'cmat-status-tag': true,
@@ -40,10 +25,10 @@ class CmatStatusTagComponent {
             'cmat-status-tag-info': this.tone === 'info'
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: CmatStatusTagComponent, isStandalone: true, selector: "cmat-status-tag", inputs: { label: "label", variant: "variant", tone: "tone", dot: "dot" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CmatStatusTagComponent, isStandalone: true, selector: "cmat-status-tag", inputs: { label: "label", variant: "variant", tone: "tone", dot: "dot" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatStatusTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatStatusTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-status-tag', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass], template: "<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n", styles: [":host{display:inline-flex}.cmat-status-tag__root{display:inline-flex;align-items:center;gap:.375rem;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;line-height:1rem;font-weight:600;white-space:nowrap}.cmat-status-tag__dot{width:.5rem;height:.5rem;border-radius:9999px;background:currentColor}.cmat-status-tag-soft.cmat-status-tag-neutral{background:#f1f5f9;color:#475569}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-neutral{background:#1e293b;color:#cbd5e1}.cmat-status-tag-soft.cmat-status-tag-primary{background:#dbeafe;color:#2563eb}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-primary{background:#2563eb38;color:#93c5fd}.cmat-status-tag-soft.cmat-status-tag-success{background:#dcfce7;color:#16a34a}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-success{background:#16a34a38;color:#86efac}.cmat-status-tag-soft.cmat-status-tag-warning{background:#fef3c7;color:#d97706}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-warning{background:#d9770638;color:#fcd34d}.cmat-status-tag-soft.cmat-status-tag-danger{background:#fee2e2;color:#dc2626}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-danger{background:#dc262638;color:#fca5a5}.cmat-status-tag-soft.cmat-status-tag-info{background:#dbeafe;color:#0284c7}:host-context(.dark) .cmat-status-tag-soft.cmat-status-tag-info{background:#0284c738;color:#7dd3fc}.cmat-status-tag-filled.cmat-status-tag-neutral{background:#334155;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-neutral{background:#e2e8f0;color:#0f172a}.cmat-status-tag-filled.cmat-status-tag-primary{background:#2563eb;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-primary{background:#60a5fa;color:#082f49}.cmat-status-tag-filled.cmat-status-tag-success{background:#16a34a;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-success{background:#4ade80;color:#052e16}.cmat-status-tag-filled.cmat-status-tag-warning{background:#d97706;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-warning{background:#fbbf24;color:#451a03}.cmat-status-tag-filled.cmat-status-tag-danger{background:#dc2626;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-danger{background:#f87171;color:#450a0a}.cmat-status-tag-filled.cmat-status-tag-info{background:#0284c7;color:#fff}:host-context(.dark) .cmat-status-tag-filled.cmat-status-tag-info{background:#38bdf8;color:#082f49}.cmat-status-tag-outline.cmat-status-tag-neutral,.cmat-status-tag-outline.cmat-status-tag-primary,.cmat-status-tag-outline.cmat-status-tag-success,.cmat-status-tag-outline.cmat-status-tag-warning,.cmat-status-tag-outline.cmat-status-tag-danger,.cmat-status-tag-outline.cmat-status-tag-info{border:1px solid currentColor;background:transparent}:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-neutral,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-primary,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-success,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-warning,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-danger,:host-context(.dark) .cmat-status-tag-outline.cmat-status-tag-info{border-color:currentColor}\n"] }]
         }], propDecorators: { label: [{

package/fesm2022/cmat-components-status-tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-status-tag.mjs","sources":["../../../projects/cmat/components/status-tag/status-tag.component.ts","../../../projects/cmat/components/status-tag/status-tag.component.html","../../../projects/cmat/components/status-tag/cmat-components-status-tag.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\r\nimport { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-status-tag',\r\n    templateUrl: './status-tag.component.html',\r\n    styleUrls: ['./status-tag.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [NgClass]\r\n})\r\nexport class CmatStatusTagComponent {\r\n    /**\r\n     * 标签文字。\r\n     */\r\n    @Input() label = '';\r\n\r\n    /**\r\n     * 视觉风格。\r\n     */\r\n    @Input() variant: 'soft' | 'filled' | 'outline' = 'soft';\r\n\r\n    /**\r\n     * 主题色。\r\n     */\r\n    @Input() tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' = 'neutral';\r\n\r\n    /**\r\n     * 是否显示圆点。\r\n     */\r\n    @Input() dot = false;\r\n\r\n    @HostBinding('class') hostClass = 'inline-flex';\r\n\r\n    /**\r\n     * 计算样式类。\r\n     */\r\n    get classMap(): Record<string, boolean> {\r\n        return {\r\n            'cmat-status-tag': true,\r\n            'cmat-status-tag-soft': this.variant === 'soft',\r\n            'cmat-status-tag-filled': this.variant === 'filled',\r\n            'cmat-status-tag-outline': this.variant === 'outline',\r\n            'cmat-status-tag-neutral': this.tone === 'neutral',\r\n            'cmat-status-tag-primary': this.tone === 'primary',\r\n            'cmat-status-tag-success': this.tone === 'success',\r\n            'cmat-status-tag-warning': this.tone === 'warning',\r\n            'cmat-status-tag-danger': this.tone === 'danger',\r\n            'cmat-status-tag-info': this.tone === 'info'\r\n        };\r\n    }\r\n}\r\n","<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;MAWa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;AAQI;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,EAAE;AAEnB;;AAEG;QACM,IAAA,CAAA,OAAO,GAAkC,MAAM;AAExD;;AAEG;QACM,IAAA,CAAA,IAAI,GAAsE,SAAS;AAE5F;;AAEG;QACM,IAAA,CAAA,GAAG,GAAG,KAAK;QAEE,IAAA,CAAA,SAAS,GAAG,aAAa;AAmBlD,IAAA;AAjBG;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;QACR,OAAO;AACH,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;AAC/C,YAAA,wBAAwB,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;AACnD,YAAA,yBAAyB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;AACrD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK;SACzC;IACL;8GAvCS,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXnC,mOAMA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAER,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,mOAAA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA;;sBAMjB;;sBAKA;;sBAKA;;sBAKA;;sBAEA,WAAW;uBAAC,OAAO;;;AEhCxB;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-status-tag.mjs","sources":["../../../projects/cmat/components/status-tag/status-tag.component.ts","../../../projects/cmat/components/status-tag/status-tag.component.html","../../../projects/cmat/components/status-tag/cmat-components-status-tag.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\r\nimport { NgClass } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, HostBinding, Input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-status-tag',\r\n    templateUrl: './status-tag.component.html',\r\n    styleUrls: ['./status-tag.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [NgClass]\r\n})\r\nexport class CmatStatusTagComponent {\r\n    \r\n    @Input() label = '';\r\n\r\n    \r\n    @Input() variant: 'soft' | 'filled' | 'outline' = 'soft';\r\n\r\n    \r\n    @Input() tone: 'neutral' | 'primary' | 'success' | 'warning' | 'danger' | 'info' = 'neutral';\r\n\r\n    \r\n    @Input() dot = false;\r\n\r\n    @HostBinding('class') hostClass = 'inline-flex';\r\n\r\n    \r\n    get classMap(): Record<string, boolean> {\r\n        return {\r\n            'cmat-status-tag': true,\r\n            'cmat-status-tag-soft': this.variant === 'soft',\r\n            'cmat-status-tag-filled': this.variant === 'filled',\r\n            'cmat-status-tag-outline': this.variant === 'outline',\r\n            'cmat-status-tag-neutral': this.tone === 'neutral',\r\n            'cmat-status-tag-primary': this.tone === 'primary',\r\n            'cmat-status-tag-success': this.tone === 'success',\r\n            'cmat-status-tag-warning': this.tone === 'warning',\r\n            'cmat-status-tag-danger': this.tone === 'danger',\r\n            'cmat-status-tag-info': this.tone === 'info'\r\n        };\r\n    }\r\n}\r\n","<span class=\"cmat-status-tag__root\" [ngClass]=\"classMap\">\r\n    @if (dot) {\r\n        <span class=\"cmat-status-tag__dot\"></span>\r\n    }\r\n    <span class=\"cmat-status-tag__label\">{{ label }}</span>\r\n</span>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;MAWa,sBAAsB,CAAA;AAPnC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAG,EAAE;QAGV,IAAA,CAAA,OAAO,GAAkC,MAAM;QAG/C,IAAA,CAAA,IAAI,GAAsE,SAAS;QAGnF,IAAA,CAAA,GAAG,GAAG,KAAK;QAEE,IAAA,CAAA,SAAS,GAAG,aAAa;AAiBlD,IAAA;AAdG,IAAA,IAAI,QAAQ,GAAA;QACR,OAAO;AACH,YAAA,iBAAiB,EAAE,IAAI;AACvB,YAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM;AAC/C,YAAA,wBAAwB,EAAE,IAAI,CAAC,OAAO,KAAK,QAAQ;AACnD,YAAA,yBAAyB,EAAE,IAAI,CAAC,OAAO,KAAK,SAAS;AACrD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,yBAAyB,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS;AAClD,YAAA,wBAAwB,EAAE,IAAI,CAAC,IAAI,KAAK,QAAQ;AAChD,YAAA,sBAAsB,EAAE,IAAI,CAAC,IAAI,KAAK;SACzC;IACL;8GA7BS,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GAAA,EAAA,KAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXnC,mOAMA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDGc,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAER,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,OAAO,CAAC,EAAA,QAAA,EAAA,mOAAA,EAAA,MAAA,EAAA,CAAA,0qGAAA,CAAA,EAAA;;sBAIjB;;sBAGA;;sBAGA;;sBAGA;;sBAEA,WAAW;uBAAC,OAAO;;;AExBxB;;AAEG;;;;"}

package/fesm2022/cmat-components-table-toolbar.mjs

@@ -4,27 +4,15 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class CmatTableToolbarComponent {
     constructor() {
-        /**
-         * 标题。
-         */
         this.title = '';
-        /**
-         * 说明文字。
-         */
         this.description = '';
-        /**
-         * 记录数量。
-         */
         this.count = 0;
-        /**
-         * 是否显示数量。
-         */
         this.showCount = true;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: CmatTableToolbarComponent, isStandalone: true, selector: "cmat-table-toolbar", inputs: { title: "title", description: "description", count: "count", showCount: "showCount" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CmatTableToolbarComponent, isStandalone: true, selector: "cmat-table-toolbar", inputs: { title: "title", description: "description", count: "count", showCount: "showCount" }, ngImport: i0, template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTableToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTableToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-table-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule], template: "<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { title: [{

package/fesm2022/cmat-components-table-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-table-toolbar.mjs","sources":["../../../projects/cmat/components/table-toolbar/table-toolbar.component.ts","../../../projects/cmat/components/table-toolbar/table-toolbar.component.html","../../../projects/cmat/components/table-toolbar/cmat-components-table-toolbar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-table-toolbar',\r\n    templateUrl: './table-toolbar.component.html',\r\n    styleUrls: ['./table-toolbar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule]\r\n})\r\nexport class CmatTableToolbarComponent {\r\n    /**\r\n     * 标题。\r\n     */\r\n    @Input() title = '';\r\n\r\n    /**\r\n     * 说明文字。\r\n     */\r\n    @Input() description = '';\r\n\r\n    /**\r\n     * 记录数量。\r\n     */\r\n    @Input() count = 0;\r\n\r\n    /**\r\n     * 是否显示数量。\r\n     */\r\n    @Input() showCount = true;\r\n}\r\n","<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAUa,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;AAQI;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,EAAE;AAEnB;;AAEG;QACM,IAAA,CAAA,WAAW,GAAG,EAAE;AAEzB;;AAEG;QACM,IAAA,CAAA,KAAK,GAAG,CAAC;AAElB;;AAEG;QACM,IAAA,CAAA,SAAS,GAAG,IAAI;AAC5B,IAAA;8GApBY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtC,m1BAoBA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZc,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEb,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,m1BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;sBAMtB;;sBAKA;;sBAKA;;sBAKA;;;AE7BL;;AAEG;;;;"}
+{"version":3,"file":"cmat-components-table-toolbar.mjs","sources":["../../../projects/cmat/components/table-toolbar/table-toolbar.component.ts","../../../projects/cmat/components/table-toolbar/table-toolbar.component.html","../../../projects/cmat/components/table-toolbar/cmat-components-table-toolbar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n    selector: 'cmat-table-toolbar',\r\n    templateUrl: './table-toolbar.component.html',\r\n    styleUrls: ['./table-toolbar.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    imports: [CommonModule]\r\n})\r\nexport class CmatTableToolbarComponent {\r\n    \r\n    @Input() title = '';\r\n\r\n    \r\n    @Input() description = '';\r\n\r\n    \r\n    @Input() count = 0;\r\n\r\n    \r\n    @Input() showCount = true;\r\n}\r\n","<div class=\"flex flex-col gap-3 rounded-2xl border border-default bg-card p-4 shadow-sm md:flex-row md:items-center md:justify-between\">\r\n    <div class=\"min-w-0\">\r\n        @if (title) {\r\n            <div class=\"flex items-center gap-2 text-lg font-semibold text-default\">\r\n                <span>{{ title }}</span>\r\n                @if (showCount) {\r\n                    <span class=\"rounded-full bg-hover px-2 py-0.5 text-xs text-secondary\">{{ count }}</span>\r\n                }\r\n            </div>\r\n        }\r\n\r\n        @if (description) {\r\n            <p class=\"mt-1 text-sm leading-6 text-secondary\">{{ description }}</p>\r\n        }\r\n    </div>\r\n\r\n    <div class=\"flex flex-wrap items-center gap-2\">\r\n        <ng-content select=\"[cmatTableToolbarActions]\"></ng-content>\r\n    </div>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAUa,yBAAyB,CAAA;AAPtC,IAAA,WAAA,GAAA;QASa,IAAA,CAAA,KAAK,GAAG,EAAE;QAGV,IAAA,CAAA,WAAW,GAAG,EAAE;QAGhB,IAAA,CAAA,KAAK,GAAG,CAAC;QAGT,IAAA,CAAA,SAAS,GAAG,IAAI;AAC5B,IAAA;8GAZY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVtC,m1BAoBA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDZc,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEb,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAPrC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,mBAGb,uBAAuB,CAAC,MAAM,EAAA,OAAA,EACtC,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,m1BAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA;;sBAItB;;sBAGA;;sBAGA;;sBAGA;;;AErBL;;AAEG;;;;"}

package/fesm2022/cmat-components-timeline.mjs

@@ -1,26 +1,27 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, TemplateRef, ViewChild, ContentChild, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, QueryList, inject, ElementRef, ContentChildren } from '@angular/core';
+import { Directive, TemplateRef, ViewChild, ContentChild, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, QueryList, inject, ElementRef, DestroyRef, ContentChildren } from '@angular/core';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { Subject, Observable } from 'rxjs';
-import { throttleTime, tap, takeUntil } from 'rxjs/operators';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Observable } from 'rxjs';
+import { throttleTime, tap } from 'rxjs/operators';
 
 class CmatTimelineItemIconDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cmatTimelineItemIcon]'
                 }]
         }] });
 class CmatTimelineItemLabelDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cmatTimelineItemLabel]'
@@ -38,10 +39,10 @@ class CmatTimelineItemComponent {
         this._fillEl.nativeElement.style.minHeight = this._contentEl.nativeElement.offsetHeight + 'px';
         this._fillEl.nativeElement.style.minWidth = 'unset';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: CmatTimelineItemComponent, isStandalone: true, selector: "cmat-timeline-item", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconUrl: "iconUrl" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customIconTpl", first: true, predicate: CmatTimelineItemIconDirective, descendants: true, read: TemplateRef }, { propertyName: "customLabelTpl", first: true, predicate: CmatTimelineItemLabelDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_contentEl", first: true, predicate: ["contentEl"], descendants: true, static: true }, { propertyName: "_fillEl", first: true, predicate: ["fillEl"], descendants: true, static: true }], exportAs: ["cmatTimelineItem"], ngImport: i0, template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>", styles: [".cmat-timeline-item{display:flex;gap:24px}.cmat-timeline-item:last-child .cmat-timeline-item-line{display:none}.cmat-timeline-item-timeline{display:flex;gap:8px}.cmat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.cmat-timeline-item-line{flex:1;background-color:var(--cmat-bg-status-bar)}.cmat-timeline-item-line:is(.dark *){background-color:#fff}.cmat-timeline-item-fill,.cmat-timeline-item-content{flex:1}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child){margin-bottom:8px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-label{width:100%;text-align:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-line{width:.1rem;height:auto;min-height:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-bottom:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:row}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child){margin-right:8px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-label{width:auto;text-align:left}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-line{width:auto;min-width:8px;height:.1rem}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-right:8px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CmatTimelineItemComponent, isStandalone: true, selector: "cmat-timeline-item", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconUrl: "iconUrl" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customIconTpl", first: true, predicate: CmatTimelineItemIconDirective, descendants: true, read: TemplateRef }, { propertyName: "customLabelTpl", first: true, predicate: CmatTimelineItemLabelDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_contentEl", first: true, predicate: ["contentEl"], descendants: true, static: true }, { propertyName: "_fillEl", first: true, predicate: ["fillEl"], descendants: true, static: true }], exportAs: ["cmatTimelineItem"], ngImport: i0, template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>", styles: [".cmat-timeline-item{display:flex;gap:24px}.cmat-timeline-item:last-child .cmat-timeline-item-line{display:none}.cmat-timeline-item-timeline{display:flex;gap:8px}.cmat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.cmat-timeline-item-line{flex:1;background-color:var(--cmat-bg-status-bar)}.cmat-timeline-item-line:is(.dark *){background-color:#fff}.cmat-timeline-item-fill,.cmat-timeline-item-content{flex:1}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child){margin-bottom:8px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-label{width:100%;text-align:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-line{width:.1rem;height:auto;min-height:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-bottom:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:row}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child){margin-right:8px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-label{width:auto;text-align:left}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-line{width:auto;min-width:8px;height:.1rem}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-right:8px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-timeline-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatTimelineItem', imports: [MatIconModule, NgTemplateOutlet], template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>", styles: [".cmat-timeline-item{display:flex;gap:24px}.cmat-timeline-item:last-child .cmat-timeline-item-line{display:none}.cmat-timeline-item-timeline{display:flex;gap:8px}.cmat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.cmat-timeline-item-line{flex:1;background-color:var(--cmat-bg-status-bar)}.cmat-timeline-item-line:is(.dark *){background-color:#fff}.cmat-timeline-item-fill,.cmat-timeline-item-content{flex:1}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child){margin-bottom:8px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-label{width:100%;text-align:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-line{width:.1rem;height:auto;min-height:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-bottom:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:row}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child){margin-right:8px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-label{width:auto;text-align:left}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-line{width:auto;min-width:8px;height:.1rem}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-right:8px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}\n"] }]
         }], propDecorators: { label: [{
@@ -74,10 +75,10 @@ class CmatTimelineComponent {
         this.items = new QueryList();
         this.class = 'cmat-timeline';
         this._host = inject(ElementRef);
+        this._destroyRef = inject(DestroyRef);
         this._reverse = false;
         this._position = 'start';
         this._orientation = 'vertical';
-        this._unsubscribeAll = new Subject();
     }
     get isStartPosition() {
         return this._position === 'start';
@@ -120,11 +121,7 @@ class CmatTimelineComponent {
                 ro.unobserve(this._host.nativeElement);
                 ro.disconnect();
             };
-        }).pipe(throttleTime(10), tap(() => this.updateLayout()), takeUntil(this._unsubscribeAll)).subscribe();
-    }
-    ngOnDestroy() {
-        this._unsubscribeAll.next(null);
-        this._unsubscribeAll.complete();
+        }).pipe(throttleTime(10), tap(() => this.updateLayout()), takeUntilDestroyed(this._destroyRef)).subscribe();
     }
     updateLayout() {
         if (this.isCenterPosition || this.isCenterAltPosition) {
@@ -133,10 +130,10 @@ class CmatTimelineComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: CmatTimelineComponent, isStandalone: true, selector: "cmat-timeline", inputs: { position: "position", orientation: "orientation", reverse: "reverse" }, host: { properties: { "class.cmat-timeline-start": "this.isStartPosition", "class.cmat-timeline-end": "this.isEndPosition", "class.cmat-timeline-center": "this.isCenterPosition", "class.cmat-timeline-center-alt": "this.isCenterAltPosition", "class.cmat-timeline-vertical": "this.isVerticalOrientation", "class.cmat-timeline-horizontal": "this.isHorizontalOrientation", "class.cmat-timeline-reverse": "this.isReverse" } }, queries: [{ propertyName: "items", predicate: CmatTimelineItemComponent }], exportAs: ["cmatTimeLine"], ngImport: i0, template: "<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cmat-timeline{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;overflow:auto}.cmat-timeline-content{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;min-width:min-content;min-height:min-content}.cmat-timeline-center>.cmat-timeline-content,.cmat-timeline-center-alt>.cmat-timeline-content{align-items:center}.cmat-timeline-vertical>.cmat-timeline-content{flex-direction:column}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:column-reverse}.cmat-timeline-horizontal>.cmat-timeline-content{flex-direction:row}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: CmatTimelineComponent, isStandalone: true, selector: "cmat-timeline", inputs: { position: "position", orientation: "orientation", reverse: "reverse" }, host: { properties: { "class.cmat-timeline-start": "this.isStartPosition", "class.cmat-timeline-end": "this.isEndPosition", "class.cmat-timeline-center": "this.isCenterPosition", "class.cmat-timeline-center-alt": "this.isCenterAltPosition", "class.cmat-timeline-vertical": "this.isVerticalOrientation", "class.cmat-timeline-horizontal": "this.isHorizontalOrientation", "class.cmat-timeline-reverse": "this.isReverse" } }, queries: [{ propertyName: "items", predicate: CmatTimelineItemComponent }], exportAs: ["cmatTimeLine"], ngImport: i0, template: "<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cmat-timeline{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;overflow:auto}.cmat-timeline-content{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;min-width:min-content;min-height:min-content}.cmat-timeline-center>.cmat-timeline-content,.cmat-timeline-center-alt>.cmat-timeline-content{align-items:center}.cmat-timeline-vertical>.cmat-timeline-content{flex-direction:column}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:column-reverse}.cmat-timeline-horizontal>.cmat-timeline-content{flex-direction:row}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: CmatTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-timeline', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatTimeLine', imports: [], template: "<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cmat-timeline{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;overflow:auto}.cmat-timeline-content{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;min-width:min-content;min-height:min-content}.cmat-timeline-center>.cmat-timeline-content,.cmat-timeline-center-alt>.cmat-timeline-content{align-items:center}.cmat-timeline-vertical>.cmat-timeline-content{flex-direction:column}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:column-reverse}.cmat-timeline-horizontal>.cmat-timeline-content{flex-direction:row}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:row-reverse}\n"] }]
         }], propDecorators: { items: [{

package/fesm2022/cmat-components-timeline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-timeline.mjs","sources":["../../../projects/cmat/components/timeline/timeline-item/timeline-item.component.ts","../../../projects/cmat/components/timeline/timeline-item/timeline-item.component.html","../../../projects/cmat/components/timeline/timeline.component.ts","../../../projects/cmat/components/timeline/timeline.component.html","../../../projects/cmat/components/timeline/cmat-components-timeline.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ContentChild,\r\n  Directive,\r\n  ElementRef,\r\n  HostBinding,\r\n  Input,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n\r\n@Directive({\r\n  selector: 'ng-template[cmatTimelineItemIcon]'\r\n})\r\nexport class CmatTimelineItemIconDirective {\r\n}\r\n\r\n\r\n@Directive({\r\n  selector: 'ng-template[cmatTimelineItemLabel]'\r\n})\r\nexport class CmatTimelineItemLabelDirective {\r\n}\r\n\r\n\r\n@Component({\r\n    selector: 'cmat-timeline-item',\r\n    templateUrl: './timeline-item.component.html',\r\n    styleUrls: ['./timeline-item.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatTimelineItem',\r\n    imports: [MatIconModule, NgTemplateOutlet]\r\n})\r\nexport class CmatTimelineItemComponent {\r\n\r\n  @Input()\r\n  label?: string | null;\r\n\r\n  @Input()\r\n  icon?: string | null;\r\n\r\n  @Input()\r\n  svgIcon?: string | null;\r\n\r\n  @Input()\r\n  iconUrl?: string | null;\r\n\r\n  @HostBinding('class') class='cmat-timeline-item';\r\n  \r\n  @ContentChild(CmatTimelineItemIconDirective, { read: TemplateRef })\r\n  customIconTpl?: TemplateRef<any>;\r\n\r\n  @ContentChild(CmatTimelineItemLabelDirective, { read: TemplateRef })\r\n  customLabelTpl?: TemplateRef<any>;\r\n\r\n  @ViewChild('contentEl', { static: true })\r\n  private _contentEl!: ElementRef;\r\n\r\n  @ViewChild('fillEl', { static: true })\r\n  private _fillEl!: ElementRef;\r\n\r\n \r\n\r\n  updateVerticalCenteredLayout(): void {\r\n    this._fillEl.nativeElement.style.minWidth = this._contentEl.nativeElement.offsetWidth + 'px';\r\n    this._fillEl.nativeElement.style.minHeight = 'unset';\r\n  }\r\n\r\n  updateHorizontalCenteredLayout(): void {\r\n    this._fillEl.nativeElement.style.minHeight = this._contentEl.nativeElement.offsetHeight + 'px';\r\n    this._fillEl.nativeElement.style.minWidth = 'unset';\r\n  }\r\n\r\n}\r\n","<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>","import { ChangeDetectionStrategy, Component, ContentChildren, ElementRef, HostBinding, Input, OnDestroy, OnInit, QueryList, ViewEncapsulation, inject } from '@angular/core';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { takeUntil, tap, throttleTime } from 'rxjs/operators';\r\nimport { CmatTimelineItemComponent } from './timeline-item/timeline-item.component';\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport type CMAT_TIMELINE_POSITION = 'start' | 'end' | 'center' | 'center-alt';\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport type CMAT_TIMELINE_ORIENTATION = 'vertical' | 'horizontal';\r\n\r\n\r\n@Component({\r\n  selector: 'cmat-timeline',\r\n  templateUrl: './timeline.component.html',\r\n  styleUrls: ['./timeline.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  exportAs: 'cmatTimeLine',\r\n  imports: []\r\n})\r\nexport class CmatTimelineComponent implements OnInit, OnDestroy {\r\n  @ContentChildren(CmatTimelineItemComponent)\r\n  readonly items = new QueryList<CmatTimelineItemComponent>();\r\n  readonly class = 'cmat-timeline';\r\n\r\n  private _host = inject(ElementRef);\r\n  private _reverse: boolean = false;\r\n  private _position: CMAT_TIMELINE_POSITION = 'start';\r\n  private _orientation: CMAT_TIMELINE_ORIENTATION = 'vertical';\r\n  private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n\r\n\r\n  @HostBinding('class.cmat-timeline-start')\r\n  get isStartPosition(): boolean {\r\n    return this._position === 'start';\r\n  }\r\n  @HostBinding('class.cmat-timeline-end')\r\n  get isEndPosition(): boolean {\r\n    return this._position === 'end';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-center')\r\n  get isCenterPosition(): boolean {\r\n    return this._position === 'center';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-center-alt')\r\n  get isCenterAltPosition(): boolean {\r\n    return this._position === 'center-alt';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-vertical')\r\n  get isVerticalOrientation(): boolean {\r\n    return this._orientation === 'vertical';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-horizontal')\r\n  get isHorizontalOrientation(): boolean {\r\n    return this._orientation === 'horizontal';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-reverse')\r\n  get isReverse(): boolean {\r\n    return this._reverse;\r\n  }\r\n\r\n  @Input()\r\n  set position(position: CMAT_TIMELINE_POSITION) {\r\n    this._position = position;\r\n    this.updateLayout();\r\n  }\r\n\r\n  @Input()\r\n  set orientation(orientation: CMAT_TIMELINE_ORIENTATION) {\r\n    this._orientation = orientation;\r\n    this.updateLayout();\r\n  }\r\n\r\n  @Input()\r\n  set reverse(reverse: boolean) {\r\n    this._reverse = reverse;\r\n    this.updateLayout();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    new Observable((observer) => {\r\n      const ro = new ResizeObserver(entries => observer.next(entries));\r\n      ro.observe(this._host.nativeElement);\r\n\r\n      return (): void => {\r\n        ro.unobserve(this._host.nativeElement);\r\n        ro.disconnect();\r\n      };\r\n    }).pipe(\r\n      throttleTime(10),\r\n      tap(() => this.updateLayout()),\r\n      takeUntil(this._unsubscribeAll)\r\n    ).subscribe();\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this._unsubscribeAll.next(null);\r\n    this._unsubscribeAll.complete();\r\n  }\r\n\r\n  updateLayout(): void {\r\n    if (this.isCenterPosition || this.isCenterAltPosition) {\r\n      this.items.forEach((item) => {\r\n        this.isVerticalOrientation ? item.updateVerticalCenteredLayout() : item.updateHorizontalCenteredLayout();\r\n      });\r\n    }\r\n  }\r\n}\r\n","<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cmat-components-timeline.mjs","sources":["../../../projects/cmat/components/timeline/timeline-item/timeline-item.component.ts","../../../projects/cmat/components/timeline/timeline-item/timeline-item.component.html","../../../projects/cmat/components/timeline/timeline.component.ts","../../../projects/cmat/components/timeline/timeline.component.html","../../../projects/cmat/components/timeline/cmat-components-timeline.ts"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ContentChild,\r\n  Directive,\r\n  ElementRef,\r\n  HostBinding,\r\n  Input,\r\n  TemplateRef,\r\n  ViewChild,\r\n  ViewEncapsulation\r\n} from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n\r\n@Directive({\r\n  selector: 'ng-template[cmatTimelineItemIcon]'\r\n})\r\nexport class CmatTimelineItemIconDirective {\r\n}\r\n\r\n\r\n@Directive({\r\n  selector: 'ng-template[cmatTimelineItemLabel]'\r\n})\r\nexport class CmatTimelineItemLabelDirective {\r\n}\r\n\r\n\r\n@Component({\r\n    selector: 'cmat-timeline-item',\r\n    templateUrl: './timeline-item.component.html',\r\n    styleUrls: ['./timeline-item.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatTimelineItem',\r\n    imports: [MatIconModule, NgTemplateOutlet]\r\n})\r\nexport class CmatTimelineItemComponent {\r\n\r\n  @Input()\r\n  label?: string | null;\r\n\r\n  @Input()\r\n  icon?: string | null;\r\n\r\n  @Input()\r\n  svgIcon?: string | null;\r\n\r\n  @Input()\r\n  iconUrl?: string | null;\r\n\r\n  @HostBinding('class') class='cmat-timeline-item';\r\n  \r\n  @ContentChild(CmatTimelineItemIconDirective, { read: TemplateRef })\r\n  customIconTpl?: TemplateRef<any>;\r\n\r\n  @ContentChild(CmatTimelineItemLabelDirective, { read: TemplateRef })\r\n  customLabelTpl?: TemplateRef<any>;\r\n\r\n  @ViewChild('contentEl', { static: true })\r\n  private _contentEl!: ElementRef;\r\n\r\n  @ViewChild('fillEl', { static: true })\r\n  private _fillEl!: ElementRef;\r\n\r\n \r\n\r\n  updateVerticalCenteredLayout(): void {\r\n    this._fillEl.nativeElement.style.minWidth = this._contentEl.nativeElement.offsetWidth + 'px';\r\n    this._fillEl.nativeElement.style.minHeight = 'unset';\r\n  }\r\n\r\n  updateHorizontalCenteredLayout(): void {\r\n    this._fillEl.nativeElement.style.minHeight = this._contentEl.nativeElement.offsetHeight + 'px';\r\n    this._fillEl.nativeElement.style.minWidth = 'unset';\r\n  }\r\n\r\n}\r\n","<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ContentChildren,\r\n  DestroyRef,\r\n  ElementRef,\r\n  HostBinding,\r\n  Input,\r\n  OnInit,\r\n  QueryList,\r\n  ViewEncapsulation,\r\n  inject,\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { Observable } from 'rxjs';\r\nimport { tap, throttleTime } from 'rxjs/operators';\r\nimport { CmatTimelineItemComponent } from './timeline-item/timeline-item.component';\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport type CMAT_TIMELINE_POSITION = 'start' | 'end' | 'center' | 'center-alt';\r\n\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport type CMAT_TIMELINE_ORIENTATION = 'vertical' | 'horizontal';\r\n\r\n\r\n@Component({\r\n  selector: 'cmat-timeline',\r\n  templateUrl: './timeline.component.html',\r\n  styleUrls: ['./timeline.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  exportAs: 'cmatTimeLine',\r\n  imports: []\r\n})\r\nexport class CmatTimelineComponent implements OnInit {\r\n  @ContentChildren(CmatTimelineItemComponent)\r\n  readonly items = new QueryList<CmatTimelineItemComponent>();\r\n  readonly class = 'cmat-timeline';\r\n\r\n  private _host = inject(ElementRef);\r\n  private readonly _destroyRef = inject(DestroyRef);\r\n  private _reverse: boolean = false;\r\n  private _position: CMAT_TIMELINE_POSITION = 'start';\r\n  private _orientation: CMAT_TIMELINE_ORIENTATION = 'vertical';\r\n\r\n\r\n  @HostBinding('class.cmat-timeline-start')\r\n  get isStartPosition(): boolean {\r\n    return this._position === 'start';\r\n  }\r\n  @HostBinding('class.cmat-timeline-end')\r\n  get isEndPosition(): boolean {\r\n    return this._position === 'end';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-center')\r\n  get isCenterPosition(): boolean {\r\n    return this._position === 'center';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-center-alt')\r\n  get isCenterAltPosition(): boolean {\r\n    return this._position === 'center-alt';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-vertical')\r\n  get isVerticalOrientation(): boolean {\r\n    return this._orientation === 'vertical';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-horizontal')\r\n  get isHorizontalOrientation(): boolean {\r\n    return this._orientation === 'horizontal';\r\n  }\r\n\r\n  @HostBinding('class.cmat-timeline-reverse')\r\n  get isReverse(): boolean {\r\n    return this._reverse;\r\n  }\r\n\r\n  @Input()\r\n  set position(position: CMAT_TIMELINE_POSITION) {\r\n    this._position = position;\r\n    this.updateLayout();\r\n  }\r\n\r\n  @Input()\r\n  set orientation(orientation: CMAT_TIMELINE_ORIENTATION) {\r\n    this._orientation = orientation;\r\n    this.updateLayout();\r\n  }\r\n\r\n  @Input()\r\n  set reverse(reverse: boolean) {\r\n    this._reverse = reverse;\r\n    this.updateLayout();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    new Observable((observer) => {\r\n      const ro = new ResizeObserver(entries => observer.next(entries));\r\n      ro.observe(this._host.nativeElement);\r\n\r\n      return (): void => {\r\n        ro.unobserve(this._host.nativeElement);\r\n        ro.disconnect();\r\n      };\r\n    }).pipe(\r\n      throttleTime(10),\r\n      tap(() => this.updateLayout()),\r\n      takeUntilDestroyed(this._destroyRef)\r\n    ).subscribe();\r\n  }\r\n\r\n  updateLayout(): void {\r\n    if (this.isCenterPosition || this.isCenterAltPosition) {\r\n      this.items.forEach((item) => {\r\n        this.isVerticalOrientation ? item.updateVerticalCenteredLayout() : item.updateHorizontalCenteredLayout();\r\n      });\r\n    }\r\n  }\r\n}\r\n","<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}