cmat 0.0.88 → 0.0.90

package/fesm2022/cmat-components-select-tree.mjs

@@ -646,12 +646,12 @@ class CmatSelectTreeComponent {
         collect(node.children);
         return descendants;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSelectTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatSelectTreeComponent, isStandalone: true, selector: "cmat-select-tree", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, noEntriesFoundLabel: { classPropertyName: "noEntriesFoundLabel", publicName: "noEntriesFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, showNoFoundLabel: { classPropertyName: "showNoFoundLabel", publicName: "showNoFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, overallSearchEnabled: { classPropertyName: "overallSearchEnabled", publicName: "overallSearchEnabled", isSignal: true, isRequired: false, transformFunction: null }, canNull: { classPropertyName: "canNull", publicName: "canNull", isSignal: true, isRequired: false, transformFunction: null }, customTriggerLabelFn: { classPropertyName: "customTriggerLabelFn", publicName: "customTriggerLabelFn", isSignal: true, isRequired: false, transformFunction: null }, customTriggerLabelTemplate: { classPropertyName: "customTriggerLabelTemplate", publicName: "customTriggerLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, showToggleAllCheckbox: { classPropertyName: "showToggleAllCheckbox", publicName: "showToggleAllCheckbox", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "clickedOut()" }, properties: { "attr.id": "id" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSelectTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatSelectTreeComponent, isStandalone: true, selector: "cmat-select-tree", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, noEntriesFoundLabel: { classPropertyName: "noEntriesFoundLabel", publicName: "noEntriesFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, showNoFoundLabel: { classPropertyName: "showNoFoundLabel", publicName: "showNoFoundLabel", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, overallSearchEnabled: { classPropertyName: "overallSearchEnabled", publicName: "overallSearchEnabled", isSignal: true, isRequired: false, transformFunction: null }, canNull: { classPropertyName: "canNull", publicName: "canNull", isSignal: true, isRequired: false, transformFunction: null }, customTriggerLabelFn: { classPropertyName: "customTriggerLabelFn", publicName: "customTriggerLabelFn", isSignal: true, isRequired: false, transformFunction: null }, customTriggerLabelTemplate: { classPropertyName: "customTriggerLabelTemplate", publicName: "customTriggerLabelTemplate", isSignal: true, isRequired: false, transformFunction: null }, expandable: { classPropertyName: "expandable", publicName: "expandable", isSignal: true, isRequired: false, transformFunction: null }, showToggleAllCheckbox: { classPropertyName: "showToggleAllCheckbox", publicName: "showToggleAllCheckbox", isSignal: true, isRequired: false, transformFunction: null }, compareWith: { classPropertyName: "compareWith", publicName: "compareWith", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: false, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: false, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: false, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null } }, host: { listeners: { "document:click": "clickedOut()" }, properties: { "attr.id": "id" } }, providers: [
             { provide: MatFormFieldControl, useExisting: CmatSelectTreeComponent },
         ], viewQueries: [{ propertyName: "tree", first: true, predicate: ["componentTree"], descendants: true, isSignal: true }, { propertyName: "_matSelectSignal", first: true, predicate: ["componentSelect"], descendants: true, isSignal: true }, { propertyName: "_matSelectSearch", first: true, predicate: CmatSelectSearchComponent, descendants: true, isSignal: true }], exportAs: ["cmatSelectTree"], usesOnChanges: true, ngImport: i0, template: " \r\n@if (multiple()) {\r\n  <mat-select\r\n    #componentSelect\r\n    multiple\r\n    [placeholder]=\"placeholder\"\r\n    [required]=\"required\"\r\n    [formControl]=\"selectControl\"\r\n    [compareWith]=\"compareWith()\"\r\n    (openedChange)=\"openedChange($event)\"\r\n    (focusin)=\"onFocusIn()\"\r\n  >\r\n    <mat-select-trigger>\r\n      @if (!customTriggerLabelFn()) {\r\n        {{ simpleTriggerLabelFn(checklistSelection.selected) }}\r\n      } @else {\r\n        {{ customTriggerLabelFn()!(checklistSelection.selected) }}\r\n      }\r\n    </mat-select-trigger>\r\n\r\n    <div (focusout)=\"onFocusOut($event)\">\r\n      @if (overallSearchEnabled()) {\r\n        <mat-option>\r\n          <cmat-select-search\r\n            #searchComponent\r\n            [showNoFoundLabel]=\"showNoFoundLabel()\"\r\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\r\n            [formControl]=\"overallFilterControl\"\r\n            [clearSearchInput]=\"true\"\r\n            [toggleAllCheckboxIndeterminate]=\"isIndeterminate()\"\r\n            [toggleAllCheckboxChecked]=\"isChecked()\"\r\n            [showToggleAllCheckbox]=\"showToggleAllCheckbox() && multiple()\"\r\n            (toggleAll)=\"toggleSelectAll($event)\"\r\n          >\r\n          </cmat-select-search>\r\n        </mat-option>\r\n      }\r\n      @for (selectData of matSelectData(); track selectData.id) {\r\n        <mat-option class=\"hidden\" [value]=\"selectData\">{{\r\n          selectData.name\r\n        }}</mat-option>\r\n      }\r\n      <mat-tree\r\n        #componentTree\r\n        [dataSource]=\"treeDataSource()\"\r\n        [childrenAccessor]=\"childrenAccessor\"\r\n      >\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodePadding\r\n          [ngClass]=\"getChecklistSelectionIsSelected(node) ? 'selected' : ''\"\r\n          (click)=\"\r\n            todoLeafItemSelectionToggle($event, nestedNodeMap.get(node)!)\r\n          \"\r\n        >\r\n          <button type=\"button\" matIconButton disabled></button>\r\n          <mat-checkbox\r\n            class=\"checklist-leaf-node text-current\"\r\n            [color]=\"'primary'\"\r\n            [checked]=\"getChecklistSelectionIsSelected(node)\"\r\n            >{{ node.name }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          [ngClass]=\"getChecklistSelectionIsSelected(node) ? 'selected' : ''\"\r\n          (click)=\"todoItemSelectionToggle($event, nestedNodeMap.get(node)!)\"\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            matIconButton\r\n            matTreeNodeToggle\r\n            [attr.aria-label]=\"'toggle ' + node.name\"\r\n          >\r\n            <mat-icon\r\n              class=\"mat-icon-rtl-mirror\"\r\n              [svgIcon]=\"\r\n                componentTree.isExpanded(node)\r\n                  ? 'mat_outline:expand_more'\r\n                  : 'mat_outline:chevron_right'\r\n              \"\r\n            >\r\n            </mat-icon>\r\n          </button>\r\n\r\n          <mat-checkbox\r\n            class=\"text-current\"\r\n            [checked]=\"descendantsAllSelected(nestedNodeMap.get(node)!)\"\r\n            [color]=\"'primary'\"\r\n            [indeterminate]=\"\r\n              descendantsPartiallySelected(nestedNodeMap.get(node)!)\r\n            \"\r\n            >{{ node.name }}</mat-checkbox\r\n          >\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </mat-select>\r\n} @else {\r\n  <mat-select\r\n    #componentSelect\r\n    [placeholder]=\"placeholder\"\r\n    [required]=\"required\"\r\n    [formControl]=\"selectControl\"\r\n    [compareWith]=\"compareWith()\"\r\n    (focusin)=\"onFocusIn()\"\r\n    (openedChange)=\"openedChange($event)\"\r\n  >\r\n    <mat-select-trigger>\r\n      @if (!customTriggerLabelFn()) {\r\n        {{ simpleTriggerLabelFn(checklistSelection.selected) }}\r\n      } @else {\r\n        {{ customTriggerLabelFn()!(checklistSelection.selected) }}\r\n      }\r\n    </mat-select-trigger>\r\n\r\n    <div (focusout)=\"onFocusOut($event)\">\r\n      @if (overallSearchEnabled()) {\r\n        <mat-option>\r\n          <cmat-select-search\r\n            [showNoFoundLabel]=\"showNoFoundLabel()\"\r\n            [noEntriesFoundLabel]=\"noEntriesFoundLabel()\"\r\n            [formControl]=\"overallFilterControl\"\r\n            [clearSearchInput]=\"true\"\r\n            [toggleAllCheckboxIndeterminate]=\"isIndeterminate()\"\r\n            [toggleAllCheckboxChecked]=\"isChecked()\"\r\n            [showToggleAllCheckbox]=\"false\"\r\n            (toggleAll)=\"toggleSelectAll($event)\"\r\n          >\r\n          </cmat-select-search>\r\n        </mat-option>\r\n      }\r\n      @if (canNull() && treeDataSource().length !== 0) {\r\n        <mat-option class=\"pl-10\" (click)=\"clearSelection()\">\u7A7A</mat-option>\r\n      }\r\n      @for (selectData of matSelectData(); track selectData.id) {\r\n        <mat-option class=\"hidden\" [value]=\"selectData\">{{\r\n          selectData.name\r\n        }}</mat-option>\r\n      }\r\n\r\n      <mat-tree\r\n        #componentTree\r\n        [dataSource]=\"treeDataSource()\"\r\n        [childrenAccessor]=\"childrenAccessor\"\r\n      >\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node\"\r\n          matTreeNodePadding\r\n          [ngClass]=\"getChecklistSelectionIsSelected(node) ? 'selected' : ''\"\r\n          (click)=\"\r\n            todoLeafItemSelectionToggle($event, nestedNodeMap.get(node)!)\r\n          \"\r\n        >\r\n          <button type=\"button\" matIconButton disabled></button>\r\n          <span class=\"text-current\">{{ node.name }}</span>\r\n        </mat-tree-node>\r\n\r\n        <mat-tree-node\r\n          *matTreeNodeDef=\"let node; when: hasChild\"\r\n          matTreeNodePadding\r\n          [ngClass]=\"getChecklistSelectionIsSelected(node) ? 'selected' : ''\"\r\n          (click)=\"todoItemSelectionToggle($event, nestedNodeMap.get(node)!)\"\r\n        >\r\n          <button\r\n            type=\"button\"\r\n            matIconButton\r\n            matTreeNodeToggle\r\n            [attr.aria-label]=\"'toggle ' + node.name\"\r\n          >\r\n            <mat-icon\r\n              class=\"mat-icon-rtl-mirror\"\r\n              [svgIcon]=\"\r\n                componentTree.isExpanded(node)\r\n                  ? 'mat_outline:expand_more'\r\n                  : 'mat_outline:chevron_right'\r\n              \"\r\n            >\r\n            </mat-icon>\r\n          </button>\r\n          <span class=\"text-current\">{{ node.name }}</span>\r\n        </mat-tree-node>\r\n      </mat-tree>\r\n    </div>\r\n  </mat-select>\r\n}\r\n", styles: ["cmat-select-tree{display:block;width:100%;z-index:101}cmat-select-tree.hidden{display:none}cmat-select-tree .cmat-select-search-inner{overflow:hidden;position:fixed;line-height:45px;display:flex;flex-direction:row}cmat-select-tree .cmat-select-search-inner span{display:flex;place-items:center}cmat-select-tree .cmat-select-search-no-entries-found{width:100%;text-align:center;border-radius:.25rem;box-shadow:0 2px 8px #00000059}cmat-select-tree .cmat-select-search-input{padding-top:0;padding-bottom:0;height:47px!important;line-height:47px!important}cmat-select-tree .cmat-select-search-clear{top:3px;margin:0 10px}cmat-select-tree .cmat-select-search-icon{margin-right:0;margin-left:10px}cmat-select-tree .mat-mdc-option-pseudo-checkbox{display:none}cmat-select-tree .mat-tree-node{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: CmatSelectSearchComponent, selector: "cmat-select-search", inputs: ["placeholderLabel", "type", "noEntriesFoundLabel", "showNoFoundLabel", "clearSearchInput", "searching", "disableInitialFocus", "enableClearOnEscapePressed", "preventHomeEndKeyPropagation", "disableScrollToActiveOnOptionsChanged", "ariaLabel", "showToggleAllCheckbox", "toggleAllCheckboxChecked", "toggleAllCheckboxIndeterminate", "toggleAllCheckboxTooltipMessage", "toggleAllCheckboxTooltipPosition", "hideClearSearchButton", "alwaysRestoreSelectedOptionsMulti", "debounceTime", "optionsCount"], outputs: ["toggleAll"], exportAs: ["cmatSelectSearch"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i4.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i4.MatTreeNodePadding, selector: "[matTreeNodePadding]", inputs: ["matTreeNodePadding", "matTreeNodePaddingIndent"] }, { kind: "directive", type: i4.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i4.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i4.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i6.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSelectTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSelectTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-select-tree', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: MatFormFieldControl, useExisting: CmatSelectTreeComponent },

package/fesm2022/cmat-components-skeleton.mjs

@@ -37,10 +37,10 @@ class CmatSkeletonComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatSkeletonComponent, isStandalone: true, selector: "cmat-skeleton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"block\"", "attr.data-variant": "variant()" } }, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<div class=\"cmat-skeleton\" [class.cmat-skeleton-animated]=\"animated()\" [attr.data-variant]=\"variant()\">\r\n    @for (item of items(); track item) {\r\n        @switch (variant()) {\r\n            @case ('avatar') {\r\n                <div class=\"cmat-skeleton-avatar\"></div>\r\n            }\r\n            @case ('block') {\r\n                <div class=\"cmat-skeleton-block\" [style.width]=\"width()\" [style.height]=\"height()\"></div>\r\n            }\r\n            @case ('card') {\r\n                <div class=\"cmat-skeleton-card\">\r\n                    <div class=\"cmat-skeleton-line cmat-skeleton-line-title\"></div>\r\n                    <div class=\"cmat-skeleton-line\"></div>\r\n                    <div class=\"cmat-skeleton-line\"></div>\r\n                </div>\r\n            }\r\n            @default {\r\n                <div class=\"cmat-skeleton-line\" [style.width]=\"width()\" [style.height]=\"height()\"></div>\r\n            }\r\n        }\r\n    }\r\n</div>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}.cmat-skeleton{display:flex;flex-direction:column;gap:.75rem}.cmat-skeleton-line,.cmat-skeleton-block,.cmat-skeleton-avatar,.cmat-skeleton-card{position:relative;overflow:hidden;background:#e2e8f0}:host-context(.dark) .cmat-skeleton-line,:host-context(.dark) .cmat-skeleton-block,:host-context(.dark) .cmat-skeleton-avatar,:host-context(.dark) .cmat-skeleton-card{background:#334155}.cmat-skeleton-line,.cmat-skeleton-block{border-radius:9999px}.cmat-skeleton-block{border-radius:1rem}.cmat-skeleton-avatar{width:3rem;height:3rem;border-radius:9999px}.cmat-skeleton-card{display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;padding:1rem}.cmat-skeleton-line-title{width:60%;height:1.25rem}.cmat-skeleton-animated:after,.cmat-skeleton-line:after,.cmat-skeleton-block:after,.cmat-skeleton-avatar:after,.cmat-skeleton-card:after{content:\"\";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-repeat:no-repeat;background-size:200% 100%;background-position:200% 0;animation:cmat-skeleton-shimmer 1.4s infinite linear}:host-context(.dark) .cmat-skeleton-animated:after,:host-context(.dark) .cmat-skeleton-line:after,:host-context(.dark) .cmat-skeleton-block:after,:host-context(.dark) .cmat-skeleton-avatar:after,:host-context(.dark) .cmat-skeleton-card:after{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes cmat-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatSkeletonComponent, isStandalone: true, selector: "cmat-skeleton", inputs: { count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "\"block\"", "attr.data-variant": "variant()" } }, ngImport: i0, template: "<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<div class=\"cmat-skeleton\" [class.cmat-skeleton-animated]=\"animated()\" [attr.data-variant]=\"variant()\">\r\n    @for (item of items(); track item) {\r\n        @switch (variant()) {\r\n            @case ('avatar') {\r\n                <div class=\"cmat-skeleton-avatar\"></div>\r\n            }\r\n            @case ('block') {\r\n                <div class=\"cmat-skeleton-block\" [style.width]=\"width()\" [style.height]=\"height()\"></div>\r\n            }\r\n            @case ('card') {\r\n                <div class=\"cmat-skeleton-card\">\r\n                    <div class=\"cmat-skeleton-line cmat-skeleton-line-title\"></div>\r\n                    <div class=\"cmat-skeleton-line\"></div>\r\n                    <div class=\"cmat-skeleton-line\"></div>\r\n                </div>\r\n            }\r\n            @default {\r\n                <div class=\"cmat-skeleton-line\" [style.width]=\"width()\" [style.height]=\"height()\"></div>\r\n            }\r\n        }\r\n    }\r\n</div>\r\n<!-- eslint-enable @angular-eslint/template/no-inline-styles -->\r\n", styles: [":host{display:block}.cmat-skeleton{display:flex;flex-direction:column;gap:.75rem}.cmat-skeleton-line,.cmat-skeleton-block,.cmat-skeleton-avatar,.cmat-skeleton-card{position:relative;overflow:hidden;background:#e2e8f0}:host-context(.dark) .cmat-skeleton-line,:host-context(.dark) .cmat-skeleton-block,:host-context(.dark) .cmat-skeleton-avatar,:host-context(.dark) .cmat-skeleton-card{background:#334155}.cmat-skeleton-line,.cmat-skeleton-block{border-radius:9999px}.cmat-skeleton-block{border-radius:1rem}.cmat-skeleton-avatar{width:3rem;height:3rem;border-radius:9999px}.cmat-skeleton-card{display:flex;flex-direction:column;gap:.75rem;border-radius:1rem;padding:1rem}.cmat-skeleton-line-title{width:60%;height:1.25rem}.cmat-skeleton-animated:after,.cmat-skeleton-line:after,.cmat-skeleton-block:after,.cmat-skeleton-avatar:after,.cmat-skeleton-card:after{content:\"\";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);background-repeat:no-repeat;background-size:200% 100%;background-position:200% 0;animation:cmat-skeleton-shimmer 1.4s infinite linear}:host-context(.dark) .cmat-skeleton-animated:after,:host-context(.dark) .cmat-skeleton-line:after,:host-context(.dark) .cmat-skeleton-block:after,:host-context(.dark) .cmat-skeleton-avatar:after,:host-context(.dark) .cmat-skeleton-card:after{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent)}@keyframes cmat-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSkeletonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSkeletonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-skeleton', changeDetection: ChangeDetectionStrategy.OnPush, imports: [], host: {
                         // eslint-disable-next-line @typescript-eslint/naming-convention

package/fesm2022/cmat-components-speed-dial.mjs

@@ -126,12 +126,12 @@ class CmatSpeedDialActionsComponent {
     _changeElementStyle(elem, style, value) {
         this._renderer.setStyle(elem, style, value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSpeedDialActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatSpeedDialActionsComponent, isStandalone: true, selector: "cmat-speed-dial-actions", queries: [{ propertyName: "_buttons", predicate: MatMiniFabButton, isSignal: true }], ngImport: i0, template: `@if (miniFabVisible()) {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSpeedDialActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatSpeedDialActionsComponent, isStandalone: true, selector: "cmat-speed-dial-actions", queries: [{ propertyName: "_buttons", predicate: MatMiniFabButton, isSignal: true }], ngImport: i0, template: `@if (miniFabVisible()) {
         <ng-content select="[matFab], [matButton], [matIconButton], [matMiniFab]" />
     }`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSpeedDialActionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSpeedDialActionsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cmat-speed-dial-actions',
@@ -155,7 +155,8 @@ class CmatSpeedDialComponent {
         ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
         this.dialOpened = computed(() => this._open(), /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "dialOpened" }] : /* istanbul ignore next */ []));
-        this._childActions = contentChild.required(CmatSpeedDialActionsComponent);
+        this._childActions = contentChild.required(CmatSpeedDialActionsComponent, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_childActions" }] : /* istanbul ignore next */ []));
         this._elementRef = inject(ElementRef);
         this._renderer = inject(Renderer2);
         this._document = inject(DOCUMENT);
@@ -247,15 +248,15 @@ class CmatSpeedDialComponent {
             this._documentClickUnlistener = null;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSpeedDialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.2", type: CmatSpeedDialComponent, isStandalone: true, selector: "cmat-speed-dial", inputs: { fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, animationMode: { classPropertyName: "animationMode", publicName: "animationMode", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { properties: { "class.dial-opened": "dialOpened()" } }, queries: [{ propertyName: "_childActions", first: true, predicate: CmatSpeedDialActionsComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSpeedDialComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", type: CmatSpeedDialComponent, isStandalone: true, selector: "cmat-speed-dial", inputs: { fixed: { classPropertyName: "fixed", publicName: "fixed", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, animationMode: { classPropertyName: "animationMode", publicName: "animationMode", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange" }, host: { properties: { "class.dial-opened": "dialOpened()" } }, queries: [{ propertyName: "_childActions", first: true, predicate: CmatSpeedDialActionsComponent, descendants: true, isSignal: true }], ngImport: i0, template: `
         <div class="cmat-speed-dial-container">
             <ng-content select="cmat-speed-dial-trigger" />
             <ng-content select="cmat-speed-dial-actions" />
         </div>
     `, isInline: true, styles: ["cmat-speed-dial{display:inline-block}cmat-speed-dial.dial-opened .cmat-speed-dial-container cmat-speed-dial-trigger.dial-spin .spin180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}cmat-speed-dial.dial-opened .cmat-speed-dial-container cmat-speed-dial-trigger.dial-spin .spin360{-webkit-transform:rotate(360deg);transform:rotate(360deg)}cmat-speed-dial .cmat-speed-dial-container{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;z-index:20}cmat-speed-dial .cmat-speed-dial-container cmat-speed-dial-trigger{pointer-events:auto;z-index:24}cmat-speed-dial .cmat-speed-dial-container cmat-speed-dial-trigger.dial-spin .spin180,cmat-speed-dial .cmat-speed-dial-container cmat-speed-dial-trigger.dial-spin .spin360{-webkit-transition:all .6s cubic-bezier(.4,0,.2,1);transition:all .6s cubic-bezier(.4,0,.2,1)}cmat-speed-dial .cmat-speed-dial-container cmat-speed-dial-actions{display:-webkit-box;display:-webkit-flex;display:flex;position:absolute;height:0;width:0}cmat-speed-dial.dial-fling .cmat-speed-dial-container cmat-speed-dial-actions .cmat-action-item{display:block;opacity:1;-webkit-transition:all .3s cubic-bezier(.55,0,.55,.2);transition:all .3s cubic-bezier(.55,0,.55,.2)}cmat-speed-dial.dial-scale .cmat-speed-dial-container cmat-speed-dial-actions .cmat-action-item{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .3s cubic-bezier(.55,0,.55,.2);transition:all .3s cubic-bezier(.55,0,.55,.2);-webkit-transition-duration:.14286s;transition-duration:.14286s}cmat-speed-dial.dial-down cmat-speed-dial-actions{bottom:2px;left:0}cmat-speed-dial.dial-down .cmat-speed-dial-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}cmat-speed-dial.dial-down .cmat-speed-dial-container cmat-speed-dial-trigger{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}cmat-speed-dial.dial-down .cmat-speed-dial-container cmat-speed-dial-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-ordinal-group:3;-webkit-order:2;order:2}cmat-speed-dial.dial-down .cmat-speed-dial-container cmat-speed-dial-actions .cmat-action-item{margin-top:10px}cmat-speed-dial.dial-up cmat-speed-dial-actions{top:2px;left:0}cmat-speed-dial.dial-up .cmat-speed-dial-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}cmat-speed-dial.dial-up .cmat-speed-dial-container cmat-speed-dial-trigger{-webkit-box-ordinal-group:3;-webkit-order:2;order:2}cmat-speed-dial.dial-up .cmat-speed-dial-container cmat-speed-dial-actions{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}cmat-speed-dial.dial-up .cmat-speed-dial-container cmat-speed-dial-actions .cmat-action-item{margin-bottom:10px}cmat-speed-dial.dial-left cmat-speed-dial-actions{top:0;left:2px}cmat-speed-dial.dial-left .cmat-speed-dial-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}cmat-speed-dial.dial-left .cmat-speed-dial-container cmat-speed-dial-trigger{-webkit-box-ordinal-group:3;-webkit-order:2;order:2}cmat-speed-dial.dial-left .cmat-speed-dial-container cmat-speed-dial-actions{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-ordinal-group:2;-webkit-order:1;order:1}cmat-speed-dial.dial-left .cmat-speed-dial-container cmat-speed-dial-actions .cmat-action-item{margin-right:10px}cmat-speed-dial.dial-right cmat-speed-dial-actions{top:0;right:2px}cmat-speed-dial.dial-right .cmat-speed-dial-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}cmat-speed-dial.dial-right .cmat-speed-dial-container cmat-speed-dial-trigger{-webkit-box-ordinal-group:2;-webkit-order:1;order:1}cmat-speed-dial.dial-right .cmat-speed-dial-container cmat-speed-dial-actions{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-ordinal-group:3;-webkit-order:2;order:2}cmat-speed-dial.dial-right .cmat-speed-dial-container cmat-speed-dial-actions .cmat-action-item{margin-left:10px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSpeedDialComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSpeedDialComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-speed-dial', template: `
         <div class="cmat-speed-dial-container">
@@ -279,10 +280,10 @@ class CmatSpeedDialTriggerComponent {
             event.stopPropagation();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSpeedDialTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.2", type: CmatSpeedDialTriggerComponent, isStandalone: true, selector: "cmat-speed-dial-trigger", inputs: { spin: { classPropertyName: "spin", publicName: "spin", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.dial-spin": "spin()" } }, ngImport: i0, template: ' <ng-content select="[matFab], [matButton], [matIconButton], [matMiniFab]" />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSpeedDialTriggerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.8", type: CmatSpeedDialTriggerComponent, isStandalone: true, selector: "cmat-speed-dial-trigger", inputs: { spin: { classPropertyName: "spin", publicName: "spin", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.dial-spin": "spin()" } }, ngImport: i0, template: ' <ng-content select="[matFab], [matButton], [matIconButton], [matMiniFab]" />', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatSpeedDialTriggerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatSpeedDialTriggerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cmat-speed-dial-trigger',

package/fesm2022/cmat-components-speed-dial.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-speed-dial.mjs","sources":["../../../projects/cmat/components/speed-dial/speed-dial.component.ts","../../../projects/cmat/components/speed-dial/cmat-components-speed-dial.ts"],"sourcesContent":["import {\r\n    AfterContentInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    contentChildren,\r\n    DestroyRef,\r\n    ElementRef,\r\n    HostListener,\r\n    inject,\r\n    input,\r\n    output,\r\n    Renderer2,\r\n    ViewEncapsulation,\r\n    DOCUMENT,\r\n    computed,\r\n    effect,\r\n    signal,\r\n    untracked,\r\n    contentChild,\r\n} from '@angular/core';\r\nimport { MatMiniFabButton } from '@angular/material/button';\r\nimport { forkJoin, fromEvent, Subscription } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\n\r\nconst Z_INDEX_ITEM = 23;\r\n\r\nexport type Direction = 'up' | 'down' | 'left' | 'right';\r\nexport type AnimationMode = 'fling' | 'scale';\r\n\r\nfunction getHostElement(button: MatMiniFabButton): HTMLElement {\r\n    return button._elementRef.nativeElement;\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-speed-dial-actions',\r\n    template: `@if (miniFabVisible()) {\r\n        <ng-content select=\"[matFab], [matButton], [matIconButton], [matMiniFab]\" />\r\n    }`,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatSpeedDialActionsComponent implements AfterContentInit {\r\n    public readonly miniFabVisible = signal(false);\r\n\r\n    private readonly _buttons = contentChildren(MatMiniFabButton);\r\n\r\n    private readonly _renderer = inject(Renderer2);\r\n\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n\r\n    private _showMiniFabAnimation: number | null = null;\r\n    private _hideMiniFab: Subscription | null = null;\r\n    private _hideTimeoutId: number | null = null;\r\n\r\n    constructor() {\r\n        effect(() => {\r\n            const buttons = this._buttons();\r\n\r\n            untracked(() => {\r\n                if (buttons.length > 0) {\r\n                    this._initButtonStates();\r\n                }\r\n            });\r\n        });\r\n    }\r\n    ngAfterContentInit(): void {\r\n        this._parent.setActionsVisibility();\r\n    }\r\n\r\n    public show(): void {\r\n        this._resetAnimationState();\r\n        this._clearHideTimeout();\r\n        this.miniFabVisible.set(true);\r\n\r\n        this._showMiniFabAnimation = window.setTimeout(() => {\r\n            this._showMiniFabAnimation = null;\r\n            const buttons = this._buttons();\r\n            buttons.forEach((button, i) => {\r\n                let transitionDelay = 0;\r\n                let transform;\r\n                if (this._parent.animationMode() === 'scale') {\r\n                    transitionDelay = 3 + 65 * i;\r\n                    transform = 'scale(1)';\r\n                } else {\r\n                    transform = this._getTranslateFunction('0');\r\n                }\r\n\r\n                const hostElement = getHostElement(button);\r\n                this._changeElementStyle(hostElement, 'transition-delay', transitionDelay.toString() + 'ms');\r\n                this._changeElementStyle(hostElement, 'opacity', '1');\r\n                this._changeElementStyle(hostElement, 'transform', transform);\r\n            });\r\n        }, 50);\r\n    }\r\n\r\n    public hide(): void {\r\n        this._resetAnimationState();\r\n        this._clearHideTimeout();\r\n\r\n        const buttons = this._buttons();\r\n        if (buttons.length === 0) {\r\n            this.miniFabVisible.set(false);\r\n            return;\r\n        }\r\n\r\n        const obs = buttons.map((button, i) => {\r\n            let opacity = '1';\r\n            let transitionDelay = 0;\r\n            let transform;\r\n\r\n            if (this._parent.animationMode() === 'scale') {\r\n                transitionDelay = 3 - 65 * i;\r\n                transform = 'scale(0)';\r\n                opacity = '0';\r\n            } else {\r\n                transform = this._getTranslateFunction((55 * (i + 1) - i * 5).toString() + 'px');\r\n            }\r\n\r\n            const hostElement = getHostElement(button);\r\n\r\n            this._changeElementStyle(hostElement, 'transition-delay', transitionDelay.toString() + 'ms');\r\n            this._changeElementStyle(hostElement, 'opacity', opacity);\r\n            this._changeElementStyle(hostElement, 'transform', transform);\r\n\r\n            return fromEvent(hostElement, 'transitionend').pipe(take(1));\r\n        });\r\n        this._hideMiniFab = forkJoin(obs).subscribe(() => {\r\n            this._clearHideTimeout();\r\n            this.miniFabVisible.set(false);\r\n        });\r\n\r\n        this._hideTimeoutId = window.setTimeout(() => {\r\n            this._hideTimeoutId = null;\r\n            if (this._hideMiniFab) {\r\n                this._hideMiniFab.unsubscribe();\r\n                this._hideMiniFab = null;\r\n            }\r\n            this.miniFabVisible.set(false);\r\n        }, 500);\r\n    }\r\n\r\n    private _initButtonStates(): void {\r\n        const buttons = this._buttons();\r\n        buttons.forEach((button, i) => {\r\n            this._renderer.addClass(getHostElement(button), 'cmat-action-item');\r\n            this._changeElementStyle(getHostElement(button), 'z-index', '' + (Z_INDEX_ITEM - i).toString());\r\n        });\r\n    }\r\n\r\n    private _resetAnimationState(): void {\r\n        if (this._showMiniFabAnimation !== null) {\r\n            clearTimeout(this._showMiniFabAnimation);\r\n            this._showMiniFabAnimation = null;\r\n        }\r\n        if (this._hideMiniFab) {\r\n            this._hideMiniFab.unsubscribe();\r\n            this._hideMiniFab = null;\r\n        }\r\n    }\r\n\r\n    private _clearHideTimeout(): void {\r\n        if (this._hideTimeoutId !== null) {\r\n            clearTimeout(this._hideTimeoutId);\r\n            this._hideTimeoutId = null;\r\n        }\r\n    }\r\n\r\n    private _getTranslateFunction(value: string): string {\r\n        const dir = this._parent.direction();\r\n        const translateFn = dir === 'up' || dir === 'down' ? 'translateY' : 'translateX';\r\n        const sign = dir === 'down' || dir === 'right' ? '-' : '';\r\n\r\n        return translateFn + '(' + sign + value + ')';\r\n    }\r\n\r\n    private _changeElementStyle(elem: HTMLElement, style: string, value: string): void {\r\n        this._renderer.setStyle(elem, style, value);\r\n    }\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-speed-dial',\r\n    template: `\r\n        <div class=\"cmat-speed-dial-container\">\r\n            <ng-content select=\"cmat-speed-dial-trigger\" />\r\n            <ng-content select=\"cmat-speed-dial-actions\" />\r\n        </div>\r\n    `,\r\n    styleUrl: './speed-dial.component.scss',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    host: {\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        '[class.dial-opened]': 'dialOpened()',\r\n    }\r\n})\r\nexport class CmatSpeedDialComponent implements AfterContentInit {\r\n    public readonly openChange = output<boolean>();\r\n\r\n    readonly fixed = input<boolean>(false);\r\n    readonly direction = input<Direction>('up');\r\n    readonly animationMode = input<AnimationMode>('fling');\r\n    readonly open = input<boolean>(false);\r\n\r\n    readonly dialOpened = computed(() => this._open());\r\n\r\n    private _childActions = contentChild.required(CmatSpeedDialActionsComponent);\r\n\r\n    private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n    private readonly _renderer = inject(Renderer2);\r\n    private readonly _document = inject(DOCUMENT);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private _isInitialized = false;\r\n    private _documentClickUnlistener: VoidFunction | null = null;\r\n    private _openChangeTimeoutId: number | null = null;\r\n    private readonly _open = signal(false);\r\n\r\n    constructor() {\r\n        // Sync external open input to internal state\r\n        effect(() => {\r\n            const externalOpen = this.open();\r\n            setTimeout(() => {\r\n                // Use untracked to read current internal state without creating dependency\r\n                const currentInternalOpen = untracked(() => this._open());\r\n                // Only sync if values differ (external change detected)\r\n                if (currentInternalOpen !== externalOpen) {\r\n                    this._open.set(externalOpen);\r\n\r\n                    if (this._isInitialized) {\r\n                        untracked(() => this.setActionsVisibility());\r\n                    }\r\n                }\r\n            }, 200);\r\n        });\r\n\r\n        // Register cleanup logic previously in ngOnDestroy\r\n        this._destroyRef.onDestroy(() => {\r\n            this._unsetDocumentClickListener();\r\n            if (this._openChangeTimeoutId !== null) {\r\n                clearTimeout(this._openChangeTimeoutId);\r\n                this._openChangeTimeoutId = null;\r\n            }\r\n        });\r\n    }\r\n\r\n    ngAfterContentInit(): void {\r\n        this._isInitialized = true;\r\n        this._setElementClass(this.direction(), true);\r\n        this._setElementClass(this.animationMode(), true);\r\n    }\r\n\r\n    public toggle(): void {\r\n        this._open.update(v => !v);\r\n        this.setActionsVisibility();\r\n        this.emitOpenChange();\r\n    }\r\n\r\n    public setActionsVisibility(): void {\r\n        if (this._open()) {\r\n            this._childActions().show();\r\n        } else {\r\n            this._childActions().hide();\r\n        }\r\n        this._processOutsideClickState();\r\n    }\r\n\r\n    private emitOpenChange(): void {\r\n        if (this._openChangeTimeoutId !== null) {\r\n            clearTimeout(this._openChangeTimeoutId);\r\n        }\r\n        this._openChangeTimeoutId = window.setTimeout(() => {\r\n            this._openChangeTimeoutId = null;\r\n            this.openChange.emit(this._open());\r\n        });\r\n    }\r\n\r\n    private _setElementClass(elemClass: string, isAdd: boolean): void {\r\n        const finalClass = `dial-${elemClass}`;\r\n        if (isAdd) {\r\n            this._renderer.addClass(this._elementRef.nativeElement, finalClass);\r\n        } else {\r\n            this._renderer.removeClass(this._elementRef.nativeElement, finalClass);\r\n        }\r\n    }\r\n\r\n    private _processOutsideClickState(): void {\r\n        if (!this.fixed() && this._open()) {\r\n            this._setDocumentClickListener();\r\n        } else {\r\n            this._unsetDocumentClickListener();\r\n        }\r\n    }\r\n\r\n    private _setDocumentClickListener(): void {\r\n        this._documentClickUnlistener ??= this._renderer.listen(this._document, 'click', () => {\r\n            this._open.set(false);\r\n            this.setActionsVisibility();\r\n            this.emitOpenChange();\r\n        });\r\n    }\r\n\r\n    private _unsetDocumentClickListener(): void {\r\n        if (this._documentClickUnlistener) {\r\n            this._documentClickUnlistener();\r\n            this._documentClickUnlistener = null;\r\n        }\r\n    }\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-speed-dial-trigger',\r\n    template: ' <ng-content select=\"[matFab], [matButton], [matIconButton], [matMiniFab]\" />',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    host: {\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        '[class.dial-spin]': 'spin()',\r\n    }\r\n})\r\nexport class CmatSpeedDialTriggerComponent {\r\n    readonly spin = input<boolean>(false);\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n\r\n    @HostListener('click', ['$event'])\r\n    public onClick(event: Event): void {\r\n        if (!this._parent.fixed()) {\r\n            this._parent.toggle();\r\n            event.stopPropagation();\r\n        }\r\n    }\r\n}\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-speed-dial.mjs","sources":["../../../projects/cmat/components/speed-dial/speed-dial.component.ts","../../../projects/cmat/components/speed-dial/cmat-components-speed-dial.ts"],"sourcesContent":["import {\r\n    AfterContentInit,\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    contentChildren,\r\n    DestroyRef,\r\n    ElementRef,\r\n    HostListener,\r\n    inject,\r\n    input,\r\n    output,\r\n    Renderer2,\r\n    ViewEncapsulation,\r\n    DOCUMENT,\r\n    computed,\r\n    effect,\r\n    signal,\r\n    untracked,\r\n    contentChild,\r\n} from '@angular/core';\r\nimport { MatMiniFabButton } from '@angular/material/button';\r\nimport { forkJoin, fromEvent, Subscription } from 'rxjs';\r\nimport { take } from 'rxjs/operators';\r\n\r\nconst Z_INDEX_ITEM = 23;\r\n\r\nexport type Direction = 'up' | 'down' | 'left' | 'right';\r\nexport type AnimationMode = 'fling' | 'scale';\r\n\r\nfunction getHostElement(button: MatMiniFabButton): HTMLElement {\r\n    return button._elementRef.nativeElement;\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-speed-dial-actions',\r\n    template: `@if (miniFabVisible()) {\r\n        <ng-content select=\"[matFab], [matButton], [matIconButton], [matMiniFab]\" />\r\n    }`,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatSpeedDialActionsComponent implements AfterContentInit {\r\n    public readonly miniFabVisible = signal(false);\r\n\r\n    private readonly _buttons = contentChildren(MatMiniFabButton);\r\n\r\n    private readonly _renderer = inject(Renderer2);\r\n\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n\r\n    private _showMiniFabAnimation: number | null = null;\r\n    private _hideMiniFab: Subscription | null = null;\r\n    private _hideTimeoutId: number | null = null;\r\n\r\n    constructor() {\r\n        effect(() => {\r\n            const buttons = this._buttons();\r\n\r\n            untracked(() => {\r\n                if (buttons.length > 0) {\r\n                    this._initButtonStates();\r\n                }\r\n            });\r\n        });\r\n    }\r\n    ngAfterContentInit(): void {\r\n        this._parent.setActionsVisibility();\r\n    }\r\n\r\n    public show(): void {\r\n        this._resetAnimationState();\r\n        this._clearHideTimeout();\r\n        this.miniFabVisible.set(true);\r\n\r\n        this._showMiniFabAnimation = window.setTimeout(() => {\r\n            this._showMiniFabAnimation = null;\r\n            const buttons = this._buttons();\r\n            buttons.forEach((button, i) => {\r\n                let transitionDelay = 0;\r\n                let transform;\r\n                if (this._parent.animationMode() === 'scale') {\r\n                    transitionDelay = 3 + 65 * i;\r\n                    transform = 'scale(1)';\r\n                } else {\r\n                    transform = this._getTranslateFunction('0');\r\n                }\r\n\r\n                const hostElement = getHostElement(button);\r\n                this._changeElementStyle(hostElement, 'transition-delay', transitionDelay.toString() + 'ms');\r\n                this._changeElementStyle(hostElement, 'opacity', '1');\r\n                this._changeElementStyle(hostElement, 'transform', transform);\r\n            });\r\n        }, 50);\r\n    }\r\n\r\n    public hide(): void {\r\n        this._resetAnimationState();\r\n        this._clearHideTimeout();\r\n\r\n        const buttons = this._buttons();\r\n        if (buttons.length === 0) {\r\n            this.miniFabVisible.set(false);\r\n            return;\r\n        }\r\n\r\n        const obs = buttons.map((button, i) => {\r\n            let opacity = '1';\r\n            let transitionDelay = 0;\r\n            let transform;\r\n\r\n            if (this._parent.animationMode() === 'scale') {\r\n                transitionDelay = 3 - 65 * i;\r\n                transform = 'scale(0)';\r\n                opacity = '0';\r\n            } else {\r\n                transform = this._getTranslateFunction((55 * (i + 1) - i * 5).toString() + 'px');\r\n            }\r\n\r\n            const hostElement = getHostElement(button);\r\n\r\n            this._changeElementStyle(hostElement, 'transition-delay', transitionDelay.toString() + 'ms');\r\n            this._changeElementStyle(hostElement, 'opacity', opacity);\r\n            this._changeElementStyle(hostElement, 'transform', transform);\r\n\r\n            return fromEvent(hostElement, 'transitionend').pipe(take(1));\r\n        });\r\n        this._hideMiniFab = forkJoin(obs).subscribe(() => {\r\n            this._clearHideTimeout();\r\n            this.miniFabVisible.set(false);\r\n        });\r\n\r\n        this._hideTimeoutId = window.setTimeout(() => {\r\n            this._hideTimeoutId = null;\r\n            if (this._hideMiniFab) {\r\n                this._hideMiniFab.unsubscribe();\r\n                this._hideMiniFab = null;\r\n            }\r\n            this.miniFabVisible.set(false);\r\n        }, 500);\r\n    }\r\n\r\n    private _initButtonStates(): void {\r\n        const buttons = this._buttons();\r\n        buttons.forEach((button, i) => {\r\n            this._renderer.addClass(getHostElement(button), 'cmat-action-item');\r\n            this._changeElementStyle(getHostElement(button), 'z-index', '' + (Z_INDEX_ITEM - i).toString());\r\n        });\r\n    }\r\n\r\n    private _resetAnimationState(): void {\r\n        if (this._showMiniFabAnimation !== null) {\r\n            clearTimeout(this._showMiniFabAnimation);\r\n            this._showMiniFabAnimation = null;\r\n        }\r\n        if (this._hideMiniFab) {\r\n            this._hideMiniFab.unsubscribe();\r\n            this._hideMiniFab = null;\r\n        }\r\n    }\r\n\r\n    private _clearHideTimeout(): void {\r\n        if (this._hideTimeoutId !== null) {\r\n            clearTimeout(this._hideTimeoutId);\r\n            this._hideTimeoutId = null;\r\n        }\r\n    }\r\n\r\n    private _getTranslateFunction(value: string): string {\r\n        const dir = this._parent.direction();\r\n        const translateFn = dir === 'up' || dir === 'down' ? 'translateY' : 'translateX';\r\n        const sign = dir === 'down' || dir === 'right' ? '-' : '';\r\n\r\n        return translateFn + '(' + sign + value + ')';\r\n    }\r\n\r\n    private _changeElementStyle(elem: HTMLElement, style: string, value: string): void {\r\n        this._renderer.setStyle(elem, style, value);\r\n    }\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-speed-dial',\r\n    template: `\r\n        <div class=\"cmat-speed-dial-container\">\r\n            <ng-content select=\"cmat-speed-dial-trigger\" />\r\n            <ng-content select=\"cmat-speed-dial-actions\" />\r\n        </div>\r\n    `,\r\n    styleUrl: './speed-dial.component.scss',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    host: {\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        '[class.dial-opened]': 'dialOpened()',\r\n    }\r\n})\r\nexport class CmatSpeedDialComponent implements AfterContentInit {\r\n    public readonly openChange = output<boolean>();\r\n\r\n    readonly fixed = input<boolean>(false);\r\n    readonly direction = input<Direction>('up');\r\n    readonly animationMode = input<AnimationMode>('fling');\r\n    readonly open = input<boolean>(false);\r\n\r\n    readonly dialOpened = computed(() => this._open());\r\n\r\n    private _childActions = contentChild.required(CmatSpeedDialActionsComponent);\r\n\r\n    private readonly _elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\r\n    private readonly _renderer = inject(Renderer2);\r\n    private readonly _document = inject(DOCUMENT);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private _isInitialized = false;\r\n    private _documentClickUnlistener: VoidFunction | null = null;\r\n    private _openChangeTimeoutId: number | null = null;\r\n    private readonly _open = signal(false);\r\n\r\n    constructor() {\r\n        // Sync external open input to internal state\r\n        effect(() => {\r\n            const externalOpen = this.open();\r\n            setTimeout(() => {\r\n                // Use untracked to read current internal state without creating dependency\r\n                const currentInternalOpen = untracked(() => this._open());\r\n                // Only sync if values differ (external change detected)\r\n                if (currentInternalOpen !== externalOpen) {\r\n                    this._open.set(externalOpen);\r\n\r\n                    if (this._isInitialized) {\r\n                        untracked(() => this.setActionsVisibility());\r\n                    }\r\n                }\r\n            }, 200);\r\n        });\r\n\r\n        // Register cleanup logic previously in ngOnDestroy\r\n        this._destroyRef.onDestroy(() => {\r\n            this._unsetDocumentClickListener();\r\n            if (this._openChangeTimeoutId !== null) {\r\n                clearTimeout(this._openChangeTimeoutId);\r\n                this._openChangeTimeoutId = null;\r\n            }\r\n        });\r\n    }\r\n\r\n    ngAfterContentInit(): void {\r\n        this._isInitialized = true;\r\n        this._setElementClass(this.direction(), true);\r\n        this._setElementClass(this.animationMode(), true);\r\n    }\r\n\r\n    public toggle(): void {\r\n        this._open.update(v => !v);\r\n        this.setActionsVisibility();\r\n        this.emitOpenChange();\r\n    }\r\n\r\n    public setActionsVisibility(): void {\r\n        if (this._open()) {\r\n            this._childActions().show();\r\n        } else {\r\n            this._childActions().hide();\r\n        }\r\n        this._processOutsideClickState();\r\n    }\r\n\r\n    private emitOpenChange(): void {\r\n        if (this._openChangeTimeoutId !== null) {\r\n            clearTimeout(this._openChangeTimeoutId);\r\n        }\r\n        this._openChangeTimeoutId = window.setTimeout(() => {\r\n            this._openChangeTimeoutId = null;\r\n            this.openChange.emit(this._open());\r\n        });\r\n    }\r\n\r\n    private _setElementClass(elemClass: string, isAdd: boolean): void {\r\n        const finalClass = `dial-${elemClass}`;\r\n        if (isAdd) {\r\n            this._renderer.addClass(this._elementRef.nativeElement, finalClass);\r\n        } else {\r\n            this._renderer.removeClass(this._elementRef.nativeElement, finalClass);\r\n        }\r\n    }\r\n\r\n    private _processOutsideClickState(): void {\r\n        if (!this.fixed() && this._open()) {\r\n            this._setDocumentClickListener();\r\n        } else {\r\n            this._unsetDocumentClickListener();\r\n        }\r\n    }\r\n\r\n    private _setDocumentClickListener(): void {\r\n        this._documentClickUnlistener ??= this._renderer.listen(this._document, 'click', () => {\r\n            this._open.set(false);\r\n            this.setActionsVisibility();\r\n            this.emitOpenChange();\r\n        });\r\n    }\r\n\r\n    private _unsetDocumentClickListener(): void {\r\n        if (this._documentClickUnlistener) {\r\n            this._documentClickUnlistener();\r\n            this._documentClickUnlistener = null;\r\n        }\r\n    }\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-speed-dial-trigger',\r\n    template: ' <ng-content select=\"[matFab], [matButton], [matIconButton], [matMiniFab]\" />',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    host: {\r\n        // eslint-disable-next-line @typescript-eslint/naming-convention\r\n        '[class.dial-spin]': 'spin()',\r\n    }\r\n})\r\nexport class CmatSpeedDialTriggerComponent {\r\n    readonly spin = input<boolean>(false);\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n\r\n    @HostListener('click', ['$event'])\r\n    public onClick(event: Event): void {\r\n        if (!this._parent.fixed()) {\r\n            this._parent.toggle();\r\n            event.stopPropagation();\r\n        }\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -29,10 +29,10 @@ class CmatStatusTagComponent {
         }, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "classMap" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatStatusTagComponent, isStandalone: true, selector: "cmat-status-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null } }, 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>", 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: "22.0.8", ngImport: i0, type: CmatStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatStatusTagComponent, isStandalone: true, selector: "cmat-status-tag", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, dot: { classPropertyName: "dot", publicName: "dot", isSignal: true, isRequired: false, transformFunction: null } }, 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>", 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: "22.0.2", ngImport: i0, type: CmatStatusTagComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.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>", 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: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], dot: [{ type: i0.Input, args: [{ isSignal: true, alias: "dot", required: false }] }] } });

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

