cmat 0.0.79 → 0.0.81

package/fesm2022/cmat-directives-arrow-cursor.mjs

@@ -10,10 +10,19 @@ class CmatArrowCursorDirective {
         this.enabled = false;
         this.selector = '.carousel-arrow-cursor';
         this.clickEvent = new EventEmitter();
+        this.cursorAnimationFrame = null;
+        this.isPhone = false;
         this.arrowCursor = null;
+        this.cursorClientX = 0;
+        this.cursorClientY = 0;
+        this.cursorIcon = null;
+        this.cursorSide = null;
+        this.oldCursorSide = null;
         this._document = inject(DOCUMENT);
         this._cmatMediaWatcherService = inject(CmatMediaWatcherService);
         this._destroyRef = inject(DestroyRef);
+        this._isCursorActive = false;
+        this._boundMoveCursor = this.moveCursor.bind(this);
     }
     onMouseEnter(event) {
         if (!this.isPhone && this.enabled) {
@@ -26,53 +35,56 @@ class CmatArrowCursorDirective {
                     this.cursorIcon.style.opacity = '0';
                 }
             }
-            this.cursorAnimationFrame = requestAnimationFrame(this.moveCursor.bind(this));
             this.cursorClientX = event.clientX;
             this.cursorClientY = event.clientY;
             let t;
             if (this.orientation === 'horizontal') {
                 this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';
-                t = (this.cursorClientY < (event.target.getBoundingClientRect().top + event.target.getBoundingClientRect().height / 2))
-                    ? -135
-                    : (this.cursorSide === 'right' ? 135 : -315);
+                const target = event.target;
+                if (target) {
+                    t = (this.cursorClientY < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))
+                        ? -135
+                        : (this.cursorSide === 'right' ? 135 : -315);
+                }
+                else {
+                    t = -135;
+                }
             }
             else {
                 this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';
-                t = (this.cursorClientX < (event.target.getBoundingClientRect().left + event.target.getBoundingClientRect().width / 2))
-                    ? 135
-                    : (this.cursorSide === 'down' ? -135 : 45);
+                const target = event.target;
+                if (target) {
+                    t = (this.cursorClientX < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))
+                        ? 135
+                        : (this.cursorSide === 'down' ? -135 : 45);
+                }
+                else {
+                    t = 135;
+                }
             }
             if (this.cursorIcon) {
                 this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg)';
                 this.cursorIcon.style.transition = this.animationDuration + 's';
-                switch (this.cursorSide) {
-                    case 'left':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-180deg)';
-                        break;
-                    case 'up':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-90deg)';
-                        break;
-                    case 'right':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,0deg)';
-                        break;
-                    case 'down':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,90deg)';
-                        break;
-                }
+                this._applyCursorRotation(this.cursorSide);
                 this.cursorIcon.style.opacity = '1';
             }
+            this._startCursorLoop();
         }
     }
     onMouseLeave(event) {
         if (!this.isPhone && this.enabled) {
             let t;
+            const target = event.target;
+            if (!target) {
+                return;
+            }
             if (this.orientation === 'horizontal') {
-                t = (this.cursorClientY < (event.target.getBoundingClientRect().top + event.target.getBoundingClientRect().height / 2))
+                t = (this.cursorClientY < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))
                     ? (('right' === this.cursorSide) ? -135 : -45)
                     : (('right' === this.cursorSide) ? 135 : -315);
             }
             else {
-                t = (this.cursorClientX < (event.target.getBoundingClientRect().left + event.target.getBoundingClientRect().width / 2))
+                t = (this.cursorClientX < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))
                     ? (('down' === this.cursorSide) ? 225 : -225)
                     : (('down' === this.cursorSide) ? -45 : 45);
             }
@@ -81,7 +93,7 @@ class CmatArrowCursorDirective {
                 this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg) scale3d(0.3,0.3,1)';
                 this.cursorIcon.style.opacity = '0';
             }
