cmat 0.0.87 → 0.0.88

package/fesm2022/cmat-components-timeline.mjs

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Directive, TemplateRef, ViewChild, ContentChild, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, QueryList, inject, ElementRef, DestroyRef, ContentChildren } from '@angular/core';
+import { Directive, input, contentChild, TemplateRef, viewChild, ElementRef, ChangeDetectionStrategy, ViewEncapsulation, Component, contentChildren, signal, inject, DestroyRef, effect } from '@angular/core';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
@@ -8,110 +8,101 @@ import { Observable } from 'rxjs';
 import { throttleTime, tap } from 'rxjs/operators';
 
 class CmatTimelineItemIconDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'ng-template[cmatTimelineItemIcon]'
+                    selector: 'ng-template[cmatTimelineItemIcon]',
                 }]
         }] });
 class CmatTimelineItemLabelDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'ng-template[cmatTimelineItemLabel]'
+                    selector: 'ng-template[cmatTimelineItemLabel]',
                 }]
         }] });
 class CmatTimelineItemComponent {
     constructor() {
-        this.class = 'cmat-timeline-item';
+        this.label = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
+        this.icon = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+        this.svgIcon = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "svgIcon" }] : /* istanbul ignore next */ []));
+        this.iconUrl = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "iconUrl" }] : /* istanbul ignore next */ []));
+        this.customIconTpl = contentChild(CmatTimelineItemIconDirective, { ...(ngDevMode ? { debugName: "customIconTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
+        this.customLabelTpl = contentChild(CmatTimelineItemLabelDirective, { ...(ngDevMode ? { debugName: "customLabelTpl" } : /* istanbul ignore next */ {}), read: TemplateRef });
+        this._contentEl = viewChild((ElementRef), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_contentEl" }] : /* istanbul ignore next */ []));
+        this._fillEl = viewChild((ElementRef), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_fillEl" }] : /* istanbul ignore next */ []));
     }
     updateVerticalCenteredLayout() {
-        this._fillEl.nativeElement.style.minWidth = this._contentEl.nativeElement.offsetWidth + 'px';
-        this._fillEl.nativeElement.style.minHeight = 'unset';
+        if (!this._fillEl()) {
+            return;
+        }
+        this._fillEl().nativeElement.style.minWidth =
+            this._contentEl().nativeElement.offsetWidth + 'px';
+        this._fillEl().nativeElement.style.minHeight = 'unset';
     }
     updateHorizontalCenteredLayout() {
-        this._fillEl.nativeElement.style.minHeight = this._contentEl.nativeElement.offsetHeight + 'px';
-        this._fillEl.nativeElement.style.minWidth = 'unset';
+        if (!this._fillEl()) {
+            return;
+        }
+        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.11", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.11", 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: "22.0.2", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatTimelineItemComponent, isStandalone: true, selector: "cmat-timeline-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, svgIcon: { classPropertyName: "svgIcon", publicName: "svgIcon", isSignal: true, isRequired: false, transformFunction: null }, iconUrl: { classPropertyName: "iconUrl", publicName: "iconUrl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"cmat-timeline-item\"" } }, queries: [{ propertyName: "customIconTpl", first: true, predicate: CmatTimelineItemIconDirective, descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "customLabelTpl", first: true, predicate: CmatTimelineItemLabelDirective, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "_contentEl", first: true, predicate: (ElementRef), descendants: true, isSignal: true }, { propertyName: "_fillEl", first: true, predicate: (ElementRef), descendants: true, isSignal: 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  <ng-container\r\n    *ngTemplateOutlet=\"customIconTpl() ? customIconTpl() : iconTpl\"\r\n  ></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\r\n          class=\"cmat-timeline-item-icon\"\r\n          [svgIcon]=\"svgIcon()!\"\r\n        ></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  <ng-container\r\n    *ngTemplateOutlet=\"customLabelTpl() ? customLabelTpl() : labelTpl\"\r\n  ></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</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", 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.11", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], svgIcon: [{
-                type: Input
-            }], iconUrl: [{
-                type: Input
-            }], class: [{
-                type: HostBinding,
-                args: ['class']
-            }], customIconTpl: [{
-                type: ContentChild,
-                args: [CmatTimelineItemIconDirective, { read: TemplateRef }]
-            }], customLabelTpl: [{
-                type: ContentChild,
-                args: [CmatTimelineItemLabelDirective, { read: TemplateRef }]
-            }], _contentEl: [{
-                type: ViewChild,
-                args: ['contentEl', { static: true }]
-            }], _fillEl: [{
-                type: ViewChild,
-                args: ['fillEl', { static: true }]
-            }] } });
+            args: [{ selector: 'cmat-timeline-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatTimelineItem', imports: [MatIconModule, NgTemplateOutlet], host: {
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class]': '"cmat-timeline-item"',
+                    }, template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n  <ng-container\r\n    *ngTemplateOutlet=\"customIconTpl() ? customIconTpl() : iconTpl\"\r\n  ></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\r\n          class=\"cmat-timeline-item-icon\"\r\n          [svgIcon]=\"svgIcon()!\"\r\n        ></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  <ng-container\r\n    *ngTemplateOutlet=\"customLabelTpl() ? customLabelTpl() : labelTpl\"\r\n  ></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</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", 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: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], svgIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "svgIcon", required: false }] }], iconUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconUrl", required: false }] }], customIconTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CmatTimelineItemIconDirective), { ...{ read: TemplateRef }, isSignal: true }] }], customLabelTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CmatTimelineItemLabelDirective), { ...{ read: TemplateRef }, isSignal: true }] }], _contentEl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ElementRef), { isSignal: true }] }], _fillEl: [{ type: i0.ViewChild, args: [i0.forwardRef(() => ElementRef), { isSignal: true }] }] } });
 
 class CmatTimelineComponent {
     constructor() {
-        this.items = new QueryList();
-        this.class = 'cmat-timeline';
+        this.items = contentChildren(CmatTimelineItemComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.isStartPosition = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isStartPosition" }] : /* istanbul ignore next */ []));
+        this.isEndPosition = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isEndPosition" }] : /* istanbul ignore next */ []));
+        this.isCenterPosition = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isCenterPosition" }] : /* istanbul ignore next */ []));
+        this.isCenterAltPosition = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isCenterAltPosition" }] : /* istanbul ignore next */ []));
+        this.isVerticalOrientation = signal(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isVerticalOrientation" }] : /* istanbul ignore next */ []));
+        this.isHorizontalOrientation = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isHorizontalOrientation" }] : /* istanbul ignore next */ []));
+        this.isReverse = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isReverse" }] : /* istanbul ignore next */ []));
+        this.position = input('start', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+        this.orientation = input('vertical', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        this.reverse = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "reverse" }] : /* istanbul ignore next */ []));
         this._host = inject(ElementRef);
         this._destroyRef = inject(DestroyRef);
-        this._reverse = false;
-        this._position = 'start';
-        this._orientation = 'vertical';
-    }
-    get isStartPosition() {
-        return this._position === 'start';
-    }
-    get isEndPosition() {
-        return this._position === 'end';
-    }
-    get isCenterPosition() {
-        return this._position === 'center';
-    }
-    get isCenterAltPosition() {
-        return this._position === 'center-alt';
-    }
-    get isVerticalOrientation() {
-        return this._orientation === 'vertical';
-    }
-    get isHorizontalOrientation() {
-        return this._orientation === 'horizontal';
-    }
-    get isReverse() {
-        return this._reverse;
-    }
-    set position(position) {
-        this._position = position;
-        this.updateLayout();
-    }
-    set orientation(orientation) {
-        this._orientation = orientation;
-        this.updateLayout();
-    }
-    set reverse(reverse) {
-        this._reverse = reverse;
-        this.updateLayout();
+        // Sync inputs to signals and update classes
+        effect(() => {
+            this._updatePositionSignal();
+            this._updateOrientationSignal();
+            this._updateReverseSignal();
+        });
     }
     ngOnInit() {
         new Observable((observer) => {
@@ -124,49 +115,51 @@ class CmatTimelineComponent {
         }).pipe(throttleTime(10), tap(() => this.updateLayout()), takeUntilDestroyed(this._destroyRef)).subscribe();
     }
     updateLayout() {
-        if (this.isCenterPosition || this.isCenterAltPosition) {
-            this.items.forEach((item) => {
-                this.isVerticalOrientation ? item.updateVerticalCenteredLayout() : item.updateHorizontalCenteredLayout();
+        if (this.isCenterPosition() || this.isCenterAltPosition()) {
+            this.items().forEach((item) => {
+                this.isVerticalOrientation() ? item.updateVerticalCenteredLayout() : item.updateHorizontalCenteredLayout();
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.11", 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 }); }
+    _updatePositionSignal() {
+        const pos = this.position();
+        this.isStartPosition.set(pos === 'start');
+        this.isEndPosition.set(pos === 'end');
+        this.isCenterPosition.set(pos === 'center');
+        this.isCenterAltPosition.set(pos === 'center-alt');
+    }
+    _updateOrientationSignal() {
+        const orient = this.orientation();
+        this.isVerticalOrientation.set(orient === 'vertical');
+        this.isHorizontalOrientation.set(orient === 'horizontal');
+    }
+    _updateReverseSignal() {
+        this.isReverse.set(this.reverse());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.2", type: CmatTimelineComponent, isStandalone: true, selector: "cmat-timeline", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, reverse: { classPropertyName: "reverse", publicName: "reverse", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.cmat-timeline": "true", "class.cmat-timeline-start": "isStartPosition()", "class.cmat-timeline-end": "isEndPosition()", "class.cmat-timeline-center": "isCenterPosition()", "class.cmat-timeline-center-alt": "isCenterAltPosition()", "class.cmat-timeline-vertical": "isVerticalOrientation()", "class.cmat-timeline-horizontal": "isHorizontalOrientation()", "class.cmat-timeline-reverse": "isReverse()" } }, queries: [{ propertyName: "items", predicate: CmatTimelineItemComponent, isSignal: true }], 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.11", ngImport: i0, type: CmatTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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: [{
-                type: ContentChildren,
-                args: [CmatTimelineItemComponent]
-            }], isStartPosition: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-start']
-            }], isEndPosition: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-end']
-            }], isCenterPosition: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-center']
-            }], isCenterAltPosition: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-center-alt']
-            }], isVerticalOrientation: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-vertical']
-            }], isHorizontalOrientation: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-horizontal']
-            }], isReverse: [{
-                type: HostBinding,
-                args: ['class.cmat-timeline-reverse']
-            }], position: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], reverse: [{
-                type: Input
-            }] } });
+            args: [{ selector: 'cmat-timeline', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatTimeLine', imports: [], host: {
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline]': 'true',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-start]': 'isStartPosition()',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-end]': 'isEndPosition()',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-center]': 'isCenterPosition()',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-center-alt]': 'isCenterAltPosition()',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-vertical]': 'isVerticalOrientation()',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-horizontal]': 'isHorizontalOrientation()',
+                        // eslint-disable-next-line @typescript-eslint/naming-convention
+                        '[class.cmat-timeline-reverse]': 'isReverse()',
+                    }, 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"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => CmatTimelineItemComponent), { isSignal: true }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], reverse: [{ type: i0.Input, args: [{ isSignal: true, alias: "reverse", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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<unknown>;\r\n\r\n  @ContentChild(CmatTimelineItemLabelDirective, { read: TemplateRef })\r\n  customLabelTpl?: TemplateRef<unknown>;\r\n\r\n  @ViewChild('contentEl', { static: true })\r\n  private _contentEl!: ElementRef<HTMLElement>;\r\n\r\n  @ViewChild('fillEl', { static: true })\r\n  private _fillEl!: ElementRef<HTMLElement>;\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<HTMLElement>>(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<ResizeObserverEntry[]>((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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"}
+{"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  Directive,\r\n  ElementRef,\r\n  TemplateRef,\r\n  ViewEncapsulation,\r\n  contentChild,\r\n  input,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\n\r\n@Directive({\r\n  selector: 'ng-template[cmatTimelineItemIcon]',\r\n})\r\nexport class CmatTimelineItemIconDirective { }\r\n\r\n@Directive({\r\n  selector: 'ng-template[cmatTimelineItemLabel]',\r\n})\r\nexport class CmatTimelineItemLabelDirective { }\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  host: {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class]': '\"cmat-timeline-item\"',\r\n  },\r\n})\r\nexport class CmatTimelineItemComponent {\r\n  readonly label = input<string | null>();\r\n\r\n  readonly icon = input<string | null>();\r\n\r\n  readonly svgIcon = input<string | null>();\r\n\r\n  readonly iconUrl = input<string | null>();\r\n\r\n  readonly customIconTpl = contentChild(CmatTimelineItemIconDirective, { read: TemplateRef });\r\n  readonly customLabelTpl = contentChild(CmatTimelineItemLabelDirective, { read: TemplateRef });\r\n  private readonly _contentEl = viewChild(ElementRef<HTMLElement>);\r\n  private readonly _fillEl = viewChild(ElementRef<HTMLElement>);\r\n\r\n  updateVerticalCenteredLayout(): void {\r\n    if (!this._fillEl()) {\r\n      return;\r\n    }\r\n\r\n    (this._fillEl()!.nativeElement as HTMLElement).style.minWidth =\r\n      (this._contentEl()!.nativeElement as HTMLElement).offsetWidth + 'px';\r\n    (this._fillEl()!.nativeElement as HTMLElement).style.minHeight = 'unset';\r\n  }\r\n\r\n  updateHorizontalCenteredLayout(): void {\r\n    if (!this._fillEl()) {\r\n      return;\r\n    }\r\n\r\n    (this._fillEl()!.nativeElement as HTMLElement).style.minHeight =\r\n      (this._contentEl()!.nativeElement as HTMLElement).offsetHeight + 'px';\r\n    (this._fillEl()!.nativeElement as HTMLElement).style.minWidth = 'unset';\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  <ng-container\r\n    *ngTemplateOutlet=\"customIconTpl() ? customIconTpl() : iconTpl\"\r\n  ></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\r\n          class=\"cmat-timeline-item-icon\"\r\n          [svgIcon]=\"svgIcon()!\"\r\n        ></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  <ng-container\r\n    *ngTemplateOutlet=\"customLabelTpl() ? customLabelTpl() : labelTpl\"\r\n  ></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</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  DestroyRef,\r\n  ElementRef,\r\n  OnInit,\r\n  ViewEncapsulation,\r\n  inject,\r\n  signal,\r\n  input,\r\n  effect,\r\n  contentChildren,\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  host: {\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline]': 'true',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-start]': 'isStartPosition()',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-end]': 'isEndPosition()',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-center]': 'isCenterPosition()',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-center-alt]': 'isCenterAltPosition()',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-vertical]': 'isVerticalOrientation()',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-horizontal]': 'isHorizontalOrientation()',\r\n    // eslint-disable-next-line @typescript-eslint/naming-convention\r\n    '[class.cmat-timeline-reverse]': 'isReverse()',\r\n  },\r\n})\r\nexport class CmatTimelineComponent implements OnInit {\r\n  readonly items=contentChildren(CmatTimelineItemComponent);\r\n\r\n  readonly isStartPosition = signal(false);\r\n  readonly isEndPosition = signal(false);\r\n  readonly isCenterPosition = signal(false);\r\n  readonly isCenterAltPosition = signal(false);\r\n  readonly isVerticalOrientation = signal(true);\r\n  readonly isHorizontalOrientation = signal(false);\r\n  readonly isReverse = signal(false);\r\n\r\n  readonly position = input<CMAT_TIMELINE_POSITION>('start');\r\n  readonly orientation = input<CMAT_TIMELINE_ORIENTATION>('vertical');\r\n  readonly reverse = input<boolean>(false);\r\n\r\n  private _host = inject<ElementRef<HTMLElement>>(ElementRef);\r\n  private readonly _destroyRef = inject(DestroyRef);\r\n\r\n  constructor() {\r\n    // Sync inputs to signals and update classes\r\n    effect(() => {\r\n      this._updatePositionSignal();\r\n      this._updateOrientationSignal();\r\n      this._updateReverseSignal();\r\n    });\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    new Observable<ResizeObserverEntry[]>((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  private _updatePositionSignal(): void {\r\n    const pos = this.position();\r\n    this.isStartPosition.set(pos === 'start');\r\n    this.isEndPosition.set(pos === 'end');\r\n    this.isCenterPosition.set(pos === 'center');\r\n    this.isCenterAltPosition.set(pos === 'center-alt');\r\n  }\r\n\r\n  private _updateOrientationSignal(): void {\r\n    const orient = this.orientation();\r\n    this.isVerticalOrientation.set(orient === 'vertical');\r\n    this.isHorizontalOrientation.set(orient === 'horizontal');\r\n  }\r\n\r\n  private _updateReverseSignal(): void {\r\n    this.isReverse.set(this.reverse());\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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"}