cmat 0.0.3

package/fesm2022/cmat-components-date-range.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-date-range.mjs","sources":["../../../projects/cmat/components/date-range/date-range.component.ts","../../../projects/cmat/components/date-range/date-range.component.html","../../../projects/cmat/components/date-range/cmat-components-date-range.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, forwardRef, Input, OnDestroy, Output, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\r\nimport { ControlValueAccessor, FormControl, NG_VALUE_ACCESSOR, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\nimport { TemplatePortal } from '@angular/cdk/portal';\r\nimport { MatCalendarCellCssClasses, MatMonthView, MatDatepickerModule } from '@angular/material/datepicker';\r\nimport { Subject } from 'rxjs';\r\nimport dayjs, { Dayjs } from 'dayjs';\r\nimport isBetween from 'dayjs/plugin/isBetween';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { NgIf } from '@angular/common';\r\n\r\n@Component({\r\n    selector: 'cmat-date-range',\r\n    templateUrl: './date-range.component.html',\r\n    styleUrls: ['./date-range.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatDateRange',\r\n    providers: [\r\n        {\r\n            provide: NG_VALUE_ACCESSOR,\r\n            useExisting: forwardRef(() => CmatDateRangeComponent),\r\n            multi: true\r\n        }\r\n    ],\r\n    standalone: true,\r\n    imports: [NgIf, MatButtonModule, MatIconModule, MatDatepickerModule, MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule]\r\n})\r\nexport class CmatDateRangeComponent implements ControlValueAccessor, OnDestroy {\r\n    @Output() readonly rangeChanged: EventEmitter<{ start: string; end: string }> = new EventEmitter<{ start: string; end: string }>();\r\n    @ViewChild('matMonthView1') private _matMonthView1: MatMonthView<any>;\r\n    @ViewChild('matMonthView2') private _matMonthView2: MatMonthView<any>;\r\n    @ViewChild('pickerPanelOrigin', { read: ElementRef }) private _pickerPanelOrigin: ElementRef;\r\n    @ViewChild('pickerPanel') private _pickerPanel: TemplateRef<any>;\r\n\r\n    activeDates: { month1: Dayjs | null; month2: Dayjs | null } = {\r\n        month1: null,\r\n        month2: null\r\n    };\r\n    setWhichDate: 'start' | 'end' = 'start';\r\n    startTimeFormControl: FormControl;\r\n    endTimeFormControl: FormControl;\r\n    private _dateFormat: string;\r\n    private _onChange: (value: any) => void;\r\n    private _onTouched: (value: any) => void;\r\n    private _programmaticChange!: boolean;\r\n    private _range: { start: Dayjs | null; end: Dayjs | null } = {\r\n        start: null,\r\n        end: null\r\n    };\r\n    private _timeFormat: string;\r\n    private _timeRange: boolean;\r\n    private readonly _timeRegExp: RegExp = new RegExp('^(0[0-9]|1[0-9]|2[0-4]|[0-9]):([0-5][0-9])(A|(?:AM)|P|(?:PM))?$', 'i');\r\n    private _unsubscribeAll: Subject<any> = new Subject<any>();\r\n\r\n    constructor(\r\n        private _overlay: Overlay,\r\n        private _viewContainerRef: ViewContainerRef\r\n    ) {\r\n        dayjs.extend(isBetween);\r\n\r\n        this._onChange = (): void => { };\r\n        this._onTouched = (): void => { };\r\n        this.dateFormat = 'YYYY/MM/DD';\r\n        this.timeFormat = '12';\r\n\r\n        // Initialize the component\r\n        this._init();\r\n    }\r\n\r\n    // -----------------------------------------------------------------------------------------------------\r\n    // @ Accessors\r\n    // -----------------------------------------------------------------------------------------------------\r\n\r\n    /**\r\n     * Setter & getter for dateFormat input */\r\n    get dateFormat(): string {\r\n        return this._dateFormat;\r\n    }\r\n    @Input()\r\n    set dateFormat(value: string) {\r\n        // Return if the values are the same\r\n        if (this._dateFormat === value) {\r\n            return;\r\n        }\r\n\r\n        // Store the value\r\n        this._dateFormat = value;\r\n    }\r\n\r\n    /**\r\n     * Setter & getter for timeFormat input */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get timeFormat(): string {\r\n        return this._timeFormat;\r\n    }\r\n    @Input()\r\n    set timeFormat(value: string) {\r\n        // Return if the values are the same\r\n        if (this._timeFormat === value) {\r\n            return;\r\n        }\r\n\r\n        // Set format based on the time format input\r\n        this._timeFormat = value === '12' ? 'hh:mmA' : 'HH:mm';\r\n    }\r\n\r\n\r\n\r\n    /**\r\n     * Setter & getter for timeRange input */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get timeRange(): boolean {\r\n        return this._timeRange;\r\n    }\r\n    @Input()\r\n    set timeRange(value: boolean) {\r\n        // Return if the values are the same\r\n        if (this._timeRange === value) {\r\n            return;\r\n        }\r\n\r\n        // Store the value\r\n        this._timeRange = value;\r\n\r\n        // If the time range turned off...\r\n        if (!value && this._range.start && this._range.end) {\r\n            this.range = {\r\n                start: this._range.start.clone().startOf('day'),\r\n                end: this._range.end.clone().endOf('day')\r\n            };\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Setter & getter for range input */\r\n    // eslint-disable-next-line @typescript-eslint/member-ordering\r\n    get range(): any {\r\n        if (this._range.start && this._range.end) {\r\n            // Clone the range start and end\r\n            const start = this._range.start.clone();\r\n            const end = this._range.end.clone();\r\n\r\n            // Build and return the range object\r\n            return {\r\n                startDate: start.clone().format(this.dateFormat),\r\n                startTime: this.timeRange ? start.clone().format(this.timeFormat) : null,\r\n                endDate: end.clone().format(this.dateFormat),\r\n                endTime: this.timeRange ? end.clone().format(this.timeFormat) : null\r\n            };\r\n        }\r\n\r\n        return void 0;\r\n    }\r\n\r\n    @Input()\r\n    set range(value) {\r\n        if (!value) {\r\n            return;\r\n        }\r\n\r\n        // Check if the value is an object and has 'start' and 'end' values\r\n        if (!value.start || !value.end) {\r\n            console.error('Range input must have \"start\" and \"end\" properties!');\r\n\r\n            return;\r\n        }\r\n\r\n        // Check if we are setting an individual date or both of them\r\n        const whichDate = value.whichDate || null;\r\n\r\n        // Get the start and end dates as moment\r\n        const start = dayjs(value.start);\r\n        const end = dayjs(value.end);\r\n\r\n        // If we are only setting the start date...\r\n        if (whichDate === 'start') {\r\n            // Set the start date\r\n            this._range.start = start.clone();\r\n\r\n            // If the selected start date is after the end date...\r\n            if (this._range.end && this._range.start.isAfter(this._range.end)) {\r\n                // Set the end date to the start date but keep the end date's time\r\n                const endDate = start.clone().hour(this._range.end.hour()).minute(this._range.end.minute()).second(this._range.end.second());\r\n\r\n                // Test this new end date to see if it's ahead of the start date\r\n                if (this._range.start.isBefore(endDate)) {\r\n                    // If it's, set the new end date\r\n                    this._range.end = endDate;\r\n                }\r\n                else {\r\n                    // Otherwise, set the end date same as the start date\r\n                    this._range.end = start.clone();\r\n                }\r\n            }\r\n        }\r\n\r\n        // If we are only setting the end date...\r\n        if (whichDate === 'end') {\r\n            // Set the end date\r\n            this._range.end = end.clone();\r\n\r\n            // If the selected end date is before the start date...\r\n            if (this._range.start && this._range.start.isAfter(this._range.end)) {\r\n                // Set the start date to the end date but keep the start date's time\r\n                const startDate = end.clone().hour(this._range.start.hour()).minute(this._range.start.minute()).second(this._range.start.second());\r\n\r\n                // Test this new end date to see if it's ahead of the start date\r\n                if (this._range.end.isAfter(startDate)) {\r\n                    // If it's, set the new start date\r\n                    this._range.start = startDate;\r\n                }\r\n                else {\r\n                    // Otherwise, set the start date same as the end date\r\n                    this._range.start = end.clone();\r\n                }\r\n            }\r\n        }\r\n\r\n        // If we are setting both dates...\r\n        if (!whichDate) {\r\n            // Set the start date\r\n            this._range.start = start.clone();\r\n\r\n            // If the start date is before the end date, set the end date as normal.\r\n            // If the start date is after the end date, set the end date same as the start date.\r\n            this._range.end = start.isBefore(end) ? end.clone() : start.clone();\r\n        }\r\n\r\n        if (this._range.start && this._range.end) {\r\n            // Prepare another range object that holds the ISO formatted range dates\r\n            const range = {\r\n                start: this._range.start.clone().toISOString(),\r\n                end: this._range.end.clone().toISOString()\r\n            };\r\n\r\n            // Emit the range changed event with the range\r\n            this.rangeChanged.emit(range);\r\n\r\n            // Update the model with the range if the change was not a programmatic change\r\n            // Because programmatic changes trigger writeValue which triggers onChange and onTouched\r\n            // internally causing them to trigger twice which breaks the form's pristine and touched\r\n            // statuses.\r\n            if (!this._programmaticChange) {\r\n                this._onTouched(range);\r\n                this._onChange(range);\r\n            }\r\n\r\n            // Set the active dates\r\n            this.activeDates = {\r\n                month1: this._range.start.clone(),\r\n                month2: this._range.start.clone().add(1, 'month')\r\n            };\r\n\r\n            // Set the time form controls\r\n            this.startTimeFormControl.setValue(this._range.start.clone().format(this._timeFormat).toString());\r\n            this.endTimeFormControl.setValue(this._range.end.clone().format(this._timeFormat).toString());\r\n        }\r\n\r\n        // Run ngAfterContentInit on month views to trigger\r\n        // re-render on month views if they are available\r\n        if (this._matMonthView1 && this._matMonthView2) {\r\n            this._matMonthView1.ngAfterContentInit();\r\n            this._matMonthView2.ngAfterContentInit();\r\n        }\r\n\r\n        // Reset the programmatic change status\r\n        this._programmaticChange = false;\r\n    }\r\n    // -----------------------------------------------------------------------------------------------------\r\n    // @ Control Value Accessor\r\n    // -----------------------------------------------------------------------------------------------------\r\n\r\n    /**\r\n     * Update the form model on change\r\n     *\r\n     * @param fn\r\n     */\r\n    registerOnChange(fn: any): void {\r\n        this._onChange = fn;\r\n    }\r\n\r\n    /**\r\n     * Update the form model on blur\r\n     *\r\n     * @param fn\r\n     */\r\n    registerOnTouched(fn: any): void {\r\n        this._onTouched = fn;\r\n    }\r\n\r\n    /**\r\n     * Write to view from model when the form model changes programmatically\r\n     *\r\n     * @param range\r\n     */\r\n    writeValue(range: { start: string; end: string }): void {\r\n        // Set this change as a programmatic one\r\n        this._programmaticChange = true;\r\n\r\n        // Set the range\r\n        this.range = range;\r\n    }\r\n\r\n    /**\r\n     * On destroy\r\n     */\r\n    ngOnDestroy(): void {\r\n        this._unsubscribeAll.next(void 0);\r\n        this._unsubscribeAll.complete();\r\n\r\n        this.writeValue = (): void => { };\r\n    }\r\n\r\n    // -----------------------------------------------------------------------------------------------------\r\n    // @ Public methods\r\n    // -----------------------------------------------------------------------------------------------------\r\n\r\n    /**\r\n     * Open the picker panel\r\n     */\r\n    openPickerPanel(): void {\r\n        // Create the overlay\r\n        const overlayRef = this._overlay.create({\r\n            panelClass: 'cmat-date-range-panel',\r\n            backdropClass: '',\r\n            hasBackdrop: true,\r\n            scrollStrategy: this._overlay.scrollStrategies.reposition(),\r\n            positionStrategy: this._overlay.position()\r\n                .flexibleConnectedTo(this._pickerPanelOrigin)\r\n                .withPositions([\r\n                    {\r\n                        originX: 'start',\r\n                        originY: 'bottom',\r\n                        overlayX: 'start',\r\n                        overlayY: 'top',\r\n                        offsetY: 8\r\n                    },\r\n                    {\r\n                        originX: 'start',\r\n                        originY: 'top',\r\n                        overlayX: 'start',\r\n                        overlayY: 'bottom',\r\n                        offsetY: -8\r\n                    }\r\n                ])\r\n        });\r\n\r\n        // Create a portal from the template\r\n        const templatePortal = new TemplatePortal(this._pickerPanel, this._viewContainerRef);\r\n\r\n        // On backdrop click\r\n        overlayRef.backdropClick().subscribe(() => {\r\n\r\n            // If template portal exists and attached...\r\n            if (templatePortal && templatePortal.isAttached) {\r\n                // Detach it\r\n                templatePortal.detach();\r\n            }\r\n\r\n            // If overlay exists and attached...\r\n            if (overlayRef && overlayRef.hasAttached()) {\r\n                // Detach it\r\n                overlayRef.detach();\r\n                overlayRef.dispose();\r\n            }\r\n        });\r\n\r\n        // Attach the portal to the overlay\r\n        overlayRef.attach(templatePortal);\r\n    }\r\n\r\n    /**\r\n     * Get month label\r\n     *\r\n     * @param month\r\n     */\r\n    getMonthLabel(month: number): string | void {\r\n        if (month === 1) {\r\n            return this.activeDates.month1?.clone().format('YYYY MMMM');\r\n        }\r\n\r\n        return this.activeDates.month2?.clone().format('YYYY MMMM');\r\n    }\r\n\r\n    /**\r\n     * Date class function to add/remove class names to calendar days\r\n     */\r\n    dateClass(): any {\r\n        return (date: Dayjs): MatCalendarCellCssClasses | void => {\r\n\r\n            // If the date is both start and end date...\r\n            if (date.isSame(this._range.start, 'day') && date.isSame(this._range.end, 'day')) {\r\n                return ['cmat-date-range', 'cmat-date-range-start', 'cmat-date-range-end'];\r\n            }\r\n\r\n            // If the date is the start date...\r\n            if (date.isSame(this._range.start, 'day')) {\r\n                return ['cmat-date-range', 'cmat-date-range-start'];\r\n            }\r\n\r\n            // If the date is the end date...\r\n            if (date.isSame(this._range.end, 'day')) {\r\n                return ['cmat-date-range', 'cmat-date-range-end'];\r\n            }\r\n\r\n            // If the date is in between start and end dates...\r\n            if (date.isBetween(this._range.start, this._range.end, 'day')) {\r\n                return ['cmat-date-range', 'cmat-date-range-mid'];\r\n            }\r\n\r\n            return void 0;\r\n        };\r\n    }\r\n\r\n    /**\r\n     * Date filter to enable/disable calendar days\r\n     */\r\n    dateFilter(): any {\r\n        // If we are selecting the end date, disable all the dates that comes before the start date\r\n        return (date: Dayjs): boolean => !(this.setWhichDate === 'end' && date.isBefore(this._range.start, 'day'));\r\n    }\r\n\r\n    /**\r\n     * On selected date change\r\n     *\r\n     * @param date\r\n     */\r\n    onSelectedDateChange(date: Dayjs): void {\r\n        if (this._range.start && this._range.end) {\r\n            // Create a new range object\r\n            const newRange = {\r\n                start: this._range.start.clone().toISOString(),\r\n                end: this._range.end.clone().toISOString(),\r\n                whichDate: ''\r\n            };\r\n\r\n            // Replace either the start or the end date with the new one\r\n            // depending on which date we are setting\r\n            if (this.setWhichDate === 'start') {\r\n                newRange.start = dayjs(newRange.start).year(date.year()).month(date.month()).date(date.date()).toISOString();\r\n            }\r\n            else {\r\n                newRange.end = dayjs(newRange.end).year(date.year()).month(date.month()).date(date.date()).toISOString();\r\n            }\r\n\r\n            // Append the which date to the new range object\r\n            newRange.whichDate = this.setWhichDate;\r\n\r\n            // Switch which date to set on the next run\r\n            this.setWhichDate = this.setWhichDate === 'start' ? 'end' : 'start';\r\n\r\n            // Set the range\r\n            this.range = newRange;\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Go to previous month on both views\r\n     */\r\n    prev(): void {\r\n        this.activeDates.month1 = dayjs(this.activeDates.month1).subtract(1, 'month');\r\n        this.activeDates.month2 = dayjs(this.activeDates.month2).subtract(1, 'month');\r\n    }\r\n\r\n    /**\r\n     * Go to next month on both views\r\n     */\r\n    next(): void {\r\n        this.activeDates.month1 = dayjs(this.activeDates.month1).add(1, 'month');\r\n        this.activeDates.month2 = dayjs(this.activeDates.month2).add(1, 'month');\r\n    }\r\n\r\n    /**\r\n     * Update the start time\r\n     *\r\n     * @param event\r\n     */\r\n    updateStartTime(event: any): void {\r\n        // Parse the time\r\n        const parsedTime = this._parseTime(event.target.value);\r\n\r\n        // Go back to the previous value if the form control is not valid\r\n        if (this.startTimeFormControl.invalid) {\r\n            if (this._range.start) {\r\n                // Override the time            \r\n                const time = this._range.start.clone().format(this._timeFormat);\r\n\r\n                // Set the time\r\n                this.startTimeFormControl.setValue(time);\r\n            }\r\n            // Do not update the range\r\n            return;\r\n        }\r\n\r\n        if (this._range.start && this._range.end) {\r\n            // Append the new time to the start date\r\n            const startDate = this._range.start.clone().hour(parsedTime.hour()).minute(parsedTime.minute());\r\n\r\n            // If the new start date is after the current end date,\r\n            // use the end date's time and set the start date again\r\n            if (startDate.isAfter(this._range.end)) {\r\n                const endDateHours = this._range.end.hour();\r\n                const endDateMinutes = this._range.end.minute();\r\n\r\n                // Set the start date\r\n                startDate.hour(endDateHours).minute(endDateMinutes);\r\n            }\r\n\r\n            // If everything is okay, set the new date\r\n            this.range = {\r\n                start: startDate.toISOString(),\r\n                end: this._range.end.clone().toISOString(),\r\n                whichDate: 'start'\r\n            };\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Update the end time\r\n     *\r\n     * @param event\r\n     */\r\n    updateEndTime(event: any): void {\r\n        // Parse the time\r\n        const parsedTime = this._parseTime(event.target.value);\r\n\r\n        // Go back to the previous value if the form control is not valid\r\n        if (this.endTimeFormControl.invalid) {\r\n            if (this._range.end) {\r\n                // Override the time\r\n                const time = this._range.end.clone().format(this._timeFormat);\r\n\r\n                // Set the time\r\n                this.endTimeFormControl.setValue(time);\r\n            }\r\n            // Do not update the range\r\n            return;\r\n        }\r\n\r\n        if (this._range.start && this._range.end) {\r\n            // Append the new time to the end date\r\n            const endDate = this._range.end.clone().hour(parsedTime.hour()).minute(parsedTime.minute());\r\n\r\n            // If the new end date is before the current start date,\r\n            // use the start date's time and set the end date again\r\n            if (endDate.isBefore(this._range.start)) {\r\n                const startDateHours = this._range.start.hour();\r\n                const startDateMinutes = this._range.start.minute();\r\n\r\n                // Set the end date\r\n                endDate.hour(startDateHours).minute(startDateMinutes);\r\n            }\r\n\r\n            // If everything is okay, set the new date\r\n            this.range = {\r\n                start: this._range.start.clone().toISOString(),\r\n                end: endDate.toISOString(),\r\n                whichDate: 'end'\r\n            };\r\n        }\r\n    }\r\n\r\n    // -----------------------------------------------------------------------------------------------------\r\n    // @ Private methods\r\n    // -----------------------------------------------------------------------------------------------------\r\n\r\n    /**\r\n     * Initialize\r\n     *\r\n     * @private\r\n     */\r\n    private _init(): void {\r\n        // Start and end time form controls\r\n        this.startTimeFormControl = new FormControl('', [Validators.pattern(this._timeRegExp)]);\r\n        this.endTimeFormControl = new FormControl('', [Validators.pattern(this._timeRegExp)]);\r\n\r\n        // Set the default range\r\n        this._programmaticChange = true;\r\n        this.range = {\r\n            start: dayjs().startOf('day').toISOString(),\r\n            end: dayjs().add(1, 'day').endOf('day').toISOString()\r\n        };\r\n\r\n        // Set the default time range\r\n        this._programmaticChange = true;\r\n        this.timeRange = true;\r\n    }\r\n\r\n    /**\r\n     * Parse the time from the inputs\r\n     *\r\n     * @param value\r\n     * @private\r\n     */\r\n    private _parseTime(value: string): Dayjs {\r\n        // Parse the time using the time regexp\r\n        const timeArr = value.split(this._timeRegExp).filter(part => part !== '');\r\n\r\n        // Get the meridiem\r\n        const meridiem = timeArr[2] || null;\r\n\r\n        // If meridiem exists...\r\n        if (meridiem) {\r\n            // Create a moment using 12-hours format and return it\r\n            return dayjs(value, 'hh:mmA').second(0);\r\n        }\r\n\r\n        // If meridiem doesn't exist, create a moment using 24-hours format and return in\r\n        return dayjs(value, 'HH:mm').second(0);\r\n    }\r\n}\r\n","<div role=\"presentation\" class=\"range\" (click)=\"openPickerPanel()\" #pickerPanelOrigin>\r\n\r\n    <div class=\"start\">\r\n        <div class=\"date\">{{range.startDate}}</div>\r\n        <div class=\"time\" *ngIf=\"range.startTime\">{{range.startTime}}</div>\r\n    </div>\r\n\r\n    <div class=\"separator\">-</div>\r\n\r\n    <div class=\"end\">\r\n        <div class=\"date\">{{range.endDate}}</div>\r\n        <div class=\"time\" *ngIf=\"range.endTime\">{{range.endTime}}</div>\r\n    </div>\r\n\r\n</div>\r\n\r\n<ng-template #pickerPanel>\r\n\r\n    <!-- Start -->\r\n    <div class=\"start\">\r\n\r\n        <div class=\"month\">\r\n            <div class=\"month-header\">\r\n                <button type=\"button\" class=\"previous-button\" mat-icon-button (click)=\"prev()\" tabindex=\"1\">\r\n                    <mat-icon [svgIcon]=\"'heroicons_outline:chevron-left'\"></mat-icon>\r\n                </button>\r\n                <div class=\"month-label\">{{getMonthLabel(1)}}</div>\r\n            </div>\r\n            <mat-month-view [(activeDate)]=\"activeDates.month1\" [dateFilter]=\"dateFilter()\" [dateClass]=\"dateClass()\"\r\n                (click)=\"$event.stopImmediatePropagation()\" (selectedChange)=\"onSelectedDateChange($event)\"\r\n                #matMonthView1>\r\n            </mat-month-view>\r\n        </div>\r\n\r\n        <mat-form-field class=\"time start-time\" *ngIf=\"timeRange\">\r\n            <input matInput [autocomplete]=\"'off'\" [formControl]=\"startTimeFormControl\" (blur)=\"updateStartTime($event)\"\r\n                tabindex=\"3\">\r\n            <mat-label>开始时间</mat-label>\r\n        </mat-form-field>\r\n\r\n    </div>\r\n\r\n    <!-- End -->\r\n    <div class=\"end\">\r\n\r\n        <div class=\"month\">\r\n            <div class=\"month-header\">\r\n                <div class=\"month-label\">{{getMonthLabel(2)}}</div>\r\n                <button type=\"button\" class=\"next-button\" mat-icon-button (click)=\"next()\" tabindex=\"2\">\r\n                    <mat-icon [svgIcon]=\"'heroicons_outline:chevron-right'\"></mat-icon>\r\n                </button>\r\n            </div>\r\n            <mat-month-view [(activeDate)]=\"activeDates.month2\" [dateFilter]=\"dateFilter()\" [dateClass]=\"dateClass()\"\r\n                (click)=\"$event.stopImmediatePropagation()\" (selectedChange)=\"onSelectedDateChange($event)\"\r\n                #matMonthView2>\r\n            </mat-month-view>\r\n        </div>\r\n\r\n        <mat-form-field class=\"time end-time\" *ngIf=\"timeRange\">\r\n            <input matInput [formControl]=\"endTimeFormControl\" (blur)=\"updateEndTime($event)\" tabindex=\"4\">\r\n            <mat-label>结束时间</mat-label>\r\n        </mat-form-field>\r\n\r\n    </div>\r\n\r\n</ng-template>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cmat-components-drawer.mjs

@@ -0,0 +1,346 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostBinding, HostListener } from '@angular/core';
+import * as i1 from '@angular/animations';
+import { style, animate } from '@angular/animations';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i3 from 'cmat/services/utils';
+
+class CmatDrawerService {
+    constructor() {
+        this._componentRegistry = new Map();
+    }
+    /**
+     * Register drawer component
+     *
+     * @param name
+     * @param component
+     */
+    registerComponent(name, component) {
+        this._componentRegistry.set(name, component);
+    }
+    /**
+     * Deregister drawer component
+     *
+     * @param name
+     */
+    deregisterComponent(name) {
+        this._componentRegistry.delete(name);
+    }
+    /**
+     * Get drawer component from the registry
+     *
+     * @param name
+     */
+    getComponent(name) {
+        return this._componentRegistry.get(name);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatDrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatDrawerService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatDrawerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class CmatDrawerComponent {
+    constructor(_animationBuilder, _elementRef, _renderer2, _cmatDrawerService, _cmatUtilsService) {
+        this._animationBuilder = _animationBuilder;
+        this._elementRef = _elementRef;
+        this._renderer2 = _renderer2;
+        this._cmatDrawerService = _cmatDrawerService;
+        this._cmatUtilsService = _cmatUtilsService;
+        /* eslint-enable @typescript-eslint/naming-convention */
+        this.fixed = false;
+        this.mode = 'side';
+        this.name = this._cmatUtilsService.randomId();
+        this.opened = false;
+        this.position = 'left';
+        this.transparentOverlay = false;
+        this.fixedChanged = new EventEmitter();
+        this.modeChanged = new EventEmitter();
+        this.openedChanged = new EventEmitter();
+        this.positionChanged = new EventEmitter();
+        this._animationsEnabled = false;
+        this._hovered = false;
+    }
+    get classList() {
+        /* eslint-disable @typescript-eslint/naming-convention */
+        return {
+            'cmat-drawer-animations-enabled': this._animationsEnabled,
+            'cmat-drawer-fixed': this.fixed,
+            'cmat-drawer-hover': this._hovered,
+            [`cmat-drawer-mode-${this.mode}`]: true,
+            'cmat-drawer-opened': this.opened,
+            [`cmat-drawer-position-${this.position}`]: true
+        };
+    }
+    get styleList() {
+        return {
+            'visibility': this.opened ? 'visible' : 'hidden'
+        };
+    }
+    onMouseenter() {
+        // Enable the animations
+        this._enableAnimations();
+        // Set the hovered
+        this._hovered = true;
+    }
+    onMouseleave() {
+        // Enable the animations
+        this._enableAnimations();
+        // Set the hovered
+        this._hovered = false;
+    }
+    ngOnChanges(changes) {
+        // Fixed
+        if ('fixed' in changes) {
+            // Coerce the value to a boolean
+            this.fixed = coerceBooleanProperty(changes['fixed'].currentValue);
+            // Execute the observable
+            this.fixedChanged.next(this.fixed);
+        }
+        // Mode
+        if ('mode' in changes) {
+            // Get the previous and current values
+            const previousMode = changes['mode'].previousValue;
+            const currentMode = changes['mode'].currentValue;
+            // Disable the animations
+            this._disableAnimations();
+            // If the mode changes: 'over -> side'
+            if (previousMode === 'over' && currentMode === 'side') {
+                // Hide the overlay
+                this._hideOverlay();
+            }
+            // If the mode changes: 'side -> over'
+            if (previousMode === 'side' && currentMode === 'over') {
+                // If the drawer is opened
+                if (this.opened) {
+                    // Show the overlay
+                    this._showOverlay();
+                }
+            }
+            // Execute the observable
+            this.modeChanged.next(currentMode);
+            // Enable the animations after a delay
+            // The delay must be bigger than the current transition-duration
+            // to make sure nothing will be animated while the mode is changing
+            setTimeout(() => {
+                this._enableAnimations();
+            }, 500);
+        }
+        // Opened
+        if ('opened' in changes) {
+            // Coerce the value to a boolean
+            const open = coerceBooleanProperty(changes['opened'].currentValue);
+            // Open/close the drawer
+            this._toggleOpened(open);
+        }
+        // Position
+        if ('position' in changes) {
+            // Execute the observable
+            this.positionChanged.next(this.position);
+        }
+        // Transparent overlay
+        if ('transparentOverlay' in changes) {
+            // Coerce the value to a boolean
+            this.transparentOverlay = coerceBooleanProperty(changes['transparentOverlay'].currentValue);
+        }
+    }
+    ngOnInit() {
+        // Register the drawer
+        this._cmatDrawerService.registerComponent(this.name, this);
+    }
+    ngOnDestroy() {
+        // Deregister the drawer from the registry
+        this._cmatDrawerService.deregisterComponent(this.name);
+    }
+    open() {
+        // Return if the drawer has already opened
+        if (this.opened) {
+            return;
+        }
+        // Open the drawer
+        this._toggleOpened(true);
+    }
+    close() {
+        // Return if the drawer has already closed
+        if (!this.opened) {
+            return;
+        }
+        // Close the drawer
+        this._toggleOpened(false);
+    }
+    toggle() {
+        if (this.opened) {
+            this.close();
+        }
+        else {
+            this.open();
+        }
+    }
+    /**
+     * Enable the animations
+     *
+     * @private
+     */
+    _enableAnimations() {
+        // Return if the animations are already enabled
+        if (this._animationsEnabled) {
+            return;
+        }
+        // Enable the animations
+        this._animationsEnabled = true;
+    }
+    /**
+     * Disable the animations
+     *
+     * @private
+     */
+    _disableAnimations() {
+        // Return if the animations are already disabled
+        if (!this._animationsEnabled) {
+            return;
+        }
+        // Disable the animations
+        this._animationsEnabled = false;
+    }
+    /**
+     * Show the backdrop
+     *
+     * @private
+     */
+    _showOverlay() {
+        // Create the backdrop element
+        this._overlay = this._renderer2.createElement('div');
+        // Return if overlay couldn't be create for some reason
+        if (!this._overlay) {
+            return;
+        }
+        // Add a class to the backdrop element
+        this._overlay.classList.add('cmat-drawer-overlay');
+        // Add a class depending on the fixed option
+        if (this.fixed) {
+            this._overlay.classList.add('cmat-drawer-overlay-fixed');
+        }
+        // Add a class depending on the transparentOverlay option
+        if (this.transparentOverlay) {
+            this._overlay.classList.add('cmat-drawer-overlay-transparent');
+        }
+        // Append the backdrop to the parent of the drawer
+        this._renderer2.appendChild(this._elementRef.nativeElement.parentElement, this._overlay);
+        // Create the enter animation and attach it to the player
+        this._player = this._animationBuilder.build([
+            animate('300ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 }))
+        ]).create(this._overlay);
+        // Once the animation is done...
+        this._player.onDone(() => {
+            // Destroy the player
+            this._player.destroy();
+        });
+        // Play the animation
+        this._player.play();
+        // Add an event listener to the overlay
+        this._overlay.addEventListener('click', () => {
+            this.close();
+        });
+    }
+    /**
+     * Hide the backdrop
+     *
+     * @private
+     */
+    _hideOverlay() {
+        if (!this._overlay) {
+            return;
+        }
+        // Create the leave animation and attach it to the player
+        this._player = this._animationBuilder.build([
+            animate('300ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 0 }))
+        ]).create(this._overlay);
+        // Play the animation
+        this._player.play();
+        // Once the animation is done...
+        this._player.onDone(() => {
+            // Destroy the player
+            this._player.destroy();
+            // If the backdrop still exists...
+            if (this._overlay) {
+                // Remove the backdrop
+                this._overlay.parentNode?.removeChild(this._overlay);
+                this._overlay = null;
+            }
+        });
+    }
+    /**
+     * Open/close the drawer
+     *
+     * @param open
+     * @private
+     */
+    _toggleOpened(open) {
+        // Set the opened
+        this.opened = open;
+        // Enable the animations
+        this._enableAnimations();
+        // If the mode is 'over'
+        if (this.mode === 'over') {
+            // If the drawer opens, show the overlay
+            if (open) {
+                this._showOverlay();
+            }
+            // Otherwise, close the overlay
+            else {
+                this._hideOverlay();
+            }
+        }
+        // Execute the observable
+        this.openedChanged.next(open);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatDrawerComponent, deps: [{ token: i1.AnimationBuilder }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: CmatDrawerService }, { token: i3.CmatUtilsService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatDrawerComponent, isStandalone: true, selector: "cmat-drawer", inputs: { fixed: "fixed", mode: "mode", name: "name", opened: "opened", position: "position", transparentOverlay: "transparentOverlay" }, outputs: { fixedChanged: "fixedChanged", modeChanged: "modeChanged", openedChanged: "openedChanged", positionChanged: "positionChanged" }, host: { listeners: { "mouseenter": "onMouseenter()", "mouseleave": "onMouseleave()" }, properties: { "class": "this.classList", "style": "this.styleList" } }, exportAs: ["cmatDrawer"], usesOnChanges: true, ngImport: i0, template: "<div class=\"cmat-drawer-content\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [":root{--cmat-drawer-width: 320px}cmat-drawer{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:var(--cmat-drawer-width);min-width:var(--cmat-drawer-width);max-width:var(--cmat-drawer-width);z-index:300;box-shadow:0 2px 8px #00000059;@apply bg-card;}cmat-drawer.cmat-drawer-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}cmat-drawer.cmat-drawer-animations-enabled .cmat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}cmat-drawer.cmat-drawer-mode-over{position:absolute;top:0;bottom:0}cmat-drawer.cmat-drawer-mode-over.cmat-drawer-fixed{position:fixed}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-side{margin-left:calc(var(--cmat-drawer-width) * -1)}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-side.cmat-drawer-opened{margin-left:0}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-over{left:0;transform:translate3d(-100%,0,0)}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-over.cmat-drawer-opened{transform:translateZ(0)}cmat-drawer.cmat-drawer-position-left .cmat-drawer-content{left:0}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-side{margin-right:calc(var(--cmat-drawer-width) * -1)}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-side.cmat-drawer-opened{margin-right:0}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-over{right:0;transform:translate3d(100%,0,0)}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-over.cmat-drawer-opened{transform:translateZ(0)}cmat-drawer.cmat-drawer-position-right .cmat-drawer-content{right:0}cmat-drawer .cmat-drawer-content{position:absolute;display:flex;flex:1 1 auto;top:0;bottom:0;width:100%;height:100%;overflow:hidden;@apply bg-card;}.cmat-drawer-overlay{position:absolute;inset:0;z-index:299;opacity:1;background-color:#0009}.cmat-drawer-overlay.cmat-drawer-overlay-fixed{position:fixed}.cmat-drawer-overlay.cmat-drawer-overlay-transparent{background-color:transparent}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatDrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-drawer', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatDrawer', standalone: true, template: "<div class=\"cmat-drawer-content\">\r\n    <ng-content></ng-content>\r\n</div>", styles: [":root{--cmat-drawer-width: 320px}cmat-drawer{position:relative;display:flex;flex-direction:column;flex:1 1 auto;width:var(--cmat-drawer-width);min-width:var(--cmat-drawer-width);max-width:var(--cmat-drawer-width);z-index:300;box-shadow:0 2px 8px #00000059;@apply bg-card;}cmat-drawer.cmat-drawer-animations-enabled{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:visibility,margin-left,margin-right,transform,width,max-width,min-width}cmat-drawer.cmat-drawer-animations-enabled .cmat-drawer-content{transition-duration:.4s;transition-timing-function:cubic-bezier(.25,.8,.25,1);transition-property:width,max-width,min-width}cmat-drawer.cmat-drawer-mode-over{position:absolute;top:0;bottom:0}cmat-drawer.cmat-drawer-mode-over.cmat-drawer-fixed{position:fixed}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-side{margin-left:calc(var(--cmat-drawer-width) * -1)}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-side.cmat-drawer-opened{margin-left:0}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-over{left:0;transform:translate3d(-100%,0,0)}cmat-drawer.cmat-drawer-position-left.cmat-drawer-mode-over.cmat-drawer-opened{transform:translateZ(0)}cmat-drawer.cmat-drawer-position-left .cmat-drawer-content{left:0}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-side{margin-right:calc(var(--cmat-drawer-width) * -1)}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-side.cmat-drawer-opened{margin-right:0}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-over{right:0;transform:translate3d(100%,0,0)}cmat-drawer.cmat-drawer-position-right.cmat-drawer-mode-over.cmat-drawer-opened{transform:translateZ(0)}cmat-drawer.cmat-drawer-position-right .cmat-drawer-content{right:0}cmat-drawer .cmat-drawer-content{position:absolute;display:flex;flex:1 1 auto;top:0;bottom:0;width:100%;height:100%;overflow:hidden;@apply bg-card;}.cmat-drawer-overlay{position:absolute;inset:0;z-index:299;opacity:1;background-color:#0009}.cmat-drawer-overlay.cmat-drawer-overlay-fixed{position:fixed}.cmat-drawer-overlay.cmat-drawer-overlay-transparent{background-color:transparent}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AnimationBuilder }, { type: i0.ElementRef }, { type: i0.Renderer2 }, { type: CmatDrawerService }, { type: i3.CmatUtilsService }], propDecorators: { fixed: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], opened: [{
+                type: Input
+            }], position: [{
+                type: Input
+            }], transparentOverlay: [{
+                type: Input
+            }], fixedChanged: [{
+                type: Output
+            }], modeChanged: [{
+                type: Output
+            }], openedChanged: [{
+                type: Output
+            }], positionChanged: [{
+                type: Output
+            }], classList: [{
+                type: HostBinding,
+                args: ['class']
+            }], styleList: [{
+                type: HostBinding,
+                args: ['style']
+            }], onMouseenter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseleave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatDrawerComponent, CmatDrawerService };
+//# sourceMappingURL=cmat-components-drawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-drawer.mjs","sources":["../../../projects/cmat/components/drawer/drawer.service.ts","../../../projects/cmat/components/drawer/drawer.component.ts","../../../projects/cmat/components/drawer/drawer.component.html","../../../projects/cmat/components/drawer/cmat-components-drawer.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\nimport { CmatDrawerComponent } from './drawer.component';\r\n\r\n@Injectable({\r\n    providedIn: 'root'\r\n})\r\nexport class CmatDrawerService {\r\n    private _componentRegistry: Map<string, CmatDrawerComponent> = new Map<string, CmatDrawerComponent>();\r\n    /**\r\n     * Register drawer component\r\n     *\r\n     * @param name\r\n     * @param component\r\n     */\r\n    registerComponent(name: string, component: CmatDrawerComponent): void {\r\n        this._componentRegistry.set(name, component);\r\n    }\r\n\r\n    /**\r\n     * Deregister drawer component\r\n     *\r\n     * @param name\r\n     */\r\n    deregisterComponent(name: string): void {\r\n        this._componentRegistry.delete(name);\r\n    }\r\n\r\n    /**\r\n     * Get drawer component from the registry\r\n     *\r\n     * @param name\r\n     */\r\n    getComponent(name: string): CmatDrawerComponent | void {\r\n        return this._componentRegistry.get(name);\r\n    }\r\n}\r\n","import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, HostBinding, HostListener, Input, OnChanges, OnDestroy, OnInit, Output, Renderer2, SimpleChanges, ViewEncapsulation } from '@angular/core';\r\nimport { animate, AnimationBuilder, AnimationPlayer, style } from '@angular/animations';\r\n\r\nimport { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';\r\nimport { CmatDrawerService } from './drawer.service';\r\nimport { CmatDrawerMode, CmatDrawerPosition } from './drawer.types';\r\nimport { CmatUtilsService } from 'cmat/services/utils';\r\n\r\n@Component({\r\n    selector: 'cmat-drawer',\r\n    templateUrl: './drawer.component.html',\r\n    styleUrls: ['./drawer.component.scss'],\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatDrawer',\r\n    standalone: true\r\n})\r\nexport class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {\r\n    /* eslint-disable @typescript-eslint/naming-convention */\r\n    static ngAcceptInputType_fixed: BooleanInput;\r\n    static ngAcceptInputType_opened: BooleanInput;\r\n    static ngAcceptInputType_transparentOverlay: BooleanInput;\r\n    /* eslint-enable @typescript-eslint/naming-convention */\r\n\r\n    @Input() fixed: boolean = false;\r\n    @Input() mode: CmatDrawerMode = 'side';\r\n    @Input() name: string = this._cmatUtilsService.randomId();\r\n    @Input() opened: boolean = false;\r\n    @Input() position: CmatDrawerPosition = 'left';\r\n    @Input() transparentOverlay: boolean = false;\r\n    @Output() readonly fixedChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n    @Output() readonly modeChanged: EventEmitter<CmatDrawerMode> = new EventEmitter<CmatDrawerMode>();\r\n    @Output() readonly openedChanged: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n    @Output() readonly positionChanged: EventEmitter<CmatDrawerPosition> = new EventEmitter<CmatDrawerPosition>();\r\n\r\n    private _animationsEnabled: boolean = false;\r\n    private _hovered: boolean = false;\r\n    private _overlay: HTMLElement | null;\r\n    private _player: AnimationPlayer;\r\n\r\n    constructor(\r\n        private _animationBuilder: AnimationBuilder,\r\n        private _elementRef: ElementRef,\r\n        private _renderer2: Renderer2,\r\n        private _cmatDrawerService: CmatDrawerService,\r\n        private _cmatUtilsService: CmatUtilsService\r\n    ) {\r\n    }\r\n\r\n    @HostBinding('class') get classList(): any {\r\n        /* eslint-disable @typescript-eslint/naming-convention */\r\n        return {\r\n            'cmat-drawer-animations-enabled': this._animationsEnabled,\r\n            'cmat-drawer-fixed': this.fixed,\r\n            'cmat-drawer-hover': this._hovered,\r\n            [`cmat-drawer-mode-${this.mode}`]: true,\r\n            'cmat-drawer-opened': this.opened,\r\n            [`cmat-drawer-position-${this.position}`]: true\r\n        };\r\n    }\r\n\r\n    @HostBinding('style') get styleList(): any {\r\n        return {\r\n            'visibility': this.opened ? 'visible' : 'hidden'\r\n        };\r\n    }\r\n\r\n    @HostListener('mouseenter')\r\n    onMouseenter(): void {\r\n        // Enable the animations\r\n        this._enableAnimations();\r\n\r\n        // Set the hovered\r\n        this._hovered = true;\r\n    }\r\n\r\n    @HostListener('mouseleave')\r\n    onMouseleave(): void {\r\n        // Enable the animations\r\n        this._enableAnimations();\r\n\r\n        // Set the hovered\r\n        this._hovered = false;\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        // Fixed\r\n        if ('fixed' in changes) {\r\n            // Coerce the value to a boolean\r\n            this.fixed = coerceBooleanProperty(changes['fixed'].currentValue);\r\n\r\n            // Execute the observable\r\n            this.fixedChanged.next(this.fixed);\r\n        }\r\n\r\n        // Mode\r\n        if ('mode' in changes) {\r\n            // Get the previous and current values\r\n            const previousMode = changes['mode'].previousValue;\r\n            const currentMode = changes['mode'].currentValue;\r\n\r\n            // Disable the animations\r\n            this._disableAnimations();\r\n\r\n            // If the mode changes: 'over -> side'\r\n            if (previousMode === 'over' && currentMode === 'side') {\r\n                // Hide the overlay\r\n                this._hideOverlay();\r\n            }\r\n\r\n            // If the mode changes: 'side -> over'\r\n            if (previousMode === 'side' && currentMode === 'over') {\r\n                // If the drawer is opened\r\n                if (this.opened) {\r\n                    // Show the overlay\r\n                    this._showOverlay();\r\n                }\r\n            }\r\n\r\n            // Execute the observable\r\n            this.modeChanged.next(currentMode);\r\n\r\n            // Enable the animations after a delay\r\n            // The delay must be bigger than the current transition-duration\r\n            // to make sure nothing will be animated while the mode is changing\r\n            setTimeout(() => {\r\n                this._enableAnimations();\r\n            }, 500);\r\n        }\r\n\r\n        // Opened\r\n        if ('opened' in changes) {\r\n            // Coerce the value to a boolean\r\n            const open = coerceBooleanProperty(changes['opened'].currentValue);\r\n\r\n            // Open/close the drawer\r\n            this._toggleOpened(open);\r\n        }\r\n\r\n        // Position\r\n        if ('position' in changes) {\r\n            // Execute the observable\r\n            this.positionChanged.next(this.position);\r\n        }\r\n\r\n        // Transparent overlay\r\n        if ('transparentOverlay' in changes) {\r\n            // Coerce the value to a boolean\r\n            this.transparentOverlay = coerceBooleanProperty(changes['transparentOverlay'].currentValue);\r\n        }\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        // Register the drawer\r\n        this._cmatDrawerService.registerComponent(this.name, this);\r\n    }\r\n\r\n    ngOnDestroy(): void {\r\n        // Deregister the drawer from the registry\r\n        this._cmatDrawerService.deregisterComponent(this.name);\r\n    }\r\n\r\n    open(): void {\r\n        // Return if the drawer has already opened\r\n        if (this.opened) {\r\n            return;\r\n        }\r\n\r\n        // Open the drawer\r\n        this._toggleOpened(true);\r\n    }\r\n\r\n    close(): void {\r\n        // Return if the drawer has already closed\r\n        if (!this.opened) {\r\n            return;\r\n        }\r\n\r\n        // Close the drawer\r\n        this._toggleOpened(false);\r\n    }\r\n\r\n    toggle(): void {\r\n        if (this.opened) {\r\n            this.close();\r\n        }\r\n        else {\r\n            this.open();\r\n        }\r\n    }\r\n\r\n    /**\r\n     * Enable the animations\r\n     *\r\n     * @private\r\n     */\r\n    private _enableAnimations(): void {\r\n        // Return if the animations are already enabled\r\n        if (this._animationsEnabled) {\r\n            return;\r\n        }\r\n\r\n        // Enable the animations\r\n        this._animationsEnabled = true;\r\n    }\r\n\r\n    /**\r\n     * Disable the animations\r\n     *\r\n     * @private\r\n     */\r\n    private _disableAnimations(): void {\r\n        // Return if the animations are already disabled\r\n        if (!this._animationsEnabled) {\r\n            return;\r\n        }\r\n\r\n        // Disable the animations\r\n        this._animationsEnabled = false;\r\n    }\r\n\r\n    /**\r\n     * Show the backdrop\r\n     *\r\n     * @private\r\n     */\r\n    private _showOverlay(): void {\r\n        // Create the backdrop element\r\n        this._overlay = this._renderer2.createElement('div');\r\n\r\n        // Return if overlay couldn't be create for some reason\r\n        if (!this._overlay) {\r\n            return;\r\n        }\r\n\r\n        // Add a class to the backdrop element\r\n        this._overlay.classList.add('cmat-drawer-overlay');\r\n\r\n        // Add a class depending on the fixed option\r\n        if (this.fixed) {\r\n            this._overlay.classList.add('cmat-drawer-overlay-fixed');\r\n        }\r\n\r\n        // Add a class depending on the transparentOverlay option\r\n        if (this.transparentOverlay) {\r\n            this._overlay.classList.add('cmat-drawer-overlay-transparent');\r\n        }\r\n\r\n        // Append the backdrop to the parent of the drawer\r\n        this._renderer2.appendChild(this._elementRef.nativeElement.parentElement, this._overlay);\r\n\r\n        // Create the enter animation and attach it to the player\r\n        this._player = this._animationBuilder.build([\r\n            animate('300ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 1 }))\r\n        ]).create(this._overlay);\r\n\r\n        // Once the animation is done...\r\n        this._player.onDone(() => {\r\n\r\n            // Destroy the player\r\n            this._player.destroy();\r\n        });\r\n\r\n        // Play the animation\r\n        this._player.play();\r\n\r\n        // Add an event listener to the overlay\r\n        this._overlay.addEventListener('click', () => {\r\n            this.close();\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Hide the backdrop\r\n     *\r\n     * @private\r\n     */\r\n    private _hideOverlay(): void {\r\n        if (!this._overlay) {\r\n            return;\r\n        }\r\n\r\n        // Create the leave animation and attach it to the player\r\n        this._player = this._animationBuilder.build([\r\n            animate('300ms cubic-bezier(0.25, 0.8, 0.25, 1)', style({ opacity: 0 }))\r\n        ]).create(this._overlay);\r\n\r\n        // Play the animation\r\n        this._player.play();\r\n\r\n        // Once the animation is done...\r\n        this._player.onDone(() => {\r\n\r\n            // Destroy the player\r\n            this._player.destroy();\r\n\r\n            // If the backdrop still exists...\r\n            if (this._overlay) {\r\n                // Remove the backdrop\r\n                this._overlay.parentNode?.removeChild(this._overlay);\r\n                this._overlay = null;\r\n            }\r\n        });\r\n    }\r\n\r\n    /**\r\n     * Open/close the drawer\r\n     *\r\n     * @param open\r\n     * @private\r\n     */\r\n    private _toggleOpened(open: boolean): void {\r\n        // Set the opened\r\n        this.opened = open;\r\n\r\n        // Enable the animations\r\n        this._enableAnimations();\r\n\r\n        // If the mode is 'over'\r\n        if (this.mode === 'over') {\r\n            // If the drawer opens, show the overlay\r\n            if (open) {\r\n                this._showOverlay();\r\n            }\r\n            // Otherwise, close the overlay\r\n            else {\r\n                this._hideOverlay();\r\n            }\r\n        }\r\n\r\n        // Execute the observable\r\n        this.openedChanged.next(open);\r\n    }\r\n}\r\n","<div class=\"cmat-drawer-content\">\r\n    <ng-content></ng-content>\r\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2.CmatDrawerService"],"mappings":"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"}

package/fesm2022/cmat-components-fullscreen.mjs

@@ -0,0 +1,108 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Inject, Input } from '@angular/core';
+import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
+import * as i3 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import * as i1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+
+class CmatFullscreenComponent {
+    constructor(_document) {
+        this._document = _document;
+        this._isFullscreen = false;
+        this._fsDoc = _document;
+    }
+    ngOnInit() {
+        this._fsDocEl = document.documentElement;
+    }
+    toggleFullscreen() {
+        // Check if the fullscreen is open
+        this._isFullscreen = this._getBrowserFullscreenElement() !== null;
+        // Toggle the fullscreen
+        if (this._isFullscreen) {
+            this._closeFullscreen();
+        }
+        else {
+            this._openFullscreen();
+        }
+    }
+    _getBrowserFullscreenElement() {
+        if (typeof this._fsDoc.fullscreenElement !== 'undefined') {
+            return this._fsDoc.fullscreenElement;
+        }
+        if (typeof this._fsDoc.mozFullScreenElement !== 'undefined') {
+            return this._fsDoc.mozFullScreenElement;
+        }
+        if (typeof this._fsDoc.msFullscreenElement !== 'undefined') {
+            return this._fsDoc.msFullscreenElement;
+        }
+        if (typeof this._fsDoc.webkitFullscreenElement !== 'undefined') {
+            return this._fsDoc.webkitFullscreenElement;
+        }
+        throw new Error('Fullscreen mode is not supported by this browser');
+    }
+    _openFullscreen() {
+        if (this._fsDocEl.requestFullscreen) {
+            this._fsDocEl.requestFullscreen().then();
+            return;
+        }
+        // Firefox
+        if (this._fsDocEl.mozRequestFullScreen) {
+            this._fsDocEl.mozRequestFullScreen();
+            return;
+        }
+        // Chrome, Safari and Opera
+        if (this._fsDocEl.webkitRequestFullscreen) {
+            this._fsDocEl.webkitRequestFullscreen();
+            return;
+        }
+        // IE/Edge
+        if (this._fsDocEl.msRequestFullscreen) {
+            this._fsDocEl.msRequestFullscreen();
+            return;
+        }
+    }
+    _closeFullscreen() {
+        if (this._fsDoc.exitFullscreen) {
+            this._fsDoc.exitFullscreen().then();
+            return;
+        }
+        // Firefox
+        if (this._fsDoc.mozCancelFullScreen) {
+            this._fsDoc.mozCancelFullScreen();
+            return;
+        }
+        // Chrome, Safari and Opera
+        if (this._fsDoc.webkitExitFullscreen) {
+            this._fsDoc.webkitExitFullscreen();
+            return;
+        }
+        // IE/Edge
+        else if (this._fsDoc.msExitFullscreen) {
+            this._fsDoc.msExitFullscreen();
+            return;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatFullscreenComponent, deps: [{ token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: CmatFullscreenComponent, isStandalone: true, selector: "cmat-fullscreen", inputs: { iconTpl: "iconTpl", tooltip: "tooltip" }, exportAs: ["cmatFullscreen"], ngImport: i0, template: "<!-- Button -->\r\n<button type=\"button\" mat-icon-button [matTooltip]=\"tooltip || '\u5207\u6362\u5168\u5C4F'\" (click)=\"toggleFullscreen()\">\r\n    <ng-container [ngTemplateOutlet]=\"iconTpl || defaultIconTpl\"></ng-container>\r\n</button>\r\n\r\n<!-- Default icon -->\r\n<ng-template #defaultIconTpl>\r\n    <mat-icon [svgIcon]=\"'heroicons_outline:arrows-pointing-out'\"></mat-icon>\r\n</ng-template>", dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: CmatFullscreenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cmat-fullscreen', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, exportAs: 'cmatFullscreen', standalone: true, imports: [MatButtonModule, MatTooltipModule, NgTemplateOutlet, MatIconModule], template: "<!-- Button -->\r\n<button type=\"button\" mat-icon-button [matTooltip]=\"tooltip || '\u5207\u6362\u5168\u5C4F'\" (click)=\"toggleFullscreen()\">\r\n    <ng-container [ngTemplateOutlet]=\"iconTpl || defaultIconTpl\"></ng-container>\r\n</button>\r\n\r\n<!-- Default icon -->\r\n<ng-template #defaultIconTpl>\r\n    <mat-icon [svgIcon]=\"'heroicons_outline:arrows-pointing-out'\"></mat-icon>\r\n</ng-template>" }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }], propDecorators: { iconTpl: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CmatFullscreenComponent };
+//# sourceMappingURL=cmat-components-fullscreen.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cmat-components-fullscreen.mjs","sources":["../../../projects/cmat/components/fullscreen/fullscreen.component.ts","../../../projects/cmat/components/fullscreen/fullscreen.component.html","../../../projects/cmat/components/fullscreen/cmat-components-fullscreen.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Inject, Input, OnInit, TemplateRef, ViewEncapsulation } from '@angular/core';\r\nimport { DOCUMENT, NgTemplateOutlet } from '@angular/common';\r\nimport { FSDocument, FSDocumentElement } from './fullscreen.types';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatButtonModule } from '@angular/material/button';\r\n\r\n@Component({\r\n    selector: 'cmat-fullscreen',\r\n    templateUrl: './fullscreen.component.html',\r\n    encapsulation: ViewEncapsulation.None,\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    exportAs: 'cmatFullscreen',\r\n    standalone: true,\r\n    imports: [MatButtonModule, MatTooltipModule, NgTemplateOutlet, MatIconModule]\r\n})\r\nexport class CmatFullscreenComponent implements OnInit {\r\n    @Input() iconTpl: TemplateRef<any>;\r\n    @Input() tooltip: string;\r\n    private _fsDoc: FSDocument;\r\n    private _fsDocEl: FSDocumentElement;\r\n    private _isFullscreen: boolean = false;\r\n\r\n    constructor(@Inject(DOCUMENT) private _document: Document) {\r\n        this._fsDoc = _document as FSDocument;\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        this._fsDocEl = document.documentElement as FSDocumentElement;\r\n    }\r\n\r\n    toggleFullscreen(): void {\r\n        // Check if the fullscreen is open\r\n        this._isFullscreen = this._getBrowserFullscreenElement() !== null;\r\n\r\n        // Toggle the fullscreen\r\n        if (this._isFullscreen) {\r\n            this._closeFullscreen();\r\n        } else {\r\n            this._openFullscreen();\r\n        }\r\n    }\r\n\r\n    private _getBrowserFullscreenElement(): Element | null {\r\n        if (typeof this._fsDoc.fullscreenElement !== 'undefined') {\r\n            return this._fsDoc.fullscreenElement;\r\n        }\r\n\r\n        if (typeof this._fsDoc.mozFullScreenElement !== 'undefined') {\r\n            return this._fsDoc.mozFullScreenElement;\r\n        }\r\n\r\n        if (typeof this._fsDoc.msFullscreenElement !== 'undefined') {\r\n            return this._fsDoc.msFullscreenElement;\r\n        }\r\n\r\n        if (typeof this._fsDoc.webkitFullscreenElement !== 'undefined') {\r\n            return this._fsDoc.webkitFullscreenElement;\r\n        }\r\n\r\n        throw new Error('Fullscreen mode is not supported by this browser');\r\n    }\r\n\r\n    private _openFullscreen(): void {\r\n        if (this._fsDocEl.requestFullscreen) {\r\n            this._fsDocEl.requestFullscreen().then();\r\n            return;\r\n        }\r\n\r\n        // Firefox\r\n        if (this._fsDocEl.mozRequestFullScreen) {\r\n            this._fsDocEl.mozRequestFullScreen();\r\n            return;\r\n        }\r\n\r\n        // Chrome, Safari and Opera\r\n        if (this._fsDocEl.webkitRequestFullscreen) {\r\n            this._fsDocEl.webkitRequestFullscreen();\r\n            return;\r\n        }\r\n\r\n        // IE/Edge\r\n        if (this._fsDocEl.msRequestFullscreen) {\r\n            this._fsDocEl.msRequestFullscreen();\r\n            return;\r\n        }\r\n    }\r\n\r\n    private _closeFullscreen(): void {\r\n        if (this._fsDoc.exitFullscreen) {\r\n            this._fsDoc.exitFullscreen().then();\r\n            return;\r\n        }\r\n\r\n        // Firefox\r\n        if (this._fsDoc.mozCancelFullScreen) {\r\n            this._fsDoc.mozCancelFullScreen();\r\n            return;\r\n        }\r\n\r\n        // Chrome, Safari and Opera\r\n        if (this._fsDoc.webkitExitFullscreen) {\r\n            this._fsDoc.webkitExitFullscreen();\r\n            return;\r\n        }\r\n\r\n        // IE/Edge\r\n        else if (this._fsDoc.msExitFullscreen) {\r\n            this._fsDoc.msExitFullscreen();\r\n            return;\r\n        }\r\n    }\r\n}\r\n","<!-- Button -->\r\n<button type=\"button\" mat-icon-button [matTooltip]=\"tooltip || '切换全屏'\" (click)=\"toggleFullscreen()\">\r\n    <ng-container [ngTemplateOutlet]=\"iconTpl || defaultIconTpl\"></ng-container>\r\n</button>\r\n\r\n<!-- Default icon -->\r\n<ng-template #defaultIconTpl>\r\n    <mat-icon [svgIcon]=\"'heroicons_outline:arrows-pointing-out'\"></mat-icon>\r\n</ng-template>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}