cmat 0.0.87 → 0.0.88

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

@@ -1,153 +1,156 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, inject, DOCUMENT, DestroyRef, HostListener, Output, Input, Directive } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { input, output, signal, inject, DOCUMENT, computed, HostListener, Directive } from '@angular/core';
 import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
 
 class CmatArrowCursorDirective {
     constructor() {
-        this.animationDuration = 0.3;
-        this.orientation = 'horizontal';
-        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.animationDuration = input(0.3, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "animationDuration" }] : /* istanbul ignore next */ []));
+        this.orientation = input('horizontal', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+        this.enabled = input(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "enabled" }] : /* istanbul ignore next */ []));
+        this.selector = input('.carousel-arrow-cursor', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "selector" }] : /* istanbul ignore next */ []));
+        this.clickEvent = output();
+        this._arrowCursor = null;
+        this._cursorAnimationFrame = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_cursorAnimationFrame" }] : /* istanbul ignore next */ []));
+        this._cursorClientX = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_cursorClientX" }] : /* istanbul ignore next */ []));
+        this._cursorClientY = signal(0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_cursorClientY" }] : /* istanbul ignore next */ []));
+        this._cursorSide = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_cursorSide" }] : /* istanbul ignore next */ []));
+        this._oldCursorSide = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "_oldCursorSide" }] : /* istanbul ignore next */ []));
         this._document = inject(DOCUMENT);
         this._cmatMediaWatcherService = inject(CmatMediaWatcherService);
-        this._destroyRef = inject(DestroyRef);
         this._isCursorActive = false;
         this._boundMoveCursor = this.moveCursor.bind(this);