@@ -13,10 +13,10 @@ class CmatTableToolbarComponent {
         this.showCount = input(true, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "showCount" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: CmatTableToolbarComponent, isStandalone: true, selector: "cmat-table-toolbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null } }, 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>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: CmatTableToolbarComponent, isStandalone: true, selector: "cmat-table-toolbar", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, showCount: { classPropertyName: "showCount", publicName: "showCount", isSignal: true, isRequired: false, transformFunction: null } }, 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>", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTableToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.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>", styles: [":host{display:block}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], showCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCount", required: false }] }] } });

package/fesm2022/cmat-components-timeline.mjs

@@ -8,20 +8,20 @@ import { Observable } from 'rxjs';
 import { throttleTime, tap } from 'rxjs/operators';
 
 class CmatTimelineItemIconDirective {
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.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: "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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cmatTimelineItemLabel]',
@@ -60,10 +60,10 @@ class CmatTimelineItemComponent {
             this._contentEl().nativeElement.offsetHeight + 'px';
         this._fillEl().nativeElement.style.minWidth = 'unset';
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", 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: "22.0.2", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
             type: Component,
             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
@@ -136,10 +136,10 @@ class CmatTimelineComponent {
     _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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.0.8", 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: "22.0.2", ngImport: i0, type: CmatTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: CmatTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-timeline', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatTimeLine', imports: [], host: {
                         // eslint-disable-next-line @typescript-eslint/naming-convention