cmat 0.0.80 → 0.0.82

package/fesm2022/cmat-components-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-toast.mjs","sources":["../../../projects/cmat/components/toast/toast-modal.component.ts","../../../projects/cmat/components/toast/toast-modal.component.html","../../../projects/cmat/components/toast/toast.service.ts","../../../projects/cmat/components/toast/toast.component.ts","../../../projects/cmat/components/toast/toast.component.html","../../../projects/cmat/components/toast/cmat-components-toast.ts"],"sourcesContent":["import { NgClass, NgStyle } from '@angular/common';\r\nimport {\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n    AfterViewInit,\r\n    ChangeDetectionStrategy,\r\n    ViewEncapsulation,\r\n    signal,\r\n} from '@angular/core';\r\nimport { CmatToastModel } from './models/toast.model';\r\n\r\n@Component({\r\n    selector: 'cmat-toast-modal',\r\n    templateUrl: './toast-modal.component.html',\r\n    styleUrls: ['./toast-modal.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatToastModal',\r\n    imports: [NgClass, NgStyle]\r\n})\r\nexport class CmatToastModalComponent implements AfterViewInit {\r\n    @Input() toast: CmatToastModel;\r\n    @Output() closeToastEvent = new EventEmitter<number>();\r\n\r\n    readonly progressPercent = signal(0);\r\n    timeout: number;\r\n\r\n    private _progressInterval: number;\r\n    private _startTime: number = performance.now();\r\n\r\n    ngAfterViewInit(): void {\r\n        this.handleProgress();\r\n    }\r\n\r\n    handleProgress(): void {\r\n        this.timeout = this.toast.timeout ?? 0;\r\n\r\n        if (this.toast.showDuration && this.timeout > 0) {\r\n            this._progressInterval = window.setInterval(() => {\r\n                this.progressPercent.set(100 - ((performance.now() - this._startTime) / this.timeout * 100));\r\n                if (this.toast.isCountdown) {\r\n                    const timeRemaining = (this.timeout - (performance.now() - this._startTime));\r\n                    const secondsRemaining = Math.ceil(timeRemaining / 1000);\r\n                    this.toast.title = `剩余时间: ${secondsRemaining.toString()}秒`;\r\n                    this.toast.type = 'toasta-type-wait';\r\n                    this.toast.message = '';\r\n                }\r\n\r\n                if (this.progressPercent() <= 0) {\r\n                    clearInterval(this._progressInterval);\r\n                    this.close(this.toast);\r\n                }\r\n            });\r\n        }\r\n    }\r\n\r\n    close(toast: CmatToastModel): void {\r\n        if (toast.id) {\r\n            this.closeToastEvent.emit(toast.id);\r\n        }\r\n\r\n        if (this._progressInterval) {\r\n            clearInterval(this._progressInterval);\r\n        }\r\n    }\r\n}\r\n","<div class=\"toast\" [ngClass]=\"[toast.type, toast.theme]\">\r\n  @if (toast.showClose) {\r\n    <button type=\"button\" class=\"close-button\" (click)=\"close(toast)\">\r\n    </button>\r\n  }\r\n  @if (toast.title || toast.message) {\r\n    <div class=\"toast-text\">\r\n      @if (toast.title) {\r\n        <span class=\"toast-title\">{{toast.title}}</span>\r\n      }\r\n      @if (toast.title && toast.message) {\r\n        <br />\r\n      }\r\n      @if (toast.message) {\r\n        <span class=\"toast-message\">{{toast.message}}</span>\r\n      }\r\n    </div>\r\n  }\r\n  @if (toast.showDuration && timeout > 0) {\r\n    <div class=\"durationbackground\">\r\n      <div class=\"durationbar\" [ngStyle]=\"{'width':progressPercent()+'%'}\">\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n","import { Injectable, signal } from '@angular/core';\r\nimport { toObservable } from '@angular/core/rxjs-interop';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { GlobalConfigModel } from './models/global-config.model';\r\nimport { CmatToastModel } from './models/toast.model';\r\nimport { GlobalPosition, GlobalTheme, GlobalType } from './models/type.model';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatToastService {\r\n    toasts: CmatToastModel[] = [];\r\n\r\n    private _positionSubject = signal<string>('toasta-position-bottom-right');\r\n    private readonly _position$ = toObservable(this._positionSubject);\r\n    private _toastPopSubject = new Subject<CmatToastModel[]>();\r\n    private _globalConfigs: GlobalConfigModel;\r\n    private _counter = 1;\r\n\r\n    get position$(): Observable<string> {\r\n        return this._position$;\r\n    }\r\n    get toastPop$(): Observable<CmatToastModel[]> {\r\n        return this._toastPopSubject.asObservable();\r\n    }\r\n\r\n\r\n    receiveGlobalConfigs(configs: GlobalConfigModel): void {\r\n        this._globalConfigs = { ...configs };\r\n    }\r\n\r\n    removeToast(toastId: number): void {\r\n        this.toasts = this.toasts.filter(t => t.id !== toastId);\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n\r\n    clearAll(): void {\r\n        this.toasts.length = 0;\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n\r\n    clearLast(): void {\r\n        this.toasts.pop();\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n\r\n    addToast(toast: CmatToastModel): void {\r\n        const defaultToast = this._getDefaultToast();\r\n        const globalToast = this._setGlobalValues(defaultToast);\r\n\r\n        const finalToast: CmatToastModel = {\r\n            type: `toasta-type-${toast.type}` as GlobalType,\r\n            message: toast.message,\r\n            title: toast.title ?? globalToast.title,\r\n            showClose: toast.showClose ?? globalToast.showClose,\r\n            showDuration: toast.showDuration ?? globalToast.showDuration,\r\n            theme: toast.theme ? (`toasta-theme-${toast.theme}` as GlobalTheme) : globalToast.theme,\r\n            timeout: toast.timeout !== null ? toast.timeout : globalToast.timeout,\r\n            position: toast.position ? (`toasta-position-${toast.position}` as GlobalPosition) : globalToast.position,\r\n            limit: toast.limit ?? globalToast.limit,\r\n            isCountdown: toast.isCountdown ?? globalToast.isCountdown,\r\n        };\r\n\r\n        if (toast.showClose === false) {\r\n            finalToast.showClose = false;\r\n        }\r\n\r\n        if (toast.showDuration === false) {\r\n            finalToast.showDuration = false;\r\n        }\r\n\r\n        this._setPosition(finalToast);\r\n        this._serveToast(finalToast);\r\n    }\r\n\r\n    getGlobalConfigs(): GlobalConfigModel {\r\n        return this._globalConfigs;\r\n    }\r\n\r\n    getToasts(): CmatToastModel[] {\r\n        return this.toasts;\r\n    }\r\n\r\n    private _getDefaultToast(): GlobalConfigModel {\r\n        const defaultToast: GlobalConfigModel = {\r\n            title: '',\r\n            showClose: true,\r\n            showDuration: true,\r\n            theme: 'toasta-theme-material',\r\n            timeout: 5000,\r\n            position: 'toasta-position-bottom-right',\r\n            limit: 5,\r\n            isCountdown: false,\r\n        };\r\n\r\n        return defaultToast;\r\n    }\r\n\r\n    private _setGlobalValues(toast: GlobalConfigModel): GlobalConfigModel {\r\n        if (this._globalConfigs) {\r\n            for (const [key, value] of Object.entries(this._globalConfigs)) {\r\n                toast = {\r\n                    ...toast,\r\n                    [key]: value,\r\n                };\r\n            }\r\n\r\n            if (this._globalConfigs.theme) {\r\n                toast.theme = `toasta-theme-${this._globalConfigs.theme}` as GlobalTheme;\r\n            }\r\n\r\n            if (this._globalConfigs.position) {\r\n                toast.position = `toasta-position-${this._globalConfigs.position}` as GlobalPosition;\r\n            }\r\n\r\n            if (this._globalConfigs.showClose === false) {\r\n                toast.showClose = false;\r\n            }\r\n\r\n            if (this._globalConfigs.showDuration === false) {\r\n                toast.showDuration = false;\r\n            }\r\n        }\r\n        return toast;\r\n    }\r\n\r\n    private _setPosition(toast: CmatToastModel): void {\r\n        const position = toast.position ?? 'toasta-position-bottom-right';\r\n\r\n        this._positionSubject.set(position);\r\n    }\r\n\r\n    private _serveToast(toast: any): void {\r\n        const latestToast = {\r\n            ...toast,\r\n            id: this._counter++,\r\n        };\r\n\r\n        if (this.toasts.length >= toast.limit) {\r\n            this.toasts.shift();\r\n        }\r\n        this.toasts.push(latestToast);\r\n\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n}\r\n","import { NgClass, AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation, inject } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { CmatToastModel } from './models/toast.model';\r\nimport { CmatToastModalComponent } from './toast-modal.component';\r\nimport { CmatToastService } from './toast.service';\r\n\r\n@Component({\r\n  selector: 'cmat-toast',\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'cmatToast',\r\n  imports: [NgClass, CmatToastModalComponent, AsyncPipe]\r\n})\r\nexport class CmatToastComponent implements OnInit {\r\n\r\n  toasts$: Observable<CmatToastModel[]>;\r\n  position$: Observable<string>;\r\n\r\n  private _cmatToastService = inject(CmatToastService);\r\n\r\n  ngOnInit(): void {\r\n    this.listenForToastEvent();\r\n  }\r\n\r\n  listenForToastEvent(): void {\r\n    this.toasts$ = this._cmatToastService.toastPop$;\r\n    this.position$ = this._cmatToastService.position$;\r\n  }\r\n\r\n  clearToast(toastId: any): void {\r\n    this._cmatToastService.removeToast(toastId);\r\n  }\r\n\r\n  trackByFn(index: number, item: CmatToastModel): any {\r\n    return item.id ?? index;\r\n  }\r\n}\r\n","@if ((toasts$ | async); as toasts) {\r\n  <div class=\"toast-wrapper\" [ngClass]=\"[position$ | async]\">\r\n    @for (toast of toasts; track trackByFn($index, toast)) {\r\n      <cmat-toast-modal [toast]=\"toast\"\r\n        (closeToastEvent)=\"clearToast($event)\">\r\n      </cmat-toast-modal>\r\n    }\r\n  </div>\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cmat-components-toast.mjs","sources":["../../../projects/cmat/components/toast/toast-modal.component.ts","../../../projects/cmat/components/toast/toast-modal.component.html","../../../projects/cmat/components/toast/toast.service.ts","../../../projects/cmat/components/toast/toast.component.ts","../../../projects/cmat/components/toast/toast.component.html","../../../projects/cmat/components/toast/cmat-components-toast.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport {\r\n    Component,\r\n    EventEmitter,\r\n    Input,\r\n    Output,\r\n    AfterViewInit,\r\n    OnDestroy,\r\n    ChangeDetectionStrategy,\r\n    ViewEncapsulation,\r\n    signal,\r\n    ElementRef,\r\n    inject,\r\n} from '@angular/core';\r\nimport { CmatToastModel } from './models/toast.model';\r\n\r\n@Component({\r\n    selector: 'cmat-toast-modal',\r\n    templateUrl: './toast-modal.component.html',\r\n    styleUrls: ['./toast-modal.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatToastModal',\r\n    imports: [NgClass]\r\n})\r\nexport class CmatToastModalComponent implements AfterViewInit, OnDestroy {\r\n    @Input() toast: CmatToastModel;\r\n    @Output() closeToastEvent = new EventEmitter<number>();\r\n\r\n    readonly progressPercent = signal(100);\r\n    readonly displayTitle = signal('');\r\n    readonly displayType = signal('');\r\n    readonly displayMessage = signal('');\r\n    readonly leaving = signal(false);\r\n    timeout: number;\r\n\r\n    private _progressInterval: number | null = null;\r\n    private _startTime: number;\r\n    private _leaveTimeoutId: number | null = null;\r\n    private _elementRef = inject(ElementRef);\r\n\r\n    ngAfterViewInit(): void {\r\n        this.displayTitle.set(this.toast.title ?? '');\r\n        this.displayType.set(this.toast.type ?? '');\r\n        this.displayMessage.set(this.toast.message ?? '');\r\n        this.handleProgress();\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        this._clearInterval();\r\n        this._clearLeaveTimeout();\r\n    }\r\n\r\n    handleProgress(): void {\r\n        this.timeout = this.toast.timeout ?? 0;\r\n        this._startTime = performance.now();\r\n\r\n        if (this.toast.showDuration && this.timeout > 0) {\r\n            this._progressInterval = window.setInterval(() => {\r\n                const elapsed = performance.now() - this._startTime;\r\n                const percent = 100 - (elapsed / this.timeout * 100);\r\n\r\n                if (percent <= 0) {\r\n                    this.progressPercent.set(0);\r\n                    this._clearInterval();\r\n                    this.close(this.toast);\r\n                    return;\r\n                }\r\n\r\n                this.progressPercent.set(percent);\r\n\r\n                if (this.toast.isCountdown) {\r\n                    const secondsRemaining = Math.ceil((this.timeout - elapsed) / 1000);\r\n                    this.displayTitle.set(`\\u5269\\u4f59\\u65f6\\u95f4: ${secondsRemaining.toString()}\\u79d2`);\r\n                    this.displayType.set('toasta-type-wait');\r\n                    this.displayMessage.set('');\r\n                }\r\n            }, 100);\r\n        }\r\n    }\r\n\r\n    close(toast: CmatToastModel): void {\r\n        this._clearInterval();\r\n\r\n        if (this.leaving()) return;\r\n        this.leaving.set(true);\r\n\r\n        const el: HTMLElement | null = this._elementRef.nativeElement?.querySelector('.toast') ?? null;\r\n        if (el) {\r\n            const onEnd = (): void => {\r\n                cleanup();\r\n                this._emitClose(toast);\r\n            };\r\n            const cleanup = (): void => {\r\n                el.removeEventListener('animationend', onEnd);\r\n                this._clearLeaveTimeout();\r\n            };\r\n            el.addEventListener('animationend', onEnd);\r\n            this._leaveTimeoutId = window.setTimeout(() => {\r\n                cleanup();\r\n                this._emitClose(toast);\r\n            }, 400);\r\n        } else {\r\n            this._emitClose(toast);\r\n        }\r\n    }\r\n\r\n    private _emitClose(toast: CmatToastModel): void {\r\n        if (toast.id) {\r\n            this.closeToastEvent.emit(toast.id);\r\n        }\r\n    }\r\n\r\n\r\n    private _clearInterval(): void {\r\n        if (this._progressInterval !== null) {\r\n            clearInterval(this._progressInterval);\r\n            this._progressInterval = null;\r\n        }\r\n    }\r\n\r\n    private _clearLeaveTimeout(): void {\r\n        if (this._leaveTimeoutId !== null) {\r\n            clearTimeout(this._leaveTimeoutId);\r\n            this._leaveTimeoutId = null;   \r\n        }\r\n    }\r\n}","<!-- eslint-disable @angular-eslint/template/no-inline-styles -->\r\n<div class=\"toast\" [ngClass]=\"[displayType(), toast.theme, leaving() ? 'toast-leaving' : '']\">\r\n  @if (toast.showClose) {\r\n    <button type=\"button\" class=\"close-button\" (click)=\"close(toast)\">\r\n    </button>\r\n  }\r\n  @if (displayTitle() || displayMessage()) {\r\n    <div class=\"toast-text\">\r\n      @if (displayTitle()) {\r\n        <span class=\"toast-title\">{{displayTitle()}}</span>\r\n      }\r\n      @if (displayTitle() && displayMessage()) {\r\n        <br />\r\n      }\r\n      @if (displayMessage()) {\r\n        <span class=\"toast-message\">{{displayMessage()}}</span>\r\n      }\r\n    </div>\r\n  }\r\n  @if (toast.showDuration && timeout > 0) {\r\n    <div class=\"durationbackground\">\r\n      <div class=\"durationbar\" [style.width.%]=\"progressPercent()\">\r\n      </div>\r\n    </div>\r\n  }\r\n</div>","import { Injectable, signal } from '@angular/core';\r\nimport { toObservable } from '@angular/core/rxjs-interop';\r\nimport { Observable, Subject } from 'rxjs';\r\nimport { GlobalConfigModel } from './models/global-config.model';\r\nimport { CmatToastModel } from './models/toast.model';\r\nimport { GlobalPosition, GlobalTheme, GlobalType } from './models/type.model';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatToastService {\r\n    toasts: CmatToastModel[] = [];\r\n\r\n    private _positionSubject = signal<string>('toasta-position-bottom-right');\r\n    private readonly _position$ = toObservable(this._positionSubject);\r\n    private _toastPopSubject = new Subject<CmatToastModel[]>();\r\n    private _globalConfigs: GlobalConfigModel;\r\n    private _counter = 1;\r\n\r\n    get position$(): Observable<string> {\r\n        return this._position$;\r\n    }\r\n    get toastPop$(): Observable<CmatToastModel[]> {\r\n        return this._toastPopSubject.asObservable();\r\n    }\r\n\r\n\r\n    receiveGlobalConfigs(configs: GlobalConfigModel): void {\r\n        this._globalConfigs = { ...configs };\r\n    }\r\n\r\n    removeToast(toastId: number): void {\r\n        this.toasts = this.toasts.filter(t => t.id !== toastId);\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n\r\n    clearAll(): void {\r\n        this.toasts.length = 0;\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n\r\n    clearLast(): void {\r\n        this.toasts.pop();\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n\r\n    addToast(toast: CmatToastModel): void {\r\n        const defaultToast = this._getDefaultToast();\r\n        const globalToast = this._setGlobalValues(defaultToast);\r\n\r\n        const finalToast: CmatToastModel = {\r\n            type: `toasta-type-${toast.type}` as GlobalType,\r\n            message: toast.message,\r\n            title: toast.title ?? globalToast.title,\r\n            showClose: toast.showClose ?? globalToast.showClose,\r\n            showDuration: toast.showDuration ?? globalToast.showDuration,\r\n            theme: toast.theme ? (`toasta-theme-${toast.theme}` as GlobalTheme) : globalToast.theme,\r\n            timeout: toast.timeout !== null ? toast.timeout : globalToast.timeout,\r\n            position: toast.position ? (`toasta-position-${toast.position}` as GlobalPosition) : globalToast.position,\r\n            limit: toast.limit ?? globalToast.limit,\r\n            isCountdown: toast.isCountdown ?? globalToast.isCountdown,\r\n        };\r\n\r\n        if (toast.showClose === false) {\r\n            finalToast.showClose = false;\r\n        }\r\n\r\n        if (toast.showDuration === false) {\r\n            finalToast.showDuration = false;\r\n        }\r\n\r\n        this._setPosition(finalToast);\r\n        this._serveToast(finalToast);\r\n    }\r\n\r\n    getGlobalConfigs(): GlobalConfigModel {\r\n        return this._globalConfigs;\r\n    }\r\n\r\n    getToasts(): CmatToastModel[] {\r\n        return this.toasts;\r\n    }\r\n\r\n    private _getDefaultToast(): GlobalConfigModel {\r\n        const defaultToast: GlobalConfigModel = {\r\n            title: '',\r\n            showClose: true,\r\n            showDuration: true,\r\n            theme: 'toasta-theme-material',\r\n            timeout: 5000,\r\n            position: 'toasta-position-bottom-right',\r\n            limit: 5,\r\n            isCountdown: false,\r\n        };\r\n\r\n        return defaultToast;\r\n    }\r\n\r\n    private _setGlobalValues(toast: GlobalConfigModel): GlobalConfigModel {\r\n        if (this._globalConfigs) {\r\n            for (const [key, value] of Object.entries(this._globalConfigs)) {\r\n                toast = {\r\n                    ...toast,\r\n                    [key]: value,\r\n                };\r\n            }\r\n\r\n            if (this._globalConfigs.theme) {\r\n                toast.theme = `toasta-theme-${this._globalConfigs.theme}` as GlobalTheme;\r\n            }\r\n\r\n            if (this._globalConfigs.position) {\r\n                toast.position = `toasta-position-${this._globalConfigs.position}` as GlobalPosition;\r\n            }\r\n\r\n            if (this._globalConfigs.showClose === false) {\r\n                toast.showClose = false;\r\n            }\r\n\r\n            if (this._globalConfigs.showDuration === false) {\r\n                toast.showDuration = false;\r\n            }\r\n        }\r\n        return toast;\r\n    }\r\n\r\n    private _setPosition(toast: CmatToastModel): void {\r\n        const position = toast.position ?? 'toasta-position-bottom-right';\r\n\r\n        this._positionSubject.set(position);\r\n    }\r\n\r\n    private _serveToast(toast: any): void {\r\n        const latestToast = {\r\n            ...toast,\r\n            id: this._counter++,\r\n        };\r\n\r\n        if (this.toasts.length >= toast.limit) {\r\n            this.toasts.shift();\r\n        }\r\n        this.toasts.push(latestToast);\r\n\r\n        this._toastPopSubject.next(this.toasts);\r\n    }\r\n}\r\n","import { NgClass, AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, OnInit, ViewEncapsulation, inject } from '@angular/core';\r\nimport { Observable } from 'rxjs';\r\nimport { CmatToastModel } from './models/toast.model';\r\nimport { CmatToastModalComponent } from './toast-modal.component';\r\nimport { CmatToastService } from './toast.service';\r\n\r\n@Component({\r\n  selector: 'cmat-toast',\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'cmatToast',\r\n  imports: [NgClass, CmatToastModalComponent, AsyncPipe]\r\n})\r\nexport class CmatToastComponent implements OnInit {\r\n\r\n  toasts$: Observable<CmatToastModel[]>;\r\n  position$: Observable<string>;\r\n\r\n  private _cmatToastService = inject(CmatToastService);\r\n\r\n  ngOnInit(): void {\r\n    this.listenForToastEvent();\r\n  }\r\n\r\n  listenForToastEvent(): void {\r\n    this.toasts$ = this._cmatToastService.toastPop$;\r\n    this.position$ = this._cmatToastService.position$;\r\n  }\r\n\r\n  clearToast(toastId: any): void {\r\n    this._cmatToastService.removeToast(toastId);\r\n  }\r\n\r\n  trackByFn(index: number, item: CmatToastModel): any {\r\n    return item.id ?? index;\r\n  }\r\n}\r\n","@if ((toasts$ | async); as toasts) {\r\n  <div class=\"toast-wrapper\" [ngClass]=\"[position$ | async]\">\r\n    @for (toast of toasts; track trackByFn($index, toast)) {\r\n      <cmat-toast-modal [toast]=\"toast\"\r\n        (closeToastEvent)=\"clearToast($event)\">\r\n      </cmat-toast-modal>\r\n    }\r\n  </div>\r\n}","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-treetable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cmat-components-treetable.mjs","sources":["../../../projects/cmat/components/treetable/treetable.component.ts","../../../projects/cmat/components/treetable/treetable.component.html","../../../projects/cmat/components/treetable/treetable.interface.ts","../../../projects/cmat/components/treetable/cmat-components-treetable.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ContentChild,\r\n    Directive,\r\n    Input,\r\n    OnChanges,\r\n    Output,\r\n    SimpleChanges,\r\n    TemplateRef,\r\n    ViewEncapsulation,\r\n    WritableSignal,\r\n    signal,\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\r\nimport { Subject } from 'rxjs';\r\nimport { CmatTreeTableNode } from './treetable.interface';\r\n\r\n@Directive({\r\n    selector: 'ng-template[cmatTreeTableColumn]'\r\n})\r\nexport class CmatTreeTableColumnDirective {\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-treetable',\r\n    templateUrl: './treetable.component.html',\r\n    styleUrls: ['./treetable.component.scss'],\r\n    imports: [CommonModule, MatTableModule, MatIconModule, MatButtonModule],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    exportAs: 'cmatTreeTable'\r\n})\r\nexport class CmatTreeTableComponent implements OnChanges {\r\n    @Input() data: CmatTreeTableNode[];\r\n    @Input() verticalSeparator: boolean = true;\r\n    @Input() initExpand: boolean = true;\r\n    @Input() tableClass: string = '';\r\n    @Input() showControlColumn: boolean = true;\r\n\r\n    @Output() nodeClicked: Subject<CmatTreeTableNode> = new Subject<CmatTreeTableNode>();\r\n\r\n    @ContentChild(CmatTreeTableColumnDirective, { read: TemplateRef })\r\n    customColumnTpl?: TemplateRef<any>;\r\n\r\n    readonly displayedColumns = signal<string[]>(['operate']);\r\n    readonly dataSource: WritableSignal<MatTableDataSource<CmatTreeTableNode>> = signal(new MatTableDataSource<CmatTreeTableNode>([]));\r\n\r\n    private _treeTable: CmatTreeTableNode[];\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes.data) {\r\n            if (this.data) {\r\n                this._treeTable = this._getFlattenNodes(this.data);\r\n                this.dataSource.set(this._generateDataSource());\r\n                this.displayedColumns.set([...Object.keys(this.data[0]).filter(x => typeof this.data[0][x] !== 'object' && this.data[0].showHeader?.includes(x)), 'operate']);\r\n            } else {\r\n                this._treeTable = [];\r\n                this.dataSource.set(this._generateDataSource());\r\n                this.displayedColumns.set(['operate']);\r\n            }\r\n        }\r\n    }\r\n\r\n    formatIndentation(node: CmatTreeTableNode, step: number = 5): string {\r\n        return '&nbsp;'.repeat((node.level ?? 0) * step);\r\n    }\r\n\r\n    onNodeClick(clickedNode: CmatTreeTableNode): void {\r\n        clickedNode.isExpanded = !clickedNode.isExpanded;\r\n        this._switchNodeVisible(clickedNode, null);\r\n\r\n        this.dataSource.set(this._generateDataSource());\r\n        this.nodeClicked.next(clickedNode);\r\n    }\r\n\r\n    getDisplayedColumns(): string[] {\r\n        if (this.showControlColumn)\r\n            return this.displayedColumns();\r\n        else\r\n            return this.displayedColumns().filter(i => i !== 'operate');\r\n    }\r\n\r\n    private _switchNodeVisible(node: CmatTreeTableNode, visible: boolean | null): void {\r\n        if (node.children) {\r\n            node.children.forEach((el) => {\r\n                visible == null ? el.isVisible = !el.isVisible : el.isVisible = visible;\r\n\r\n                if (visible !== false)\r\n                    el.isExpanded = true;\r\n\r\n                this._switchNodeVisible(el, el.isVisible);\r\n            });\r\n        }\r\n    }\r\n    private _generateDataSource(): MatTableDataSource<CmatTreeTableNode> {\r\n        return new MatTableDataSource(this._treeTable.filter(x => x.isVisible));\r\n    }\r\n\r\n    private _getFlattenNodes(nodes: CmatTreeTableNode[], i: number = 0): CmatTreeTableNode[] {\r\n        const flattenedNodes: CmatTreeTableNode[] = [];\r\n\r\n        for (const node of nodes) {\r\n            node.level = i;\r\n            node.isExpanded = this.initExpand;\r\n            node.isVisible = i === 0 ? true : this.initExpand;\r\n\r\n            flattenedNodes.push(node);\r\n\r\n            if (node.children) {\r\n                flattenedNodes.push(...this._getFlattenNodes(node.children, i + 1));\r\n            }\r\n        }\r\n        return flattenedNodes;\r\n    }\r\n}\r\n","<table mat-table class=\"normal-mobile-table w-full bg-transparent\" [dataSource]=\"dataSource()\" [ngClass]=\"tableClass\">\r\n    @for (column of getDisplayedColumns(); track $index) {\r\n    @if(column==='operate'){\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell class=\"text-center\"\r\n            [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\"> 操作 </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"customColumnTpl ? customColumnTpl : columnTpl; context: {$implicit: element}\"></ng-container>\r\n        </td>\r\n    </ng-container>\r\n    }@else {\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\">\r\n            {{column}}\r\n        </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\">\r\n            @if($first){\r\n            <div class=\"value-cell\">\r\n                <div [innerHTML]=\"formatIndentation(element)\"></div>\r\n                <button matIconButton  [ngStyle]=\"{'visibility': element.children?.length>0 ? 'visible' : 'hidden'}\"\r\n                    (click)=\"onNodeClick(element)\">\r\n                    <mat-icon [svgIcon]=\"element.isExpanded? 'mat_outline:expand_more' : 'mat_outline:chevron_right'\">\r\n                    </mat-icon>\r\n                </button>\r\n\r\n                <div>{{element[column]}}</div>\r\n            </div>\r\n            }@else {\r\n            <div>\r\n                {{element[column]}}\r\n            </div>\r\n            }\r\n        </td>\r\n    </ng-container>\r\n    }\r\n    }\r\n\r\n    <tr *matHeaderRowDef=\"getDisplayedColumns()\" mat-header-row></tr>\r\n    <tr *matRowDef=\"let row; columns: getDisplayedColumns();\" mat-row class='group'></tr>\r\n</table>\r\n\r\n<ng-template #columnTpl>\r\n    <div>请实现自定义模板</div>\r\n</ng-template>\r\n","export class CmatTreeTableNode {\r\n    [propName: string]: any;\r\n\r\n    id: string | number;\r\n    children: CmatTreeTableNode[] | null;\r\n    name: string;\r\n    title: string;\r\n    showHeader?: string[];\r\n    level?: number;\r\n}\r\n\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cmat-components-treetable.mjs","sources":["../../../projects/cmat/components/treetable/treetable.component.ts","../../../projects/cmat/components/treetable/treetable.component.html","../../../projects/cmat/components/treetable/treetable.interface.ts","../../../projects/cmat/components/treetable/cmat-components-treetable.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport {\r\n    ChangeDetectionStrategy,\r\n    Component,\r\n    ContentChild,\r\n    Directive,\r\n    Input,\r\n    OnChanges,\r\n    Output,\r\n    SimpleChanges,\r\n    TemplateRef,\r\n    ViewEncapsulation,\r\n    WritableSignal,\r\n    signal,\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTableDataSource, MatTableModule } from '@angular/material/table';\r\nimport { Subject } from 'rxjs';\r\nimport { CmatTreeTableNode } from './treetable.interface';\r\n\r\n@Directive({\r\n    selector: 'ng-template[cmatTreeTableColumn]'\r\n})\r\nexport class CmatTreeTableColumnDirective {\r\n}\r\n\r\n@Component({\r\n    selector: 'cmat-treetable',\r\n    templateUrl: './treetable.component.html',\r\n    styleUrls: ['./treetable.component.scss'],\r\n    imports: [CommonModule, MatTableModule, MatIconModule, MatButtonModule],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    exportAs: 'cmatTreeTable'\r\n})\r\nexport class CmatTreeTableComponent implements OnChanges {\r\n    @Input() data: CmatTreeTableNode[];\r\n    @Input() verticalSeparator: boolean = true;\r\n    @Input() initExpand: boolean = true;\r\n    @Input() tableClass: string = '';\r\n    @Input() showControlColumn: boolean = true;\r\n\r\n    @Output() nodeClicked: Subject<CmatTreeTableNode> = new Subject<CmatTreeTableNode>();\r\n\r\n    @ContentChild(CmatTreeTableColumnDirective, { read: TemplateRef })\r\n    customColumnTpl?: TemplateRef<any>;\r\n\r\n    readonly displayedColumns = signal<string[]>(['operate']);\r\n    readonly dataSource: WritableSignal<MatTableDataSource<CmatTreeTableNode>> = signal(new MatTableDataSource<CmatTreeTableNode>([]));\r\n\r\n    private _treeTable: CmatTreeTableNode[];\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (changes.data) {\r\n            if (this.data) {\r\n                this._treeTable = this._getFlattenNodes(this.data);\r\n                this.dataSource.set(this._generateDataSource());\r\n                this.displayedColumns.set([...Object.keys(this.data[0]).filter(x => typeof this.data[0][x] !== 'object' && this.data[0].showHeader?.includes(x)), 'operate']);\r\n            } else {\r\n                this._treeTable = [];\r\n                this.dataSource.set(this._generateDataSource());\r\n                this.displayedColumns.set(['operate']);\r\n            }\r\n        }\r\n    }\r\n\r\n    formatIndentation(node: CmatTreeTableNode, step: number = 5): string {\r\n        return '&nbsp;'.repeat((node.level ?? 0) * step);\r\n    }\r\n\r\n    onNodeClick(clickedNode: CmatTreeTableNode): void {\r\n        clickedNode.isExpanded = !clickedNode.isExpanded;\r\n        this._switchNodeVisible(clickedNode, null);\r\n\r\n        this.dataSource.set(this._generateDataSource());\r\n        this.nodeClicked.next(clickedNode);\r\n    }\r\n\r\n    getDisplayedColumns(): string[] {\r\n        if (this.showControlColumn)\r\n            return this.displayedColumns();\r\n        else\r\n            return this.displayedColumns().filter(i => i !== 'operate');\r\n    }\r\n\r\n    private _switchNodeVisible(node: CmatTreeTableNode, visible: boolean | null): void {\r\n        if (node.children) {\r\n            node.children.forEach((el) => {\r\n                visible == null ? el.isVisible = !el.isVisible : el.isVisible = visible;\r\n\r\n                if (visible !== false)\r\n                    el.isExpanded = true;\r\n\r\n                this._switchNodeVisible(el, el.isVisible);\r\n            });\r\n        }\r\n    }\r\n    private _generateDataSource(): MatTableDataSource<CmatTreeTableNode> {\r\n        return new MatTableDataSource(this._treeTable.filter(x => x.isVisible));\r\n    }\r\n\r\n    private _getFlattenNodes(nodes: CmatTreeTableNode[], i: number = 0): CmatTreeTableNode[] {\r\n        const flattenedNodes: CmatTreeTableNode[] = [];\r\n\r\n        for (const node of nodes) {\r\n            node.level = i;\r\n            node.isExpanded = this.initExpand;\r\n            node.isVisible = i === 0 ? true : this.initExpand;\r\n\r\n            flattenedNodes.push(node);\r\n\r\n            if (node.children) {\r\n                flattenedNodes.push(...this._getFlattenNodes(node.children, i + 1));\r\n            }\r\n        }\r\n        return flattenedNodes;\r\n    }\r\n}","<table mat-table class=\"normal-mobile-table w-full bg-transparent\" [dataSource]=\"dataSource()\" [ngClass]=\"tableClass\">\r\n    @for (column of getDisplayedColumns(); track $index) {\r\n    @if(column==='operate'){\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell class=\"text-center\"\r\n            [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\"> 操作 </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"customColumnTpl ? customColumnTpl : columnTpl; context: {$implicit: element}\"></ng-container>\r\n        </td>\r\n    </ng-container>\r\n    }@else {\r\n    <ng-container matColumnDef=\"{{column}}\">\r\n        <th *matHeaderCellDef mat-header-cell [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\">\r\n            {{column}}\r\n        </th>\r\n        <td *matCellDef=\"let element\" mat-cell [ngClass]=\"{'vertical-separator': verticalSeparator&&!$first}\">\r\n            @if($first){\r\n            <div class=\"value-cell\">\r\n                <div [innerHTML]=\"formatIndentation(element)\"></div>\r\n                <button matIconButton  [ngStyle]=\"{'visibility': element.children?.length>0 ? 'visible' : 'hidden'}\"\r\n                    (click)=\"onNodeClick(element)\">\r\n                    <mat-icon [svgIcon]=\"element.isExpanded? 'mat_outline:expand_more' : 'mat_outline:chevron_right'\">\r\n                    </mat-icon>\r\n                </button>\r\n\r\n                <div>{{element[column]}}</div>\r\n            </div>\r\n            }@else {\r\n            <div>\r\n                {{element[column]}}\r\n            </div>\r\n            }\r\n        </td>\r\n    </ng-container>\r\n    }\r\n    }\r\n\r\n    <tr *matHeaderRowDef=\"getDisplayedColumns()\" mat-header-row></tr>\r\n    <tr *matRowDef=\"let row; columns: getDisplayedColumns();\" mat-row class='group'></tr>\r\n</table>\r\n\r\n<ng-template #columnTpl>\r\n    <div>请实现自定义模板</div>\r\n</ng-template>\r\n","export class CmatTreeTableNode {\r\n    [propName: string]: any;\r\n\r\n    id: string | number;\r\n    children: CmatTreeTableNode[] | null;\r\n    name: string;\r\n    title: string;\r\n    showHeader?: string[];\r\n    level?: number;\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-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,14 +127,38 @@ 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.9", ngImport: i0, type: CmatArrowCursorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }

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":";;;;;MAOa,wBAAwB,CAAA;AAHrC,IAAA,WAAA,GAAA;QAIa,IAAA,CAAA,iBAAiB,GAAW,GAAG;QAC/B,IAAA,CAAA,WAAW,GAA8B,YAAY;QACrD,IAAA,CAAA,OAAO,GAAY,KAAK;QACxB,IAAA,CAAA,QAAQ,GAAW,wBAAwB;AAC1C,QAAA,IAAA,CAAA,UAAU,GAAgC,IAAI,YAAY,EAAiB;QAIrF,IAAA,CAAA,WAAW,GAA0B,IAAI;AAOjC,QAAA,IAAA,CAAA,SAAS,GAAG,MAAM,CAAW,QAAQ,CAAC;AACtC,QAAA,IAAA,CAAA,wBAAwB,GAAG,MAAM,CAAC,uBAAuB,CAAC;AACjD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAsJpD,IAAA;AAnJU,IAAA,YAAY,CAAC,KAAU,EAAA;QAC1B,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;AAC/B,YAAA,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC;AAChE,YAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,EAAE;AACzB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,oBAAoB,CAAC,IAAI,IAAI;AAC/E,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;AAEtB,gBAAA,IAAI,IAAI,CAAC,UAAU,EAAE;oBACjB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,4CAA4C;oBAC9E,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;gBACvC;YACJ;AAEA,YAAA,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAC7E,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO;AAClC,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO;AAElC,YAAA,IAAI,CAAC;AAEL,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE;gBACnC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM;gBAE/E,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;sBAChH,CAAC;AACH,uBAAG,IAAI,CAAC,UAAU,KAAK,OAAO,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;YACpD;iBAAO;gBACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI;gBAE7E,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;AAClH,sBAAE;AACF,uBAAG,IAAI,CAAC,UAAU,KAAK,MAAM,GAAG,CAAC,GAAG,GAAG,EAAE,CAAC;YAClD;AAEA,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,iBAAiB,GAAG,CAAC,GAAG,MAAM;AAEhE,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,GAAG,GAAG;AAE/D,gBAAA,QAAQ,IAAI,CAAC,UAAU;AACnB,oBAAA,KAAK,MAAM;wBACP,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,yBAAyB;wBAC3D;AACJ,oBAAA,KAAK,IAAI;wBACL,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,wBAAwB;wBAC1D;AACJ,oBAAA,KAAK,OAAO;wBACR,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,sBAAsB;wBACxD;AACJ,oBAAA,KAAK,MAAM;wBACP,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,uBAAuB;wBACzD;;gBAGR,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;YACvC;QACJ;IACJ;AAGO,IAAA,YAAY,CAAC,KAAU,EAAA;QAC1B,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,EAAE;AAC/B,YAAA,IAAI,CAAC;AAEL,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE;gBACnC,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AAClH,uBAAG,CAAC,OAAO,KAAK,IAAI,CAAC,UAAU,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE;AAC7C,uBAAG,CAAC,OAAO,KAAK,IAAI,CAAC,UAAU,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC;YACtD;iBAAO;gBACH,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;AAClH,uBAAG,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,GAAG,GAAG,CAAC,GAAG;AAC5C,uBAAG,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;YACnD;AAEA,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACjB,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,GAAG,GAAG;AAC/D,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,iBAAiB,GAAG,CAAC,GAAG,yBAAyB;gBACnF,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG;YACvC;AAEA,YAAA,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,CAAC;QAC1D;IACJ;AAGO,IAAA,WAAW,CAAC,KAAU,EAAA;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;AAClD,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO;AAClC,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO;AAElC,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,YAAY,EAAE;gBACnC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,UAAU,GAAG,CAAC,GAAG,OAAO,GAAG,MAAM;YACnF;iBAAO;gBACH,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI;YACjF;YAEA,IAAI,IAAI,CAAC,aAAa,KAAK,IAAI,CAAC,UAAU,EAAE;AACxC,gBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,GAAG,GAAG;AAC/D,gBAAA,QAAQ,IAAI,CAAC,UAAU;AACnB,oBAAA,KAAK,MAAM;wBACP,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,yBAAyB;wBAC3D;AACJ,oBAAA,KAAK,IAAI;wBACL,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,wBAAwB;wBAC1D;AACJ,oBAAA,KAAK,OAAO;wBACR,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,sBAAsB;wBACxD;AACJ,oBAAA,KAAK,MAAM;wBACP,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,GAAG,uBAAuB;wBACzD;;AAER,gBAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,UAAU;YACxC;QACJ;IACJ;AAGA,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE;YAClD,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YAErC,KAAK,CAAC,eAAe,EAAE;QAC3B;IACJ;IAEA,eAAe,GAAA;QACX,IAAI,CAAC,wBAAwB,CAAC;AACzB,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AACzC,aAAA,SAAS,CAAC,CAAC,EAAE,eAAe,EAAE,KAAI;YAC/B,IAAI,CAAC,OAAO,GAAG,CAAC,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC;AAClD,QAAA,CAAC,CAAC;IACV;IAEA,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC3B,YAAA,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,oBAAoB,CAAC;QAC1D;IACJ;IAEA,UAAU,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,EAAE;YACnD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,SAAS,GAAG,cAAc,GAAG,IAAI,CAAC,aAAa,GAAG,KAAK,GAAG,IAAI,CAAC,aAAa,GAAG,SAAS;AAE/G,YAAA,IAAI,CAAC,oBAAoB,GAAG,qBAAqB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjF;IACJ;8GAtKS,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE;AACb,iBAAA;;sBAEI;;sBACA;;sBACA;;sBACA;;sBACA;;sBAeA,YAAY;uBAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;;sBA2DrC,YAAY;uBAAC,YAAY,EAAE,CAAC,QAAQ,CAAC;;sBAyBrC,YAAY;uBAAC,WAAW,EAAE,CAAC,QAAQ,CAAC;;sBAiCpC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;AChJrC;;AAEG;;;;"}
+{"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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"}