+        // eslint-disable-next-line @typescript-eslint/member-ordering
+        this.isPhone = computed(() => {
+            return !this._cmatMediaWatcherService.mediaChange().matchingAliases.includes('lg');
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "isPhone" }] : /* istanbul ignore next */ []));
     }
     onMouseEnter(event) {
-        if (!this.isPhone && this.enabled) {
-            this.arrowCursor ??= this._document.querySelector(this.selector);
-            if (this.cursorIcon == null) {
-                this.cursorIcon = this.arrowCursor?.querySelector('.arrow-cursor-icon') ?? null;
-                this.cursorSide = null;
-                if (this.cursorIcon) {
-                    this.cursorIcon.style.transform = 'rotate3d(0,0,1,-135deg) scale3d(0.5,0.5,1)';
-                    this.cursorIcon.style.opacity = '0';
+        if (!this.isPhone() && this.enabled()) {
+            this._arrowCursor = this._document.querySelector(this.selector());
+            if (this._cursorIcon == null) {
+                this._cursorIcon = this._arrowCursor?.querySelector('.arrow-cursor-icon') ?? null;
+                this._cursorSide.set(null);
+                if (this._cursorIcon) {
+                    this._cursorIcon.style.transform = 'rotate3d(0,0,1,-135deg) scale3d(0.5,0.5,1)';
+                    this._cursorIcon.style.opacity = '0';
                 }
             }
-            this.cursorClientX = event.clientX;
-            this.cursorClientY = event.clientY;
+            this._cursorClientX.set(event.clientX);
+            this._cursorClientY.set(event.clientY);
             let t;
-            if (this.orientation === 'horizontal') {
-                this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';
+            if (this.orientation() === 'horizontal') {
+                this._cursorSide.set(this._cursorClientX() > window.innerWidth / 2 ? 'right' : 'left');
                 const target = event.target;
                 if (target) {
-                    t = (this.cursorClientY < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))
+                    t = (this._cursorClientY() < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))
                         ? -135
-                        : (this.cursorSide === 'right' ? 135 : -315);
+                        : (this._cursorSide() === 'right' ? 135 : -315);
                 }
                 else {
                     t = -135;
                 }
             }
             else {
-                this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';
+                this._cursorSide.set(this._cursorClientY() > window.innerHeight / 2 ? 'down' : 'up');
                 const target = event.target;
                 if (target) {
-                    t = (this.cursorClientX < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))
+                    t = (this._cursorClientX() < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))
                         ? 135
-                        : (this.cursorSide === 'down' ? -135 : 45);
+                        : (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';
-                this._applyCursorRotation(this.cursorSide);
-                this.cursorIcon.style.opacity = '1';
+            if (this._cursorIcon) {
+                this._cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg)';
+                this._cursorIcon.style.transition = this.animationDuration() + 's';
+                this._applyCursorRotation(this._cursorSide());
+                this._cursorIcon.style.opacity = '1';
             }
             this._startCursorLoop();
         }
     }
     onMouseLeave(event) {
-        if (!this.isPhone && this.enabled) {
+        if (!this.isPhone() && this.enabled()) {
             let t;
             const target = event.target;
             if (!target) {
                 return;
             }
-            if (this.orientation === 'horizontal') {
-                t = (this.cursorClientY < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))
-                    ? (('right' === this.cursorSide) ? -135 : -45)
-                    : (('right' === this.cursorSide) ? 135 : -315);
+            if (this.orientation() === 'horizontal') {
+                t = (this._cursorClientY() < (target.getBoundingClientRect().top + target.getBoundingClientRect().height / 2))
+                    ? (('right' === this._cursorSide()) ? -135 : -45)
+                    : (('right' === this._cursorSide()) ? 135 : -315);
             }
             else {
-                t = (this.cursorClientX < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))
-                    ? (('down' === this.cursorSide) ? 225 : -225)
-                    : (('down' === this.cursorSide) ? -45 : 45);
+                t = (this._cursorClientX() < (target.getBoundingClientRect().left + target.getBoundingClientRect().width / 2))
+                    ? (('down' === this._cursorSide()) ? 225 : -225)
+                    : (('down' === this._cursorSide()) ? -45 : 45);
             }
-            if (this.cursorIcon) {
-                this.cursorIcon.style.transition = this.animationDuration + 's';
-                this.cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg) scale3d(0.3,0.3,1)';
-                this.cursorIcon.style.opacity = '0';
+            if (this._cursorIcon) {
+                this._cursorIcon.style.transition = this.animationDuration() + 's';
+                this._cursorIcon.style.transform = 'rotate3d(0,0,1,' + t + 'deg) scale3d(0.3,0.3,1)';
+                this._cursorIcon.style.opacity = '0';
             }
             this._stopCursorLoop();
         }
     }
     onMouseOver(event) {
-        if (!this.isPhone && this.cursorIcon && this.enabled) {
-            this.cursorClientX = event.clientX;
-            this.cursorClientY = event.clientY;
-            if (this.orientation === 'horizontal') {
-                this.cursorSide = this.cursorClientX > window.innerWidth / 2 ? 'right' : 'left';
+        if (!this.isPhone() && this._cursorIcon && this.enabled()) {
+            this._cursorClientX.set(event.clientX);
+            this._cursorClientY.set(event.clientY);
+            if (this.orientation() === 'horizontal') {
+                this._cursorSide.set(this._cursorClientX() > window.innerWidth / 2 ? 'right' : 'left');
             }
             else {
-                this.cursorSide = this.cursorClientY > window.innerHeight / 2 ? 'down' : 'up';
+                this._cursorSide.set(this._cursorClientY() > window.innerHeight / 2 ? 'down' : 'up');
             }
-            if (this.oldCursorSide !== this.cursorSide) {
-                this.cursorIcon.style.transition = this.animationDuration + 's';
-                this._applyCursorRotation(this.cursorSide);
-                this.oldCursorSide = this.cursorSide;
+            if (this._oldCursorSide() !== this._cursorSide()) {
+                this._cursorIcon.style.transition = this.animationDuration() + 's';
+                this._applyCursorRotation(this._cursorSide());
+                this._oldCursorSide.set(this._cursorSide());
             }
         }
     }
     onClick(event) {
-        if (!this.isPhone && this.cursorIcon && this.enabled) {
-            this.clickEvent.emit(this.cursorSide);
+        if (!this.isPhone() && this._cursorIcon && this.enabled()) {
+            this.clickEvent.emit(this._cursorSide());
             event.stopPropagation();
         }
     }
-    ngAfterViewInit() {
-        this._cmatMediaWatcherService.onMediaChange$
-            .pipe(takeUntilDestroyed(this._destroyRef))
-            .subscribe(({ matchingAliases }) => {
-            this.isPhone = !matchingAliases.includes('lg');
-        });
-    }
     ngOnDestroy() {
         this._stopCursorLoop();
     }
     moveCursor() {
-        if (this._isCursorActive && this.arrowCursor) {
-            this.arrowCursor.style.transform = 'translate3d(' + this.cursorClientX + 'px,' + this.cursorClientY + 'px,0px)';
-            this.cursorAnimationFrame = requestAnimationFrame(this._boundMoveCursor);
+        if (this._isCursorActive && this._arrowCursor) {
+            this._arrowCursor.style.transform = 'translate3d(' + this._cursorClientX() + 'px,' + this._cursorClientY() + 'px,0px)';
+            this._cursorAnimationFrame.set(requestAnimationFrame(this._boundMoveCursor));
         }
     }
     _startCursorLoop() {
         this._isCursorActive = true;
-        this.cursorAnimationFrame = requestAnimationFrame(this._boundMoveCursor);
+        this._cursorAnimationFrame.set(requestAnimationFrame(this._boundMoveCursor));
     }
     _stopCursorLoop() {
         this._isCursorActive = false;
-        if (this.cursorAnimationFrame !== null) {
-            window.cancelAnimationFrame(this.cursorAnimationFrame);
-            this.cursorAnimationFrame = null;
+        if (this._cursorAnimationFrame() !== null) {
+            window.cancelAnimationFrame(this._cursorAnimationFrame() ?? 0);
+            this._cursorAnimationFrame.set(null);
         }
     }
     _applyCursorRotation(side) {
-        if (!this.cursorIcon) {
+        if (!this._cursorIcon) {
             return;
         }
         const rotationMap = {
@@ -158,28 +161,18 @@ class CmatArrowCursorDirective {
         };
         const transform = side ? rotationMap[side] : null;
         if (transform) {
-            this.cursorIcon.style.transform = transform;
+            this._cursorIcon.style.transform = transform;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", 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: "22.0.2", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatArrowCursorDirective, isStandalone: true, selector: "[cmatArrowCursor]", inputs: { animationDuration: { classPropertyName: "animationDuration", publicName: "animationDuration", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, selector: { classPropertyName: "selector", publicName: "selector", isSignal: true, isRequired: false, transformFunction: null } }, 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.11", ngImport: i0, type: CmatArrowCursorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatArrowCursorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatArrowCursor]'
                 }]
-        }], propDecorators: { animationDuration: [{
-                type: Input
-            }], orientation: [{
-                type: Input
-            }], enabled: [{
-                type: Input
-            }], selector: [{
-                type: Input
-            }], clickEvent: [{
-                type: Output
-            }], onMouseEnter: [{
+        }], propDecorators: { animationDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "animationDuration", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabled", required: false }] }], selector: [{ type: i0.Input, args: [{ isSignal: true, alias: "selector", required: false }] }], clickEvent: [{ type: i0.Output, args: ["clickEvent"] }], onMouseEnter: [{
                 type: HostListener,
                 args: ['mouseenter', ['$event']]
             }], onMouseLeave: [{

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: 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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"}
+{"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 {\r\n    Directive,\r\n    HostListener,\r\n    DOCUMENT,\r\n    inject,\r\n    input,\r\n    output,\r\n    OnDestroy,\r\n    computed,\r\n    signal,\r\n} from '@angular/core';\r\nimport { CmatMediaWatcherService } from 'cmat/services/media-watcher';\r\n\r\n@Directive({\r\n    selector: '[cmatArrowCursor]'\r\n})\r\nexport class CmatArrowCursorDirective implements OnDestroy {\r\n    readonly animationDuration = input<number>(0.3);\r\n    readonly orientation = input<'horizontal' | 'vertical'>('horizontal');\r\n    readonly enabled = input<boolean>(false);\r\n    readonly selector = input<string>('.carousel-arrow-cursor');\r\n\r\n    readonly clickEvent = output<string | null>();\r\n\r\n    private _arrowCursor: HTMLDivElement | null = null;\r\n    private _cursorIcon: SVGElement | null;\r\n\r\n    private readonly _cursorAnimationFrame = signal<number | null>(null);\r\n    private readonly _cursorClientX = signal(0);\r\n    private readonly _cursorClientY = signal(0);\r\n    private readonly _cursorSide = signal<string | null>(null);\r\n    private readonly _oldCursorSide = signal<string | null>(null);\r\n\r\n    private _document = inject<Document>(DOCUMENT);\r\n    private _cmatMediaWatcherService = inject(CmatMediaWatcherService);\r\n    private _isCursorActive = false;\r\n    private readonly _boundMoveCursor = this.moveCursor.bind(this);\r\n\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    readonly isPhone = computed(() => {\r\n        return !this._cmatMediaWatcherService.mediaChange().matchingAliases.includes('lg')\r\n    });\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.set(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.set(event.clientX);\r\n            this._cursorClientY.set(event.clientY);\r\n\r\n            let t;\r\n\r\n            if (this.orientation() === 'horizontal') {\r\n                this._cursorSide.set(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.set(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.set(event.clientX);\r\n            this._cursorClientY.set(event.clientY);\r\n\r\n            if (this.orientation() === 'horizontal') {\r\n                this._cursorSide.set(this._cursorClientX() > window.innerWidth / 2 ? 'right' : 'left');\r\n            } else {\r\n                this._cursorSide.set(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.set(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    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.set(requestAnimationFrame(this._boundMoveCursor));\r\n        }\r\n    }\r\n\r\n    private _startCursorLoop(): void {\r\n        this._isCursorActive = true;\r\n        this._cursorAnimationFrame.set(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() ?? 0);\r\n            this._cursorAnimationFrame.set(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.11", ngImport: i0, type: CmatAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatAutofocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.2", type: CmatAutofocusDirective, isStandalone: true, selector: "[cmatAutofocus]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatAutofocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[cmatAutofocus]'

package/fesm2022/cmat-directives-autofocus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-directives-autofocus.mjs","sources":["../../../projects/cmat/directives/autofocus/autofocus.directive.ts","../../../projects/cmat/directives/autofocus/cmat-directives-autofocus.ts"],"sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[cmatAutofocus]'\r\n})\r\nexport class CmatAutofocusDirective {\r\n  element = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n  constructor() {\r\n    setTimeout(() => {\r\n      this.element.nativeElement.focus();\r\n    }, 0);\r\n\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,sBAAsB,CAAA;AAGjC,IAAA,WAAA,GAAA;AAFA,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC;QAGnD,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;QACpC,CAAC,EAAE,CAAC,CAAC;IAEP;+GARW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACJD;;AAEG;;;;"}
+{"version":3,"file":"cmat-directives-autofocus.mjs","sources":["../../../projects/cmat/directives/autofocus/autofocus.directive.ts","../../../projects/cmat/directives/autofocus/cmat-directives-autofocus.ts"],"sourcesContent":["import { Directive, ElementRef, inject } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[cmatAutofocus]'\r\n})\r\nexport class CmatAutofocusDirective {\r\n  element = inject<ElementRef<HTMLElement>>(ElementRef);\r\n\r\n  constructor() {\r\n    setTimeout(() => {\r\n      this.element.nativeElement.focus();\r\n    }, 0);\r\n\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAKa,sBAAsB,CAAA;AAGjC,IAAA,WAAA,GAAA;AAFA,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAA0B,UAAU,CAAC;QAGnD,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,EAAE;QACpC,CAAC,EAAE,CAAC,CAAC;IAEP;8GARW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAtB,sBAAsB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAtB,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAHlC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE;AACX,iBAAA;;;ACJD;;AAEG;;;;"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, Injector, Input, Directive } from '@angular/core';
+import { Injectable, inject, Injector, input, Directive } from '@angular/core';
 import dayjs from 'dayjs';
 import * as FileSaver from 'file-saver-es';
 
@@ -107,10 +107,10 @@ class CsvExporterService extends WorksheetExporter {
     getMimeType() {
         return MIME_CSV;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CsvExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CsvExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CsvExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CsvExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CsvExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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.11", ngImport: i0, type: JsonExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: JsonExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: JsonExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: JsonExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: JsonExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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.11", ngImport: i0, type: TxtExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: TxtExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TxtExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: TxtExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: TxtExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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.11", ngImport: i0, type: XlsExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: XlsExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: XlsExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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.11", ngImport: i0, type: XlsxExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: XlsxExporterService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsxExporterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: XlsxExporterService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: XlsxExporterService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", 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.11", ngImport: i0, type: ServiceLocatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: ServiceLocatorService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ServiceLocatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ServiceLocatorService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: ServiceLocatorService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ServiceLocatorService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -276,67 +276,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImpo
 
 class CmatDataExporterDirective {
     constructor() {
-        this.transformBoolean = true;
-        this.transformDate = true;
-        this.dateFormat = 'YYYY-MM-DD';
+        this.dataSource = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+        this.exportColumns = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "exportColumns" }] : /* istanbul ignore next */ []));
+        this.options = input(/* @ts-ignore */
+        ...(ngDevMode ? [undefined, { debugName: "options" }] : /* istanbul ignore next */ []));
+        this.exportType = input('xlsx', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "exportType" }] : /* istanbul ignore next */ []));
+        this.transformBoolean = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "transformBoolean" }] : /* istanbul ignore next */ []));
+        this.transformDate = input(true, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "transformDate" }] : /* istanbul ignore next */ []));
+        this.dateFormat = input('YYYY-MM-DD', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dateFormat" }] : /* istanbul ignore next */ []));
         this._serviceLocator = inject(ServiceLocatorService);
     }
     ngOnChanges(changes) {
         if (changes.dataSource) {
-            if (this.dataSource?.length > 0) {
+            if (this.dataSource()?.length > 0) {
                 this._data = [];
-                this._loadExporter(this.exportType);
+                this._loadExporter(this.exportType());
                 this._data = [
-                    this.exportColumns.map(column => ({ [column.code]: column.label }))
+                    this.exportColumns()
+                        .map(column => ({ [column.code]: column.label }))
                         .reduce((acc, curr) => ({ ...acc, ...curr }), {}),
-                    ...this.dataSource.map(user => this.exportColumns.reduce((acc, column) => {
+                    ...this.dataSource().map(user => this.exportColumns().reduce((acc, column) => {
                         let value = user[column.code];
-                        if (this.transformBoolean && typeof value === 'boolean') {
+                        if (this.transformBoolean() && typeof value === 'boolean') {
                             value = value ? '是' : '否';
                         }
-                        else if (this.transformDate && (value instanceof Date || typeof value === 'string')) {
+                        else if (this.transformDate() &&
+                            (value instanceof Date || typeof value === 'string')) {
                             const datePattern = /^\d{4}[-/]\d{1,2}[-/]\d{1,2}/;
                             if (typeof value === 'string' && !datePattern.test(value)) {
                                 return { ...acc, [column.code]: value };
                             }
                             const dateValue = dayjs(value);
                             if (dateValue.isValid()) {
-                                value = dateValue.format(this.dateFormat);
+                                value = dateValue.format(this.dateFormat());
                             }
                         }
                         return { ...acc, [column.code]: value };
-                    }, {}))
+                    }, {})),
                 ];
-                this._exporterService.export(this._data, this.options);
+                this._exporterService.export(this._data, this.options());
             }
         }
     }
     _loadExporter(exportType) {
         this._exporterService = this._serviceLocator.getService(exportType);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatDataExporterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.11", 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: "22.0.2", ngImport: i0, type: CmatDataExporterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.2", type: CmatDataExporterDirective, isStandalone: true, selector: "button[cmatDataExporter]", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: false, transformFunction: null }, exportColumns: { classPropertyName: "exportColumns", publicName: "exportColumns", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, exportType: { classPropertyName: "exportType", publicName: "exportType", isSignal: true, isRequired: false, transformFunction: null }, transformBoolean: { classPropertyName: "transformBoolean", publicName: "transformBoolean", isSignal: true, isRequired: false, transformFunction: null }, transformDate: { classPropertyName: "transformDate", publicName: "transformDate", isSignal: true, isRequired: false, transformFunction: null }, dateFormat: { classPropertyName: "dateFormat", publicName: "dateFormat", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.11", ngImport: i0, type: CmatDataExporterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: CmatDataExporterDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'button[cmatDataExporter]'
+                    selector: 'button[cmatDataExporter]',
                 }]
-        }], propDecorators: { dataSource: [{
-                type: Input
-            }], exportColumns: [{
-                type: Input
-            }], options: [{
-                type: Input
-            }], exportType: [{
-                type: Input
-            }], transformBoolean: [{
-                type: Input
-            }], transformDate: [{
-                type: Input
-            }], dateFormat: [{
-                type: Input
-            }] } });
+        }], propDecorators: { dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: false }] }], exportColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportColumns", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], exportType: [{ type: i0.Input, args: [{ isSignal: true, alias: "exportType", required: false }] }], transformBoolean: [{ type: i0.Input, args: [{ isSignal: true, alias: "transformBoolean", required: false }] }], transformDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "transformDate", required: false }] }], dateFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "dateFormat", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.