-            window.cancelAnimationFrame(this.cursorAnimationFrame);
+            this._stopCursorLoop();
         }
     }
     onMouseOver(event) {
@@ -96,20 +108,7 @@ class CmatArrowCursorDirective {
             }
             if (this.oldCursorSide !== this.cursorSide) {
                 this.cursorIcon.style.transition = this.animationDuration + 's';
-                switch (this.cursorSide) {
-                    case 'left':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-180deg)';
-                        break;
-                    case 'up':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-90deg)';
-                        break;
-                    case 'right':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,0deg)';
-                        break;
-                    case 'down':
-                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,90deg)';
-                        break;
-                }
+                this._applyCursorRotation(this.cursorSide);
                 this.oldCursorSide = this.cursorSide;
             }
         }
@@ -128,20 +127,44 @@ class CmatArrowCursorDirective {
         });
     }
     ngOnDestroy() {
-        if (this.cursorAnimationFrame) {
-            window.cancelAnimationFrame(this.cursorAnimationFrame);
-        }
+        this._stopCursorLoop();
     }
     moveCursor() {
-        if (!this.isPhone && this.arrowCursor && this.enabled) {
+        if (this._isCursorActive && this.arrowCursor) {
             this.arrowCursor.style.transform = 'translate3d(' + this.cursorClientX + 'px,' + this.cursorClientY + 'px,0px)';
-            this.cursorAnimationFrame = requestAnimationFrame(this.moveCursor.bind(this));
+            this.cursorAnimationFrame = requestAnimationFrame(this._boundMoveCursor);
+        }
+    }
+    _startCursorLoop() {
+        this._isCursorActive = true;
+        this.cursorAnimationFrame = requestAnimationFrame(this._boundMoveCursor);
+    }
+    _stopCursorLoop() {
+        this._isCursorActive = false;
+        if (this.cursorAnimationFrame !== null) {
+            window.cancelAnimationFrame(this.cursorAnimationFrame);
+            this.cursorAnimationFrame = null;
+        }
+    }
+    _applyCursorRotation(side) {
+        if (!this.cursorIcon) {
+            return;
+        }
+        const rotationMap = {
+            'left': 'rotate3d(0,0,1,-180deg)',
+            'up': 'rotate3d(0,0,1,-90deg)',
+            'right': 'rotate3d(0,0,1,0deg)',
+            'down': 'rotate3d(0,0,1,90deg)'
+        };
+        const transform = side ? rotationMap[side] : null;
+        if (transform) {
+            this.cursorIcon.style.transform = transform;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatArrowCursorDirective, isStandalone: true, selector: "[cmatArrowCursor]", inputs: { animationDuration: "animationDuration", orientation: "orientation", enabled: "enabled", selector: "selector" }, outputs: { clickEvent: "clickEvent" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "mousemove": "onMouseOver($event)", "click": "onClick($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatArrowCursorDirective, isStandalone: true, selector: "[cmatArrowCursor]", inputs: { animationDuration: "animationDuration", orientation: "orientation", enabled: "enabled", selector: "selector" }, outputs: { clickEvent: "clickEvent" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave($event)", "mousemove": "onMouseOver($event)", "click": "onClick($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatArrowCursorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatArrowCursorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatArrowCursor]'

package/fesm2022/cmat-directives-arrow-cursor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-directives-arrow-cursor.mjs","sources":["../../../projects/cmat/directives/arrow-cursor/arrow-cursor.directive.ts","../../../projects/cmat/directives/arrow-cursor/cmat-directives-arrow-cursor.ts"],"sourcesContent":["import { Directive, AfterViewInit, DestroyRef, EventEmitter, HostListener, Input, OnDestroy, Output, DOCUMENT, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\n\r\n@Directive({\r\n    selector: '[cmatArrowCursor]'\r\n})\r\nexport class CmatArrowCursorDirective implements AfterViewInit, OnDestroy {\r\n    @Input() animationDuration: number = 0.3;\r\n    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';\r\n    @Input() enabled: boolean = false;\r\n    @Input() selector: string = '.carousel-arrow-cursor';\r\n    @Output() clickEvent: EventEmitter<string | null> = new EventEmitter<string | null>();\r\n\r\n    cursorAnimationFrame: any;\r\n    isPhone: boolean;\r\n    arrowCursor: HTMLDivElement | null = null;\r\n    cursorClientX: number;\r\n    cursorClientY: number;\r\n    cursorIcon: SVGElement | null;\r\n    cursorSide: string | null;\r\n    oldCursorSide: string | null;\r\n\r\n    private _document = inject<Document>(DOCUMENT);\r\n    private _cmatMediaWatcherService = inject(CmatMediaWatcherService);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n\r\n    @HostListener('mouseenter', ['$event'])\r\n    public onMouseEnter(event: any): void {\r\n        if (!this.isPhone && this.enabled) {\r\n            this.arrowCursor ??= this._document.querySelector(this.selector);\r\n            if (this.cursorIcon == null) {\r\n                this.cursorIcon = this.arrowCursor?.querySelector('.arrow-cursor-icon') ?? null;\r\n                this.cursorSide = null;\r\n\r\n                if (this.cursorIcon) {\r\n                    this.cursorIcon.style.transform = 'rotate3d(0,0,1,-135deg) scale3d(0.5,0.5,1)';\r\n                    this.cursorIcon.style.opacity = '0';\r\n                }\r\n            }\r\n\r\n            this.cursorAnimationFrame = requestAnimationFrame(this.moveCursor.bind(this));\r\n            this.cursorClientX = event.clientX;\r\n            this.cursorClientY = event.clientY;\r\n\r\n            let t;\r\n\r\n            if (this.orientation === 'horizontal') {\r\n                this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';\r\n\r\n                t = (this.cursorClientY < (event.target.getBoundingClientRect().top + event.target.getBoundingClientRect().height / 2))\r\n                    ? -135\r\n                    : (this.cursorSide === 'right' ? 135 : -315);\r\n            } else {\r\n                this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';\r\n\r\n                t = (this.cursorClientX < (event.target.getBoundingClientRect().left + event.target.getBoundingClientRect().width / 2))\r\n                    ? 135\r\n                    : (this.cursorSide === 'down' ? -135 : 45);\r\n            }\r\n\r\n            if (this.cursorIcon) {\r\n                this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg)';\r\n\r\n                this.cursorIcon.style.transition = this.animationDuration + 's';\r\n\r\n                switch (this.cursorSide) {\r\n                    case 'left':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-180deg)';\r\n                        break;\r\n                    case 'up':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-90deg)';\r\n                        break;\r\n                    case 'right':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,0deg)';\r\n                        break;\r\n                    case 'down':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,90deg)';\r\n                        break;\r\n                }\r\n\r\n                this.cursorIcon.style.opacity = '1';\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('mouseleave', ['$event'])\r\n    public onMouseLeave(event: any): void {\r\n        if (!this.isPhone && this.enabled) {\r\n            let t;\r\n\r\n            if (this.orientation === 'horizontal') {\r\n                t = (this.cursorClientY < (event.target.getBoundingClientRect().top + event.target.getBoundingClientRect().height / 2))\r\n                    ? (('right' === this.cursorSide) ? -135 : -45)\r\n                    : (('right' === this.cursorSide) ? 135 : -315);\r\n            } else {\r\n                t = (this.cursorClientX < (event.target.getBoundingClientRect().left + event.target.getBoundingClientRect().width / 2))\r\n                    ? (('down' === this.cursorSide) ? 225 : -225)\r\n                    : (('down' === this.cursorSide) ? -45 : 45);\r\n            }\r\n\r\n            if (this.cursorIcon) {\r\n                this.cursorIcon.style.transition = this.animationDuration + 's';\r\n                this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg) scale3d(0.3,0.3,1)';\r\n                this.cursorIcon.style.opacity = '0';\r\n            }\r\n\r\n            window.cancelAnimationFrame(this.cursorAnimationFrame);\r\n        }\r\n    }\r\n\r\n    @HostListener('mousemove', ['$event'])\r\n    public onMouseOver(event: any): void {\r\n        if (!this.isPhone && this.cursorIcon && this.enabled) {\r\n            this.cursorClientX = event.clientX;\r\n            this.cursorClientY = event.clientY;\r\n\r\n            if (this.orientation === 'horizontal') {\r\n                this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';\r\n            } else {\r\n                this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';\r\n            }\r\n\r\n            if (this.oldCursorSide !== this.cursorSide) {\r\n                this.cursorIcon.style.transition = this.animationDuration + 's';\r\n                switch (this.cursorSide) {\r\n                    case 'left':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-180deg)';\r\n                        break;\r\n                    case 'up':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,-90deg)';\r\n                        break;\r\n                    case 'right':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,0deg)';\r\n                        break;\r\n                    case 'down':\r\n                        this.cursorIcon.style.transform = 'rotate3d(0,0,1,90deg)';\r\n                        break;\r\n                }\r\n                this.oldCursorSide = this.cursorSide;\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    onClick(event: Event): void {\r\n        if (!this.isPhone && this.cursorIcon && this.enabled) {\r\n            this.clickEvent.emit(this.cursorSide);\r\n\r\n            event.stopPropagation();\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe(({ matchingAliases }) => {\r\n                this.isPhone = !matchingAliases.includes('lg');\r\n            });\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        if (this.cursorAnimationFrame) {\r\n            window.cancelAnimationFrame(this.cursorAnimationFrame);\r\n        }\r\n    }\r\n\r\n    moveCursor(): void {\r\n        if (!this.isPhone && this.arrowCursor && this.enabled) {\r\n            this.arrowCursor.style.transform = 'translate3d(' + this.cursorClientX + 'px,' + this.cursorClientY + 'px,0px)';\r\n\r\n            this.cursorAnimationFrame = requestAnimationFrame(this.moveCursor.bind(this));\r\n        }\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-directives-arrow-cursor.mjs","sources":["../../../projects/cmat/directives/arrow-cursor/arrow-cursor.directive.ts","../../../projects/cmat/directives/arrow-cursor/cmat-directives-arrow-cursor.ts"],"sourcesContent":["import { Directive, AfterViewInit, DestroyRef, EventEmitter, HostListener, Input, OnDestroy, Output, DOCUMENT, inject } from '@angular/core';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\n\r\n@Directive({\r\n    selector: '[cmatArrowCursor]'\r\n})\r\nexport class CmatArrowCursorDirective implements AfterViewInit, OnDestroy {\r\n    @Input() animationDuration: number = 0.3;\r\n    @Input() orientation: 'horizontal' | 'vertical' = 'horizontal';\r\n    @Input() enabled: boolean = false;\r\n    @Input() selector: string = '.carousel-arrow-cursor';\r\n    @Output() clickEvent: EventEmitter<string | null> = new EventEmitter<string | null>();\r\n\r\n    cursorAnimationFrame: number | null = null;\r\n    isPhone = false;\r\n    arrowCursor: HTMLDivElement | null = null;\r\n    cursorClientX = 0;\r\n    cursorClientY = 0;\r\n    cursorIcon: SVGElement | null = null;\r\n    cursorSide: string | null = null;\r\n    oldCursorSide: string | null = null;\r\n\r\n    private _document = inject<Document>(DOCUMENT);\r\n    private _cmatMediaWatcherService = inject(CmatMediaWatcherService);\r\n    private readonly _destroyRef = inject(DestroyRef);\r\n    private _isCursorActive = false;\r\n    private readonly _boundMoveCursor = this.moveCursor.bind(this);\r\n\r\n    @HostListener('mouseenter', ['$event'])\r\n    public onMouseEnter(event: MouseEvent): void {\r\n        if (!this.isPhone && this.enabled) {\r\n            this.arrowCursor ??= this._document.querySelector(this.selector);\r\n            if (this.cursorIcon == null) {\r\n                this.cursorIcon = this.arrowCursor?.querySelector('.arrow-cursor-icon') ?? null;\r\n                this.cursorSide = null;\r\n\r\n                if (this.cursorIcon) {\r\n                    this.cursorIcon.style.transform = 'rotate3d(0,0,1,-135deg) scale3d(0.5,0.5,1)';\r\n                    this.cursorIcon.style.opacity = '0';\r\n                }\r\n            }\r\n\r\n            this.cursorClientX = event.clientX;\r\n            this.cursorClientY = event.clientY;\r\n\r\n            let t;\r\n\r\n            if (this.orientation === 'horizontal') {\r\n                this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';\r\n\r\n                const target = event.target as HTMLElement | null;\r\n                if (target) {\r\n                    t = (this.cursorClientY < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))\r\n                        ? -135\r\n                        : (this.cursorSide === 'right' ? 135 : -315);\r\n                } else {\r\n                    t = -135;\r\n                }\r\n            } else {\r\n                this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';\r\n\r\n                const target = event.target as HTMLElement | null;\r\n                if (target) {\r\n                    t = (this.cursorClientX < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))\r\n                        ? 135\r\n                        : (this.cursorSide === 'down' ? -135 : 45);\r\n                } else {\r\n                    t = 135;\r\n                }\r\n            }\r\n\r\n            if (this.cursorIcon) {\r\n                this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg)';\r\n                this.cursorIcon.style.transition = this.animationDuration + 's';\r\n                this._applyCursorRotation(this.cursorSide);\r\n                this.cursorIcon.style.opacity = '1';\r\n            }\r\n\r\n            this._startCursorLoop();\r\n        }\r\n    }\r\n\r\n    @HostListener('mouseleave', ['$event'])\r\n    public onMouseLeave(event: MouseEvent): void {\r\n        if (!this.isPhone && this.enabled) {\r\n            let t;\r\n\r\n            const target = event.target as HTMLElement | null;\r\n            if (!target) {\r\n                return;\r\n            }\r\n\r\n            if (this.orientation === 'horizontal') {\r\n                    t = (this.cursorClientY < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))\r\n                    ? (('right' === this.cursorSide) ? -135 : -45)\r\n                    : (('right' === this.cursorSide) ? 135 : -315);\r\n            } else {\r\n                t = (this.cursorClientX < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))\r\n                    ? (('down' === this.cursorSide) ? 225 : -225)\r\n                    : (('down' === this.cursorSide) ? -45 : 45);\r\n            }\r\n\r\n            if (this.cursorIcon) {\r\n                this.cursorIcon.style.transition = this.animationDuration + 's';\r\n                this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg) scale3d(0.3,0.3,1)';\r\n                this.cursorIcon.style.opacity = '0';\r\n            }\r\n\r\n            this._stopCursorLoop();\r\n        }\r\n    }\r\n\r\n    @HostListener('mousemove', ['$event'])\r\n    public onMouseOver(event: MouseEvent): void {\r\n        if (!this.isPhone && this.cursorIcon && this.enabled) {\r\n            this.cursorClientX = event.clientX;\r\n            this.cursorClientY = event.clientY;\r\n\r\n            if (this.orientation === 'horizontal') {\r\n                this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';\r\n            } else {\r\n                this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';\r\n            }\r\n\r\n            if (this.oldCursorSide !== this.cursorSide) {\r\n                this.cursorIcon.style.transition = this.animationDuration + 's';\r\n                this._applyCursorRotation(this.cursorSide);\r\n                this.oldCursorSide = this.cursorSide;\r\n            }\r\n        }\r\n    }\r\n\r\n    @HostListener('click', ['$event'])\r\n    onClick(event: Event): void {\r\n        if (!this.isPhone && this.cursorIcon && this.enabled) {\r\n            this.clickEvent.emit(this.cursorSide);\r\n\r\n            event.stopPropagation();\r\n        }\r\n    }\r\n\r\n    ngAfterViewInit(): void {\r\n        this._cmatMediaWatcherService.onMediaChange$\r\n            .pipe(takeUntilDestroyed(this._destroyRef))\r\n            .subscribe(({ matchingAliases }) => {\r\n                this.isPhone = !matchingAliases.includes('lg');\r\n            });\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._stopCursorLoop();\r\n    }\r\n\r\n    moveCursor(): void {\r\n        if (this._isCursorActive && this.arrowCursor) {\r\n            this.arrowCursor.style.transform = 'translate3d(' + this.cursorClientX + 'px,' + this.cursorClientY + 'px,0px)';\r\n            this.cursorAnimationFrame = requestAnimationFrame(this._boundMoveCursor);\r\n        }\r\n    }\r\n\r\n    private _startCursorLoop(): void {\r\n        this._isCursorActive = true;\r\n        this.cursorAnimationFrame = requestAnimationFrame(this._boundMoveCursor);\r\n    }\r\n\r\n    private _stopCursorLoop(): void {\r\n        this._isCursorActive = false;\r\n        if (this.cursorAnimationFrame !== null) {\r\n            window.cancelAnimationFrame(this.cursorAnimationFrame);\r\n            this.cursorAnimationFrame = null;\r\n        }\r\n    }\r\n\r\n    private _applyCursorRotation(side: string | null): void {\r\n        if (!this.cursorIcon) {\r\n            return;\r\n        }\r\n        const rotationMap: Record<string, string> = {\r\n            'left': 'rotate3d(0,0,1,-180deg)',\r\n            'up': 'rotate3d(0,0,1,-90deg)',\r\n            'right': 'rotate3d(0,0,1,0deg)',\r\n            'down': 'rotate3d(0,0,1,90deg)'\r\n        };\r\n        const transform = side ? rotationMap[side] : null;\r\n        if (transform) {\r\n            this.cursorIcon.style.transform = transform;\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-directives-autofocus.mjs

@@ -8,10 +8,10 @@ class CmatAutofocusDirective {
             this.element.nativeElement.focus();
         }, 0);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatAutofocus]'

package/fesm2022/cmat-directives-data-exporter.mjs

@@ -107,10 +107,10 @@ class CsvExporterService extends WorksheetExporter {
     getMimeType() {
         return MIME_CSV;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CsvExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CsvExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CsvExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CsvExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CsvExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CsvExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -131,10 +131,10 @@ class JsonExporterService extends FileExporter {
     getMimeType() {
         return MIME_JSON;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: JsonExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: JsonExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: JsonExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: JsonExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: JsonExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: JsonExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -165,10 +165,10 @@ class TxtExporterService extends FileExporter {
             return TAB;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TxtExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TxtExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TxtExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TxtExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TxtExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TxtExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -212,10 +212,10 @@ class XlsExporterService extends WorksheetExporter {
     _convertToWch(columnWidths) {
         return columnWidths.map(width => ({ wch: width }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: XlsExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: XlsExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: XlsExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: XlsExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: XlsExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: XlsExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -229,10 +229,10 @@ class XlsxExporterService extends XlsExporterService {
     getMimeType() {
         return MIME_EXCEL_XLSX;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: XlsxExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: XlsxExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: XlsxExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: XlsxExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: XlsxExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: XlsxExporterService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -264,10 +264,10 @@ class ServiceLocatorService {
                 return this._injector.get(XlsxExporterService);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ServiceLocatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ServiceLocatorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ServiceLocatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ServiceLocatorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: ServiceLocatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ServiceLocatorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -314,10 +314,10 @@ class CmatDataExporterDirective {
     _loadExporter(exportType) {
         this._exporterService = this._serviceLocator.getService(exportType);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDataExporterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatDataExporterDirective, isStandalone: true, selector: "button[cmatDataExporter]", inputs: { dataSource: "dataSource", exportColumns: "exportColumns", options: "options", exportType: "exportType", transformBoolean: "transformBoolean", transformDate: "transformDate", dateFormat: "dateFormat" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDataExporterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatDataExporterDirective, isStandalone: true, selector: "button[cmatDataExporter]", inputs: { dataSource: "dataSource", exportColumns: "exportColumns", options: "options", exportType: "exportType", transformBoolean: "transformBoolean", transformDate: "transformDate", dateFormat: "dateFormat" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDataExporterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDataExporterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'button[cmatDataExporter]'

package/fesm2022/cmat-directives-debounce.mjs

@@ -19,10 +19,10 @@ class AbstractDebounceDirective {
     emitChange(value) {
         this.emitChanged.emit(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: AbstractDebounceDirective, isStandalone: true, inputs: { debounceTime: "debounceTime" }, outputs: { emitChanged: "emitChanged" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AbstractDebounceDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AbstractDebounceDirective, isStandalone: true, inputs: { debounceTime: "debounceTime" }, outputs: { emitChanged: "emitChanged" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AbstractDebounceDirective, decorators: [{
             type: Directive
         }], ctorParameters: () => [], propDecorators: { debounceTime: [{
                 type: Input
@@ -38,10 +38,10 @@ class CmatDebounceClickDirective extends AbstractDebounceDirective {
         event.preventDefault();
         this.emitEvent$.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatDebounceClickDirective, isStandalone: true, selector: "[cmatDebounceClick]", host: { listeners: { "click": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDebounceClickDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatDebounceClickDirective, isStandalone: true, selector: "[cmatDebounceClick]", host: { listeners: { "click": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDebounceClickDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDebounceClickDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDebounceClick]'
@@ -59,10 +59,10 @@ class CmatDebounceKeyupDirective extends AbstractDebounceDirective {
         event.preventDefault();
         this.emitEvent$.next(event);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatDebounceKeyupDirective, isStandalone: true, selector: "input[cmatDebounceKeyup]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDebounceKeyupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatDebounceKeyupDirective, isStandalone: true, selector: "input[cmatDebounceKeyup]", host: { listeners: { "keyup": "onKeyUp($event)" } }, usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDebounceKeyupDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDebounceKeyupDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[cmatDebounceKeyup]'

package/fesm2022/cmat-directives-digit-only.mjs

@@ -242,10 +242,10 @@ class CmatDigitOnlyDirective {
             key +
             oldValue.substring(selectionEnd));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatDigitOnlyDirective, isStandalone: true, selector: "[cmatDigitOnly]", inputs: { decimal: "decimal", decimalSeparator: "decimalSeparator", allowNegatives: "allowNegatives", allowPaste: "allowPaste", negativeSign: "negativeSign", min: "min", max: "max", pattern: "pattern" }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "input": "onInputChange($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDigitOnlyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatDigitOnlyDirective, isStandalone: true, selector: "[cmatDigitOnly]", inputs: { decimal: "decimal", decimalSeparator: "decimalSeparator", allowNegatives: "allowNegatives", allowPaste: "allowPaste", negativeSign: "negativeSign", min: "min", max: "max", pattern: "pattern" }, host: { listeners: { "beforeinput": "onBeforeInput($event)", "input": "onInputChange($event)", "keydown": "onKeyDown($event)", "paste": "onPaste($event)", "drop": "onDrop($event)" } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDigitOnlyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDigitOnlyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatDigitOnly]'
@@ -348,10 +348,10 @@ class CmatMaskDirective {
                 key +
                 oldValue.substring(selectionStart);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatMaskDirective, isStandalone: true, selector: "[cmatMask]", host: { listeners: { "input": "onInputChange($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMaskDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatMaskDirective, isStandalone: true, selector: "[cmatMask]", host: { listeners: { "input": "onInputChange($event)", "keydown": "onKeyDown($event)" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMaskDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMaskDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatMask]'

package/fesm2022/cmat-directives-equal-validator.mjs

@@ -31,12 +31,12 @@ class CmatEqualValidatorDirective {
         }
         return this._reverse === 'true' ? CmatEqualValidatorDirective._validateReverse(c, other) : CmatEqualValidatorDirective._validateNoReverse(c, other);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatEqualValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatEqualValidatorDirective, isStandalone: true, selector: "[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatEqualValidatorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatEqualValidatorDirective, isStandalone: true, selector: "[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]", providers: [
             { provide: NG_VALIDATORS, useExisting: forwardRef(() => CmatEqualValidatorDirective), multi: true }
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatEqualValidatorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatEqualValidatorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatValidateEqual][formControlName],[cmatValidateEqual][formControl],[cmatValidateEqual][ngModel]',

package/fesm2022/cmat-directives-seamless-auto-scroll.mjs

@@ -103,10 +103,10 @@ class CmatSeamlessAutoScrollDirective {
         };
         return map[this.direction];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatSeamlessAutoScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: CmatSeamlessAutoScrollDirective, isStandalone: true, selector: "[cmatSeamlessAutoScroll]", inputs: { data: "data", speed: "speed", direction: "direction" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatSeamlessAutoScrollDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: CmatSeamlessAutoScrollDirective, isStandalone: true, selector: "[cmatSeamlessAutoScroll]", inputs: { data: "data", speed: "speed", direction: "direction" }, queries: [{ propertyName: "itemTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatSeamlessAutoScrollDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatSeamlessAutoScrollDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatSeamlessAutoScroll]'

package/fesm2022/cmat-lib-mock-api.mjs

@@ -108,10 +108,10 @@ class CmatMockApiService {
         this._handlers[method].set(url, cmatMockHttp);
         return cmatMockHttp;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMockApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMockApiService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMockApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMockApiService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMockApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMockApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -173,10 +173,10 @@ class CmatMockApiInterceptor {
             return throwError(() => response);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMockApiInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMockApiInterceptor, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMockApiInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMockApiInterceptor, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatMockApiInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatMockApiInterceptor, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/fesm2022/cmat-pipes-bytes.mjs

@@ -13,10 +13,10 @@ class CmatBytesPipe {
         const size = Math.floor(Math.log(bytes) / Math.log(1024));
         return (bytes / Math.pow(1024, Math.floor(size))).toFixed(1) + ' ' + units[size];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: CmatBytesPipe, isStandalone: true, name: "cmatBytes" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatBytesPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: CmatBytesPipe, isStandalone: true, name: "cmatBytes" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatBytesPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatBytesPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatBytes'

package/fesm2022/cmat-pipes-date-format.mjs

@@ -8,10 +8,10 @@ class CmatDateFormatPipe {
             return dayjs(value).format(format);
         return '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: CmatDateFormatPipe, isStandalone: true, name: "cmatDateFormat" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: CmatDateFormatPipe, isStandalone: true, name: "cmatDateFormat" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatDateFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatDateFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatDateFormat'

package/fesm2022/cmat-pipes-find-by-key.mjs

@@ -8,10 +8,10 @@ class CmatFindByKeyPipe {
         }
         return source.find(sourceItem => sourceItem[key] === value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatFindByKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: CmatFindByKeyPipe, isStandalone: true, name: "cmatFindByKey", pure: false }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatFindByKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: CmatFindByKeyPipe, isStandalone: true, name: "cmatFindByKey", pure: false }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatFindByKeyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatFindByKeyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatFindByKey',

package/fesm2022/cmat-pipes-group-by.mjs

@@ -17,10 +17,10 @@ class CmatGroupByPipe {
         }, {});
         return Object.keys(groupedObj).map(key => ({ key, value: groupedObj[key] }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatGroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: CmatGroupByPipe, isStandalone: true, name: "cmatGroupBy" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatGroupByPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: CmatGroupByPipe, isStandalone: true, name: "cmatGroupBy" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatGroupByPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatGroupByPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatGroupBy'

package/fesm2022/cmat-pipes-keys.mjs

@@ -14,10 +14,10 @@ class CmatKeysPipe {
         }
         return keys;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.8", ngImport: i0, type: CmatKeysPipe, isStandalone: true, name: "cmatKeys" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatKeysPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.9", ngImport: i0, type: CmatKeysPipe, isStandalone: true, name: "cmatKeys" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: CmatKeysPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CmatKeysPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'cmatKeys'