cmat 0.0.79 → 0.0.81

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    ChangeDetectorRef,\r\n    Component,\r\n    ContentChild,\r\n    ContentChildren,\r\n    ElementRef,\r\n    EventEmitter,\r\n    HostBinding,\r\n    HostListener,\r\n    inject,\r\n    Input,\r\n    OnDestroy,\r\n    Output,\r\n    QueryList,\r\n    Renderer2,\r\n    ViewEncapsulation,\r\n    DOCUMENT\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): any {\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=\"[matMiniFab]\" />\r\n    }`,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatSpeedDialActionsComponent implements AfterContentInit {\r\n    @ContentChildren(MatMiniFabButton) private _buttons!: QueryList<MatMiniFabButton>;\r\n    public miniFabVisible = false;\r\n\r\n    private readonly _renderer = inject(Renderer2);\r\n\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n    private _showMiniFabAnimation: ReturnType<typeof setTimeout> | undefined;\r\n    private _hideMiniFab: Subscription | null = null;\r\n    private _changeDetectorRef = inject(ChangeDetectorRef);\r\n\r\n    ngAfterContentInit(): void {\r\n        this._buttons.changes.subscribe(() => {\r\n            this._initButtonStates();\r\n            this._parent.setActionsVisibility();\r\n        });\r\n\r\n        this._initButtonStates();\r\n    }\r\n\r\n    public show(): void {\r\n        this._resetAnimationState();\r\n        this.miniFabVisible = true;\r\n\r\n        this._showMiniFabAnimation = setTimeout(() => {\r\n            this._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        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    public hide(): void {\r\n        this._resetAnimationState();\r\n\r\n        const obs = this._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(() => (this.miniFabVisible = false));\r\n\r\n        this._changeDetectorRef.markForCheck();\r\n    }\r\n\r\n    private _initButtonStates(): void {\r\n        this._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        clearTimeout(this._showMiniFabAnimation);\r\n        if (this._hideMiniFab) {\r\n            this._hideMiniFab.unsubscribe();\r\n            this._hideMiniFab = 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: any, 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})\r\nexport class CmatSpeedDialComponent implements OnDestroy, AfterContentInit {\r\n    @Output() public readonly openChange = new EventEmitter<boolean>();\r\n    @ContentChild(CmatSpeedDialActionsComponent) private _childActions!: 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\r\n    private _isInitialized = false;\r\n    private _direction: Direction = 'up';\r\n    private _open = false;\r\n    private _animationMode: AnimationMode = 'fling';\r\n    private _fixed = false;\r\n    private _documentClickUnlistener: VoidFunction | null = null;\r\n\r\n    @Input()\r\n    public get fixed(): boolean {\r\n        return this._fixed;\r\n    }\r\n\r\n    public set fixed(fixed: boolean) {\r\n        this._fixed = fixed;\r\n        this._processOutsideClickState();\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @HostBinding('class.dial-opened')\r\n    @Input()\r\n    public get open(): boolean {\r\n        return this._open;\r\n    }\r\n\r\n    public set open(open: boolean) {\r\n        const previousOpen = this._open;\r\n        this._open = open;\r\n        if (previousOpen !== this._open) {\r\n            this.openChange.emit(this._open);\r\n            if (this._isInitialized) {\r\n                this.setActionsVisibility();\r\n            }\r\n        }\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @Input()\r\n    public get direction(): Direction {\r\n        return this._direction;\r\n    }\r\n\r\n    public set direction(direction: Direction) {\r\n        const previousDirection = this._direction;\r\n        this._direction = direction;\r\n        if (previousDirection !== this.direction) {\r\n            this._setElementClass(previousDirection, false);\r\n            this._setElementClass(this.direction, true);\r\n\r\n            if (this._isInitialized) {\r\n                this.setActionsVisibility();\r\n            }\r\n        }\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @Input()\r\n    public get animationMode(): AnimationMode {\r\n        return this._animationMode;\r\n    }\r\n\r\n    public set animationMode(animationMode: AnimationMode) {\r\n        const previousAnimationMode = this._animationMode;\r\n        this._animationMode = animationMode;\r\n        if (previousAnimationMode !== this._animationMode) {\r\n            this._setElementClass(previousAnimationMode, false);\r\n            this._setElementClass(this.animationMode, true);\r\n\r\n            if (this._isInitialized) {\r\n                void Promise.resolve(null).then(() => (this.open = false));\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n\r\n    ngAfterContentInit(): void {\r\n        this._isInitialized = true;\r\n        this.setActionsVisibility();\r\n        this._setElementClass(this.direction, true);\r\n        this._setElementClass(this.animationMode, true);\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsetDocumentClickListener();\r\n    }\r\n\r\n    public toggle(): void {\r\n        this.open = !this.open;\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @HostListener('click')\r\n    public onClick(): void {\r\n        if (!this.fixed && this.open) {\r\n            this.open = false;\r\n        }\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 _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 = false;\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]\" />',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatSpeedDialTriggerComponent {\r\n    @Input() public spin = false;\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n\r\n    @HostBinding('class.dial-spin')\r\n    public get sp(): boolean {\r\n        return this.spin;\r\n    }\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    ContentChild,\r\n    ContentChildren,\r\n    DestroyRef,\r\n    ElementRef,\r\n    EventEmitter,\r\n    HostBinding,\r\n    HostListener,\r\n    inject,\r\n    Input,\r\n    OnDestroy,\r\n    Output,\r\n    QueryList,\r\n    Renderer2,\r\n    ViewEncapsulation,\r\n    DOCUMENT,\r\n    signal\r\n} from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\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=\"[matMiniFab]\" />\r\n    }`,\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatSpeedDialActionsComponent implements AfterContentInit, OnDestroy {\r\n    @ContentChildren(MatMiniFabButton) private _buttons!: QueryList<MatMiniFabButton>;\r\n    public readonly miniFabVisible = signal(false);\r\n\r\n    private readonly _renderer = inject(Renderer2);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\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    ngAfterContentInit(): void {\r\n        this._buttons.changes\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe(() => {\r\n                this._initButtonStates();\r\n                this._parent.setActionsVisibility();\r\n            });\r\n\r\n        this._initButtonStates();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._resetAnimationState();\r\n        this._clearHideTimeout();\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            this._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        if (this._buttons.length === 0) {\r\n            this.miniFabVisible.set(false);\r\n            return;\r\n        }\r\n\r\n        const obs = this._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        this._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: any, 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})\r\nexport class CmatSpeedDialComponent implements OnDestroy, AfterContentInit {\r\n    @Output() public readonly openChange = new EventEmitter<boolean>();\r\n    @ContentChild(CmatSpeedDialActionsComponent) private _childActions!: 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\r\n    private _isInitialized = false;\r\n    private _direction: Direction = 'up';\r\n    private _open = false;\r\n    private _animationMode: AnimationMode = 'fling';\r\n    private _fixed = false;\r\n    private _documentClickUnlistener: VoidFunction | null = null;\r\n\r\n    @Input()\r\n    public get fixed(): boolean {\r\n        return this._fixed;\r\n    }\r\n\r\n    public set fixed(fixed: boolean) {\r\n        this._fixed = fixed;\r\n        this._processOutsideClickState();\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @HostBinding('class.dial-opened')\r\n    @Input()\r\n    public get open(): boolean {\r\n        return this._open;\r\n    }\r\n\r\n    public set open(open: boolean) {\r\n        const previousOpen = this._open;\r\n        this._open = open;\r\n        if (previousOpen !== this._open) {\r\n            this.openChange.emit(this._open);\r\n            if (this._isInitialized) {\r\n                this.setActionsVisibility();\r\n            }\r\n        }\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @Input()\r\n    public get direction(): Direction {\r\n        return this._direction;\r\n    }\r\n\r\n    public set direction(direction: Direction) {\r\n        const previousDirection = this._direction;\r\n        this._direction = direction;\r\n        if (previousDirection !== this.direction) {\r\n            this._setElementClass(previousDirection, false);\r\n            this._setElementClass(this.direction, true);\r\n\r\n            if (this._isInitialized) {\r\n                this.setActionsVisibility();\r\n            }\r\n        }\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @Input()\r\n    public get animationMode(): AnimationMode {\r\n        return this._animationMode;\r\n    }\r\n\r\n    public set animationMode(animationMode: AnimationMode) {\r\n        const previousAnimationMode = this._animationMode;\r\n        this._animationMode = animationMode;\r\n        if (previousAnimationMode !== this._animationMode) {\r\n            this._setElementClass(previousAnimationMode, false);\r\n            this._setElementClass(this.animationMode, true);\r\n\r\n            if (this._isInitialized) {\r\n                void Promise.resolve(null).then(() => (this.open = false));\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n\r\n    ngAfterContentInit(): void {\r\n        this._isInitialized = true;\r\n        this.setActionsVisibility();\r\n        this._setElementClass(this.direction, true);\r\n        this._setElementClass(this.animationMode, true);\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._unsetDocumentClickListener();\r\n    }\r\n\r\n    public toggle(): void {\r\n        this.open = !this.open;\r\n    }\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    @HostListener('click')\r\n    public onClick(): void {\r\n        if (!this.fixed && this.open) {\r\n            this.open = false;\r\n        }\r\n    }\r\n\r\n    public setActionsVisibility(): void {\r\n        if (!this._childActions) {\r\n            return;\r\n        }\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 _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 = false;\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]\" />',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class CmatSpeedDialTriggerComponent {\r\n    @Input() public spin = false;\r\n    private readonly _parent = inject(CmatSpeedDialComponent);\r\n\r\n    @HostBinding('class.dial-spin')\r\n    public get sp(): boolean {\r\n        return this.spin;\r\n    }\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}","/**\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

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

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

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

package/fesm2022/cmat-components-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: "21.2.8", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineItemIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatTimelineItemIconDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemIcon]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineItemIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cmatTimelineItemIcon]'
                 }]
         }] });
 class CmatTimelineItemLabelDirective {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineItemLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatTimelineItemLabelDirective, isStandalone: true, selector: "ng-template[cmatTimelineItemLabel]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineItemLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ng-template[cmatTimelineItemLabel]'
@@ -39,10 +39,10 @@ class CmatTimelineItemComponent {
         this._fillEl.nativeElement.style.minHeight = this._contentEl.nativeElement.offsetHeight + 'px';
         this._fillEl.nativeElement.style.minWidth = 'unset';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: CmatTimelineItemComponent, isStandalone: true, selector: "cmat-timeline-item", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconUrl: "iconUrl" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customIconTpl", first: true, predicate: CmatTimelineItemIconDirective, descendants: true, read: TemplateRef }, { propertyName: "customLabelTpl", first: true, predicate: CmatTimelineItemLabelDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_contentEl", first: true, predicate: ["contentEl"], descendants: true, static: true }, { propertyName: "_fillEl", first: true, predicate: ["fillEl"], descendants: true, static: true }], exportAs: ["cmatTimelineItem"], ngImport: i0, template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>", styles: [".cmat-timeline-item{display:flex;gap:24px}.cmat-timeline-item:last-child .cmat-timeline-item-line{display:none}.cmat-timeline-item-timeline{display:flex;gap:8px}.cmat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.cmat-timeline-item-line{flex:1;background-color:var(--cmat-bg-status-bar)}.cmat-timeline-item-line:is(.dark *){background-color:#fff}.cmat-timeline-item-fill,.cmat-timeline-item-content{flex:1}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child){margin-bottom:8px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-label{width:100%;text-align:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-line{width:.1rem;height:auto;min-height:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-bottom:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:row}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child){margin-right:8px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-label{width:auto;text-align:left}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-line{width:auto;min-width:8px;height:.1rem}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-right:8px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CmatTimelineItemComponent, isStandalone: true, selector: "cmat-timeline-item", inputs: { label: "label", icon: "icon", svgIcon: "svgIcon", iconUrl: "iconUrl" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customIconTpl", first: true, predicate: CmatTimelineItemIconDirective, descendants: true, read: TemplateRef }, { propertyName: "customLabelTpl", first: true, predicate: CmatTimelineItemLabelDirective, descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "_contentEl", first: true, predicate: ["contentEl"], descendants: true, static: true }, { propertyName: "_fillEl", first: true, predicate: ["fillEl"], descendants: true, static: true }], exportAs: ["cmatTimelineItem"], ngImport: i0, template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>", styles: [".cmat-timeline-item{display:flex;gap:24px}.cmat-timeline-item:last-child .cmat-timeline-item-line{display:none}.cmat-timeline-item-timeline{display:flex;gap:8px}.cmat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.cmat-timeline-item-line{flex:1;background-color:var(--cmat-bg-status-bar)}.cmat-timeline-item-line:is(.dark *){background-color:#fff}.cmat-timeline-item-fill,.cmat-timeline-item-content{flex:1}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child){margin-bottom:8px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-label{width:100%;text-align:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-line{width:.1rem;height:auto;min-height:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-bottom:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:row}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child){margin-right:8px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-label{width:auto;text-align:left}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-line{width:auto;min-width:8px;height:.1rem}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-right:8px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}\n"], dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-timeline-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatTimelineItem', imports: [MatIconModule, NgTemplateOutlet], template: "<div #fillEl class=\"cmat-timeline-item-fill\"></div>\r\n\r\n<div class=\"cmat-timeline-item-timeline\">\r\n\r\n  <ng-container *ngTemplateOutlet=\"customIconTpl ? customIconTpl : iconTpl\"></ng-container>\r\n\r\n  <ng-template #iconTpl>\r\n    @if (icon) {\r\n      <mat-icon class=\"cmat-timeline-item-icon\">{{ icon }}</mat-icon>\r\n    } @else {\r\n      @if (svgIcon) {\r\n        <mat-icon class=\"cmat-timeline-item-icon\" [svgIcon]=\"svgIcon\"></mat-icon>\r\n      } @else {\r\n        @if (iconUrl) {\r\n          <img alt=\"icon\" class=\"cmat-timeline-item-icon\" [src]=\"iconUrl\" />\r\n        }\r\n      }\r\n    }\r\n  </ng-template>\r\n\r\n\r\n\r\n  <ng-container *ngTemplateOutlet=\"customLabelTpl ? customLabelTpl : labelTpl\"></ng-container>\r\n\r\n  <ng-template #labelTpl>\r\n    @if (label) {\r\n      <div class=\"mat-caption cmat-timeline-item-label\">{{ label }}</div>\r\n    }\r\n  </ng-template>\r\n\r\n  <div class=\"cmat-timeline-item-line\"></div>\r\n\r\n</div>\r\n\r\n<div #contentEl class=\"cmat-timeline-item-content\">\r\n  <ng-content></ng-content>\r\n</div>", styles: [".cmat-timeline-item{display:flex;gap:24px}.cmat-timeline-item:last-child .cmat-timeline-item-line{display:none}.cmat-timeline-item-timeline{display:flex;gap:8px}.cmat-timeline-item-icon{margin:0;padding:0;width:24px;height:24px;object-fit:cover;border-radius:50%}.cmat-timeline-item-line{flex:1;background-color:var(--cmat-bg-status-bar)}.cmat-timeline-item-line:is(.dark *){background-color:#fff}.cmat-timeline-item-fill,.cmat-timeline-item-content{flex:1}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child){margin-bottom:8px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-timeline{min-width:48px;max-width:48px;flex-direction:column;justify-content:flex-start;align-items:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-label{width:100%;text-align:center}.cmat-timeline-vertical>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-line{width:.1rem;height:auto;min-height:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-bottom:8px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-bottom:48px}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-bottom:0}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:row}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:row}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{text-align:left;display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:row-reverse}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-vertical.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{text-align:right;display:flex;justify-content:flex-end;align-items:flex-start}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item{justify-content:flex-start;align-items:stretch}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child){margin-right:8px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-fill,.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item:not(:last-child) .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-timeline{min-height:48px;max-height:48px;flex-direction:row;justify-content:flex-start;align-items:center}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-label{width:auto;text-align:left}.cmat-timeline-horizontal .cmat-timeline-content>.cmat-timeline-item .cmat-timeline-item-line{width:auto;min-width:8px;height:.1rem}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child{margin-right:8px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-line{display:block}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-fill,.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:last-child .cmat-timeline-item-content{margin-right:48px}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-line{display:none}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content .cmat-timeline-item:first-child .cmat-timeline-item-content{margin-right:0}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item{flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-start>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n){flex-direction:column}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(2n) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-start}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd){flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-center-alt>.cmat-timeline-content .cmat-timeline-item:nth-child(odd) .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item{flex-direction:column-reverse}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-content{display:flex;justify-content:flex-start;align-items:flex-end}.cmat-timeline-horizontal.cmat-timeline-end>.cmat-timeline-content .cmat-timeline-item .cmat-timeline-item-fill{display:none}\n"] }]
         }], propDecorators: { label: [{
@@ -130,10 +130,10 @@ class CmatTimelineComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.8", type: CmatTimelineComponent, isStandalone: true, selector: "cmat-timeline", inputs: { position: "position", orientation: "orientation", reverse: "reverse" }, host: { properties: { "class.cmat-timeline-start": "this.isStartPosition", "class.cmat-timeline-end": "this.isEndPosition", "class.cmat-timeline-center": "this.isCenterPosition", "class.cmat-timeline-center-alt": "this.isCenterAltPosition", "class.cmat-timeline-vertical": "this.isVerticalOrientation", "class.cmat-timeline-horizontal": "this.isHorizontalOrientation", "class.cmat-timeline-reverse": "this.isReverse" } }, queries: [{ propertyName: "items", predicate: CmatTimelineItemComponent }], exportAs: ["cmatTimeLine"], ngImport: i0, template: "<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cmat-timeline{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;overflow:auto}.cmat-timeline-content{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;min-width:min-content;min-height:min-content}.cmat-timeline-center>.cmat-timeline-content,.cmat-timeline-center-alt>.cmat-timeline-content{align-items:center}.cmat-timeline-vertical>.cmat-timeline-content{flex-direction:column}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:column-reverse}.cmat-timeline-horizontal>.cmat-timeline-content{flex-direction:row}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", type: CmatTimelineComponent, isStandalone: true, selector: "cmat-timeline", inputs: { position: "position", orientation: "orientation", reverse: "reverse" }, host: { properties: { "class.cmat-timeline-start": "this.isStartPosition", "class.cmat-timeline-end": "this.isEndPosition", "class.cmat-timeline-center": "this.isCenterPosition", "class.cmat-timeline-center-alt": "this.isCenterAltPosition", "class.cmat-timeline-vertical": "this.isVerticalOrientation", "class.cmat-timeline-horizontal": "this.isHorizontalOrientation", "class.cmat-timeline-reverse": "this.isReverse" } }, queries: [{ propertyName: "items", predicate: CmatTimelineItemComponent }], exportAs: ["cmatTimeLine"], ngImport: i0, template: "<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cmat-timeline{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;overflow:auto}.cmat-timeline-content{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;min-width:min-content;min-height:min-content}.cmat-timeline-center>.cmat-timeline-content,.cmat-timeline-center-alt>.cmat-timeline-content{align-items:center}.cmat-timeline-vertical>.cmat-timeline-content{flex-direction:column}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:column-reverse}.cmat-timeline-horizontal>.cmat-timeline-content{flex-direction:row}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:row-reverse}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cmat-timeline', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'cmatTimeLine', imports: [], template: "<div class=\"cmat-timeline-content\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".cmat-timeline{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;overflow:auto}.cmat-timeline-content{margin:0;padding:0;width:100%;display:flex;justify-content:stretch;align-items:stretch;min-width:min-content;min-height:min-content}.cmat-timeline-center>.cmat-timeline-content,.cmat-timeline-center-alt>.cmat-timeline-content{align-items:center}.cmat-timeline-vertical>.cmat-timeline-content{flex-direction:column}.cmat-timeline-vertical.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:column-reverse}.cmat-timeline-horizontal>.cmat-timeline-content{flex-direction:row}.cmat-timeline-horizontal.cmat-timeline-reverse>.cmat-timeline-content{flex-direction:row-reverse}\n"] }]
         }], propDecorators: { items: [{