@acorex/components 7.3.1 → 7.4.1

package/fesm2022/acorex-components-datetime-picker.mjs

@@ -0,0 +1,273 @@
+import * as i5 from '@acorex/components/calendar';
+import { MXCalendarBaseComponent, AXCalendarModule } from '@acorex/components/calendar';
+import { MXValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent } from '@acorex/components/common';
+import * as i6 from '@acorex/components/picker';
+import { AXPickerComponent, AXPickerModule } from '@acorex/components/picker';
+import * as i7 from '@acorex/core/dateTime';
+import { AXCalendarService, AXDateTimeModule } from '@acorex/core/dateTime';
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
+import { classes } from 'polytype';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@acorex/components/tabs';
+import { AXTabsModule } from '@acorex/components/tabs';
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+
+class AXDateTimePickerComponent extends classes(MXCalendarBaseComponent, (MXValueComponent)) {
+    constructor() {
+        super(...arguments);
+        this._calendarService = inject(AXCalendarService);
+        this.hours = Array(24)
+            .fill(0)
+            .map((m, i) => ({ id: i, text: i }));
+        this.minutes = Array(60)
+            .fill(0)
+            .map((m, i) => ({ id: i, text: i }));
+        this._parts = {
+            year: {
+                key: 'year',
+                placeholder: 'yyyy',
+                placeholders: ['YY', 'yy', 'YYYY', 'yyyy'],
+                enabled: false,
+                default: 2023,
+                realValue: () => this.editingDateObj.format(this._parts.year.placeholder),
+            },
+            month: {
+                key: 'month',
+                placeholder: 'MM',
+                placeholders: ['MMM', 'MMMM', 'MM', 'M'],
+                enabled: false,
+                default: 1,
+                realValue: () => this.editingDateObj.format(this._parts.month.placeholder),
+            },
+            day: {
+                key: 'day',
+                placeholder: 'dd',
+                placeholders: ['dd', 'd'],
+                enabled: false,
+                default: 1,
+                realValue: () => this.editingDateObj.format(this._parts.day.placeholder),
+            },
+            hour: {
+                key: 'hour',
+                placeholder: 'HH',
+                placeholders: ['HH', 'H', 'hh', 'h'],
+                enabled: false,
+                default: 0,
+                realValue: () => this.editingDateObj.format(this._parts.hour.placeholder),
+            },
+            minute: {
+                key: 'minute',
+                placeholder: 'mm',
+                placeholders: ['mm', 'm'],
+                enabled: false,
+                default: 0,
+                realValue: () => this.editingDateObj.format(this._parts.minute.placeholder),
+            },
+            second: {
+                key: 'second',
+                placeholder: 'ss',
+                placeholders: ['ss', 's'],
+                enabled: false,
+                default: 0,
+                realValue: () => this.editingDateObj.format(this._parts.second.placeholder),
+            },
+        };
+        this._activePart = 'date';
+        this._editingDateObj = this._calendarService.now(this.type);
+        this.formatChange = new EventEmitter();
+        this._format = this.calendarService.calendar.formats.dateTimeDisplay;
+    }
+    get _hasDatePart() {
+        return ['year', 'month', 'day'].some((k) => this._parts[k].enabled);
+    }
+    get _hasTimePart() {
+        return ['hour', 'minute', 'second'].some((k) => this._parts[k].enabled);
+    }
+    get editingDateObj() {
+        return this._editingDateObj;
+    }
+    get format() {
+        return this._format;
+    }
+    set format(v) {
+        this.setOption({
+            name: 'format',
+            value: v,
+            afterCallback: (o, n) => {
+                this._detectParts();
+            },
+        });
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._detectParts();
+    }
+    refresh() {
+        this.picker?.refresh();
+    }
+    internalValueChanged(value) {
+        if (value) {
+            this._editingDateObj = this._calendarService.create(value);
+        }
+    }
+    _handleViewChanged(e) {
+        this._activePart = e.tab.key;
+        this.cdr.detectChanges();
+    }
+    _handleOnItemClick(part) {
+        this._activePart = part;
+        this.cdr.detectChanges();
+    }
+    _handlePickerOnValueChanged(e, part) {
+        if (e.isUserInteraction) {
+            this._editingDateObj = this._editingDateObj.set(part, Number(e.value['id']));
+        }
+    }
+    _handleCalendarOnNavigate(e) {
+        this.onNavigate.emit(e);
+    }
+    _handleCalendarOnValueChanged(e) {
+        if (e.isUserInteraction) {
+            const selectedValue = this.calendarService.create(e.value, this.type);
+            const currentValue = this.calendarService
+                .create(this.value ?? new Date(), this.type)
+                .set('year', selectedValue.year)
+                .set('month', selectedValue.monthOfYear)
+                .set('day', selectedValue.dayOfMonth);
+            this._editingDateObj = currentValue;
+            if (this._hasTimePart) {
+                this._activePart = 'time';
+            }
+        }
+    }
+    _detectParts() {
+        Object.values(this._parts).forEach((e) => {
+            e.enabled = false;
+        });
+        const formatParts = this.format.split(/[^a-zA-Z]+/);
+        formatParts.forEach((f) => {
+            const found = Object.values(this._parts).find((c) => c.placeholders.some((d) => d == f));
+            if (found) {
+                found.enabled = true;
+                found.placeholder = f;
+            }
+        });
+        this._activePart = this._hasDatePart ? 'date' : 'time';
+        this.cdr.markForCheck();
+    }
+    _handleSetClick(e) {
+        this.commitValue(this.editingDateObj.date, true);
+    }
+    _handleNowClick(e) {
+        this._editingDateObj = this._calendarService.now(this.type);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDateTimePickerComponent, selector: "ax-datetime-picker", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", value: "value", state: "state", name: "name", id: "id", depth: "depth", activeView: "activeView", minValue: "minValue", maxValue: "maxValue", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", showNavigation: "showNavigation", format: "format" }, outputs: { valueChange: "valueChange", stateChange: "stateChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", readonlyChange: "readonlyChange", disabledChange: "disabledChange", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick", formatChange: "formatChange" }, providers: [
+            { provide: AXComponent, useExisting: AXDateTimePickerComponent },
+            { provide: AXFocusableComponent, useExisting: AXDateTimePickerComponent },
+            { provide: AXValuableComponent, useExisting: AXDateTimePickerComponent },
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXDateTimePickerComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "picker", first: true, predicate: AXPickerComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <!-- <ax-button-group\n    color=\"primary\"\n    [look]=\"'default'\"\n    selection=\"single\"\n    [color]=\"'default'\"\n    class=\"ax-w-full\"\n  >\n    <ax-button text=\"Date\" class=\"ax-w-1/2 ax-sm\" [selected]=\"_activePart=='date'\"\n            (onClick)=\"_handleOnItemClick('date')\">\n        </ax-button>\n        <ax-button text=\"Time\" class=\"ax-w-1/2 ax-sm\" [selected]=\"_activePart=='time'\"\n            (onClick)=\"_handleOnItemClick('time')\">\n        </ax-button>\n   \n  </ax-button-group> -->\n  <ax-tabs\n    [look]=\"'default'\"\n    [fitParent]=\"true\"\n    [location]=\"'top'\"\n    (onActiveTabChanged)=\"_handleViewChanged($event)\"\n  >\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart == 'date'\">\n    <ax-calendar\n      #calendar\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\"\n      [maxValue]=\"maxValue\"\n      [disabledDates]=\"disabledDates\"\n      [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\"\n      (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\"\n      [type]=\"type\"\n    >\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart == 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format }}\n    </div>\n    <ax-picker>\n      <ax-picker-column\n        title=\"Hour\"\n        [items]=\"hours\"\n        [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Minute\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.minute.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Second\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.second.enabled\"\n      ></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly\">\n  <ax-button\n    [text]=\"_activePart === 'date' ? 'Today' : 'Now'\"\n    class=\"ax-sm\"\n    (onClick)=\"_handleNowClick($event)\"\n  ></ax-button>\n  <ax-button color=\"primary\" text=\"Set\" class=\"ax-sm\" (onClick)=\"_handleSetClick($event)\"></ax-button>\n</div>\n", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;flex-flow:row;justify-content:center;padding-top:.5rem;padding-inline:.5rem}ax-datetime-picker>.ax-content{overflow:hidden;min-height:300px;min-width:360px}ax-datetime-picker>.ax-content .ax-picker-part{width:100%;height:100%}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{display:flex;flex-flow:row;justify-content:flex-start;padding-block:.5rem;padding-inline:1rem;font-weight:500;font-size:.875rem}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{--item-count: 5;--ul-pad: 2}ax-datetime-picker>.ax-content .ax-calendar-part ax-calendar{width:100%}ax-datetime-picker>.ax-footer{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i5.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: i6.AXPickerComponent, selector: "ax-picker" }, { kind: "directive", type: i6.AXPickerColumnDirective, selector: "ax-picker-column", inputs: ["disabled", "readonly", "readonlyChange", "disabledChange", "valueField", "textField", "title", "step", "items"], outputs: ["onValueChanged", "itemsChange"] }, { kind: "pipe", type: i7.AXDateTimePipe, name: "axDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-datetime-picker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: [
+                        'disabled',
+                        'readonly',
+                        'tabIndex',
+                        'placeholder',
+                        'value',
+                        'state',
+                        'name',
+                        'id',
+                        'depth',
+                        'activeView',
+                        'minValue',
+                        'maxValue',
+                        'disabledDates',
+                        'holidayDates',
+                        'type',
+                        'cellTemplate',
+                        'cellClass',
+                        'showNavigation',
+                    ], outputs: [
+                        'valueChange',
+                        'stateChange',
+                        'onValueChanged',
+                        'onBlur',
+                        'onFocus',
+                        'onClick',
+                        'readonlyChange',
+                        'disabledChange',
+                        'depthChange',
+                        'typeChange',
+                        'activeViewChange',
+                        'disabledDatesChange',
+                        'holidayDatesChange',
+                        'onNavigate',
+                        'onSlotClick',
+                    ], providers: [
+                        { provide: AXComponent, useExisting: AXDateTimePickerComponent },
+                        { provide: AXFocusableComponent, useExisting: AXDateTimePickerComponent },
+                        { provide: AXValuableComponent, useExisting: AXDateTimePickerComponent },
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXDateTimePickerComponent),
+                            multi: true,
+                        },
+                    ], template: "<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <!-- <ax-button-group\n    color=\"primary\"\n    [look]=\"'default'\"\n    selection=\"single\"\n    [color]=\"'default'\"\n    class=\"ax-w-full\"\n  >\n    <ax-button text=\"Date\" class=\"ax-w-1/2 ax-sm\" [selected]=\"_activePart=='date'\"\n            (onClick)=\"_handleOnItemClick('date')\">\n        </ax-button>\n        <ax-button text=\"Time\" class=\"ax-w-1/2 ax-sm\" [selected]=\"_activePart=='time'\"\n            (onClick)=\"_handleOnItemClick('time')\">\n        </ax-button>\n   \n  </ax-button-group> -->\n  <ax-tabs\n    [look]=\"'default'\"\n    [fitParent]=\"true\"\n    [location]=\"'top'\"\n    (onActiveTabChanged)=\"_handleViewChanged($event)\"\n  >\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart == 'date'\">\n    <ax-calendar\n      #calendar\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\"\n      [maxValue]=\"maxValue\"\n      [disabledDates]=\"disabledDates\"\n      [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\"\n      (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\"\n      [type]=\"type\"\n    >\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart == 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format }}\n    </div>\n    <ax-picker>\n      <ax-picker-column\n        title=\"Hour\"\n        [items]=\"hours\"\n        [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Minute\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.minute.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Second\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.second.enabled\"\n      ></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly\">\n  <ax-button\n    [text]=\"_activePart === 'date' ? 'Today' : 'Now'\"\n    class=\"ax-sm\"\n    (onClick)=\"_handleNowClick($event)\"\n  ></ax-button>\n  <ax-button color=\"primary\" text=\"Set\" class=\"ax-sm\" (onClick)=\"_handleSetClick($event)\"></ax-button>\n</div>\n", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;flex-flow:row;justify-content:center;padding-top:.5rem;padding-inline:.5rem}ax-datetime-picker>.ax-content{overflow:hidden;min-height:300px;min-width:360px}ax-datetime-picker>.ax-content .ax-picker-part{width:100%;height:100%}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{display:flex;flex-flow:row;justify-content:flex-start;padding-block:.5rem;padding-inline:1rem;font-weight:500;font-size:.875rem}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{--item-count: 5;--ul-pad: 2}ax-datetime-picker>.ax-content .ax-calendar-part ax-calendar{width:100%}ax-datetime-picker>.ax-footer{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"] }]
+        }], propDecorators: { picker: [{
+                type: ViewChild,
+                args: [AXPickerComponent]
+            }], formatChange: [{
+                type: Output
+            }], format: [{
+                type: Input
+            }] } });
+
+const COMPONENT = [AXDateTimePickerComponent];
+const MODULES = [
+    CommonModule,
+    FormsModule,
+    AXTabsModule,
+    AXDateTimeModule,
+    AXButtonModule,
+    AXCalendarModule,
+    AXPickerModule,
+];
+class AXDateTimePickerModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerModule, declarations: [AXDateTimePickerComponent], imports: [CommonModule,
+            FormsModule,
+            AXTabsModule,
+            AXDateTimeModule,
+            AXButtonModule,
+            AXCalendarModule,
+            AXPickerModule], exports: [AXDateTimePickerComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXDateTimePickerComponent, AXDateTimePickerModule };
+//# sourceMappingURL=acorex-components-datetime-picker.mjs.map

package/fesm2022/acorex-components-datetime-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-datetime-picker.mjs","sources":["../../../../libs/components/datetime-picker/src/lib/datetime-picker.component.ts","../../../../libs/components/datetime-picker/src/lib/datetime-picker.component.html","../../../../libs/components/datetime-picker/src/lib/datetime-picker.module.ts","../../../../libs/components/datetime-picker/src/acorex-components-datetime-picker.ts"],"sourcesContent":["import { AXCalendarNavigateEvent, MXCalendarBaseComponent } from '@acorex/components/calendar';\nimport {\n  AXClickEvent,\n  AXComponent,\n  AXFocusableComponent,\n  AXValuableComponent,\n  AXValueChangedEvent,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { AXPickerComponent } from '@acorex/components/picker';\nimport { AXTabStripChangedEvent } from '@acorex/components/tabs';\nimport { AXCalendarService, AXDateTime, AXDateTimeParts, TimeUnit } from '@acorex/core/dateTime';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n  forwardRef,\n  inject,\n} from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\n\n@Component({\n  selector: 'ax-datetime-picker',\n  templateUrl: './datetime-picker.component.html',\n  styleUrls: ['./datetime-picker.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: [\n    'disabled',\n    'readonly',\n    'tabIndex',\n    'placeholder',\n    'value',\n    'state',\n    'name',\n    'id',\n    'depth',\n    'activeView',\n    'minValue',\n    'maxValue',\n    'disabledDates',\n    'holidayDates',\n    'type',\n    'cellTemplate',\n    'cellClass',\n    'showNavigation',\n  ],\n  outputs: [\n    'valueChange',\n    'stateChange',\n    'onValueChanged',\n    'onBlur',\n    'onFocus',\n    'onClick',\n    'readonlyChange',\n    'disabledChange',\n    'depthChange',\n    'typeChange',\n    'activeViewChange',\n    'disabledDatesChange',\n    'holidayDatesChange',\n    'onNavigate',\n    'onSlotClick',\n  ],\n  providers: [\n    { provide: AXComponent, useExisting: AXDateTimePickerComponent },\n    { provide: AXFocusableComponent, useExisting: AXDateTimePickerComponent },\n    { provide: AXValuableComponent, useExisting: AXDateTimePickerComponent },\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => AXDateTimePickerComponent),\n      multi: true,\n    },\n  ],\n})\nexport class AXDateTimePickerComponent\n  extends classes(MXCalendarBaseComponent, MXValueComponent<Date>)\n  implements OnInit\n{\n  private _calendarService: AXCalendarService = inject(AXCalendarService);\n\n  @ViewChild(AXPickerComponent)\n  protected picker: AXPickerComponent;\n\n  protected hours: any[] = Array(24)\n    .fill(0)\n    .map((m, i) => ({ id: i, text: i }));\n  minutes: any[] = Array(60)\n    .fill(0)\n    .map((m, i) => ({ id: i, text: i }));\n\n  protected _parts: AXDateTimeParts = {\n    year: {\n      key: 'year',\n      placeholder: 'yyyy',\n      placeholders: ['YY', 'yy', 'YYYY', 'yyyy'],\n      enabled: false,\n      default: 2023,\n      realValue: () => this.editingDateObj.format(this._parts.year.placeholder),\n    },\n    month: {\n      key: 'month',\n      placeholder: 'MM',\n      placeholders: ['MMM', 'MMMM', 'MM', 'M'],\n      enabled: false,\n      default: 1,\n      realValue: () => this.editingDateObj.format(this._parts.month.placeholder),\n    },\n    day: {\n      key: 'day',\n      placeholder: 'dd',\n      placeholders: ['dd', 'd'],\n      enabled: false,\n      default: 1,\n      realValue: () => this.editingDateObj.format(this._parts.day.placeholder),\n    },\n    hour: {\n      key: 'hour',\n      placeholder: 'HH',\n      placeholders: ['HH', 'H', 'hh', 'h'],\n      enabled: false,\n      default: 0,\n      realValue: () => this.editingDateObj.format(this._parts.hour.placeholder),\n    },\n    minute: {\n      key: 'minute',\n      placeholder: 'mm',\n      placeholders: ['mm', 'm'],\n      enabled: false,\n      default: 0,\n      realValue: () => this.editingDateObj.format(this._parts.minute.placeholder),\n    },\n    second: {\n      key: 'second',\n      placeholder: 'ss',\n      placeholders: ['ss', 's'],\n      enabled: false,\n      default: 0,\n      realValue: () => this.editingDateObj.format(this._parts.second.placeholder),\n    },\n  };\n\n  protected _activePart: 'date' | 'time' = 'date';\n\n  protected get _hasDatePart(): boolean {\n    return ['year', 'month', 'day'].some((k) => this._parts[k].enabled);\n  }\n\n  protected get _hasTimePart(): boolean {\n    return ['hour', 'minute', 'second'].some((k) => this._parts[k].enabled);\n  }\n\n  private _editingDateObj: AXDateTime = this._calendarService.now(this.type);\n  protected get editingDateObj(): AXDateTime {\n    return this._editingDateObj;\n  }\n\n  @Output()\n  formatChange = new EventEmitter<string>();\n\n  private _format = this.calendarService.calendar.formats.dateTimeDisplay;\n  @Input()\n  public get format(): string {\n    return this._format;\n  }\n  public set format(v: string) {\n    this.setOption({\n      name: 'format',\n      value: v,\n      afterCallback: (o, n) => {\n        this._detectParts();\n      },\n    });\n  }\n\n  ngOnInit(): void {\n    super.ngOnInit();\n    this._detectParts();\n  }\n\n  public refresh() {\n    this.picker?.refresh();\n  }\n\n  override internalValueChanged(value?: Date): void {\n    if (value) {\n      this._editingDateObj = this._calendarService.create(value);\n    }\n  }\n\n  protected _handleViewChanged(e: AXTabStripChangedEvent) {\n    this._activePart = e.tab.key as 'date' | 'time';\n    this.cdr.detectChanges();\n  }\n\n  protected _handleOnItemClick(part) {\n    this._activePart = part;\n    this.cdr.detectChanges();\n  }\n\n  protected _handlePickerOnValueChanged(e: AXValueChangedEvent<Date>, part: string) {\n    if (e.isUserInteraction) {\n      this._editingDateObj = this._editingDateObj.set(part as TimeUnit, Number(e.value['id']));\n    }\n  }\n\n  protected _handleCalendarOnNavigate(e: AXCalendarNavigateEvent) {\n    this.onNavigate.emit(e);\n  }\n\n  protected _handleCalendarOnValueChanged(e: AXValueChangedEvent<Date>) {\n    if (e.isUserInteraction) {\n      const selectedValue = this.calendarService.create(e.value, this.type);\n      const currentValue = this.calendarService\n        .create(this.value ?? new Date(), this.type)\n        .set('year', selectedValue.year)\n        .set('month', selectedValue.monthOfYear)\n        .set('day', selectedValue.dayOfMonth);\n      this._editingDateObj = currentValue;\n      if (this._hasTimePart) {\n        this._activePart = 'time';\n      }\n    }\n  }\n\n  private _detectParts() {\n    Object.values(this._parts).forEach((e) => {\n      e.enabled = false;\n    });\n    const formatParts = this.format.split(/[^a-zA-Z]+/);\n    formatParts.forEach((f) => {\n      const found = Object.values(this._parts).find((c) => c.placeholders.some((d) => d == f));\n      if (found) {\n        found.enabled = true;\n        found.placeholder = f;\n      }\n    });\n    this._activePart = this._hasDatePart ? 'date' : 'time';\n    this.cdr.markForCheck();\n  }\n\n  protected _handleSetClick(e: AXClickEvent) {\n    this.commitValue(this.editingDateObj.date, true);\n  }\n\n  protected _handleNowClick(e: AXClickEvent) {\n    this._editingDateObj = this._calendarService.now(this.type);\n  }\n}\n","<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <!-- <ax-button-group\n    color=\"primary\"\n    [look]=\"'default'\"\n    selection=\"single\"\n    [color]=\"'default'\"\n    class=\"ax-w-full\"\n  >\n    <ax-button text=\"Date\" class=\"ax-w-1/2 ax-sm\" [selected]=\"_activePart=='date'\"\n            (onClick)=\"_handleOnItemClick('date')\">\n        </ax-button>\n        <ax-button text=\"Time\" class=\"ax-w-1/2 ax-sm\" [selected]=\"_activePart=='time'\"\n            (onClick)=\"_handleOnItemClick('time')\">\n        </ax-button>\n   \n  </ax-button-group> -->\n  <ax-tabs\n    [look]=\"'default'\"\n    [fitParent]=\"true\"\n    [location]=\"'top'\"\n    (onActiveTabChanged)=\"_handleViewChanged($event)\"\n  >\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart == 'date'\">\n    <ax-calendar\n      #calendar\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\"\n      [maxValue]=\"maxValue\"\n      [disabledDates]=\"disabledDates\"\n      [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\"\n      (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\"\n      [type]=\"type\"\n    >\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart == 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format }}\n    </div>\n    <ax-picker>\n      <ax-picker-column\n        title=\"Hour\"\n        [items]=\"hours\"\n        [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Minute\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.minute.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Second\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.second.enabled\"\n      ></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly\">\n  <ax-button\n    [text]=\"_activePart === 'date' ? 'Today' : 'Now'\"\n    class=\"ax-sm\"\n    (onClick)=\"_handleNowClick($event)\"\n  ></ax-button>\n  <ax-button color=\"primary\" text=\"Set\" class=\"ax-sm\" (onClick)=\"_handleSetClick($event)\"></ax-button>\n</div>\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXCalendarModule } from '@acorex/components/calendar';\nimport { AXPickerModule } from '@acorex/components/picker';\nimport { AXTabsModule } from '@acorex/components/tabs';\nimport { AXDateTimeModule } from '@acorex/core/dateTime';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { AXDateTimePickerComponent } from './datetime-picker.component';\n\nconst COMPONENT = [AXDateTimePickerComponent];\nconst MODULES = [\n  CommonModule,\n  FormsModule,\n  AXTabsModule,\n  AXDateTimeModule,\n  AXButtonModule,\n  AXCalendarModule,\n  AXPickerModule,\n];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDateTimePickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-decorators.mjs

@@ -1,15 +1,15 @@
 import * as i2 from '@acorex/components/common';
-import { MXBaseComponent, AXClosbaleComponent, AXClearableComponent } from '@acorex/components/common';
+import { MXBaseComponent, AXClearableComponent, AXClosbaleComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Inject, Input, HostListener, HostBinding, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, Inject, Input, HostBinding, HostListener, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
-class AXDecoratorCloseButtonComponent extends MXBaseComponent {
+class AXDecoratorClearButtonComponent extends MXBaseComponent {
     constructor(_parent) {
         super();
         this._parent = _parent;
-        this._icon = 'ax-icon ax-icon-close';
+        this._icon = 'ax-icon ax-icon-cancel-fill';
     }
     get icon() {
         return this._icon || 'ax-icon-close';
@@ -17,37 +17,52 @@ class AXDecoratorCloseButtonComponent extends MXBaseComponent {
     set icon(v) {
         this._icon = v;
     }
+    get hostClass() {
+        const hidden = this._parent.disabled ||
+            this._parent.readonly ||
+            this._parent.value == null ||
+            this._parent.value == '';
+        return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;
+    }
     _handleOnClick() {
-        this._parent?.close();
+        if (!this._parent.disabled && !this._parent.readonly)
+            this._parent?.clear(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: [{ token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" } }, usesInheritance: true, ngImport: i0, template: `<button type="button" role="button" aria-label="Close" title="Close"><i [ngClass]="icon"></i></button>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorClearButtonComponent, deps: [{ token: AXClearableComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" }, properties: { "class": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: `<button type="button" tabIndex="-1" role="button" aria-label="Clear" title="Clear">
+    <i [ngClass]="icon"></i>
+  </button>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorClearButtonComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ax-close-button',
-                    template: `<button type="button" role="button" aria-label="Close" title="Close"><i [ngClass]="icon"></i></button>`,
+                    selector: 'ax-clear-button',
+                    template: `<button type="button" tabIndex="-1" role="button" aria-label="Clear" title="Clear">
+    <i [ngClass]="icon"></i>
+  </button>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
-        }], ctorParameters: function () { return [{ type: i2.AXClosbaleComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2.AXClearableComponent, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [AXClosbaleComponent]
+                    args: [AXClearableComponent]
                 }] }]; }, propDecorators: { icon: [{
                 type: Input
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
             }], _handleOnClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
 
-class AXDecoratorClearButtonComponent extends MXBaseComponent {
+class AXDecoratorCloseButtonComponent extends MXBaseComponent {
     constructor(_parent) {
         super();
         this._parent = _parent;
-        this._icon = 'ax-icon ax-icon-cancel-fill';
+        this._icon = 'ax-icon ax-icon-close';
     }
     get icon() {
         return this._icon || 'ax-icon-close';
@@ -55,52 +70,37 @@ class AXDecoratorClearButtonComponent extends MXBaseComponent {
     set icon(v) {
         this._icon = v;
     }
-    get hostClass() {
-        const hidden = this._parent.disabled ||
-            this._parent.readonly ||
-            this._parent.value == null ||
-            this._parent.value == '';
-        return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;
-    }
     _handleOnClick() {
-        if (!this._parent.disabled && !this._parent.readonly)
-            this._parent?.clear(true);
+        this._parent?.close();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorClearButtonComponent, deps: [{ token: AXClearableComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" }, properties: { "class": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: `<button type="button" role="button" aria-label="Clear" title="Clear">
-    <i [ngClass]="icon"></i>
-  </button>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: [{ token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" } }, usesInheritance: true, ngImport: i0, template: `<button type="button" role="button" aria-label="Close" title="Close"><i [ngClass]="icon"></i></button>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorClearButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'ax-clear-button',
-                    template: `<button type="button" role="button" aria-label="Clear" title="Clear">
-    <i [ngClass]="icon"></i>
-  </button>`,
+                    selector: 'ax-close-button',
+                    template: `<button type="button" role="button" aria-label="Close" title="Close"><i [ngClass]="icon"></i></button>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
+                    encapsulation: ViewEncapsulation.None
                 }]
-        }], ctorParameters: function () { return [{ type: i2.AXClearableComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i2.AXClosbaleComponent, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
-                    args: [AXClearableComponent]
+                    args: [AXClosbaleComponent]
                 }] }]; }, propDecorators: { icon: [{
                 type: Input
-            }], hostClass: [{
-                type: HostBinding,
-                args: ['class']
             }], _handleOnClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
 
 class AXDecoratorGenericComponent extends MXBaseComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorGenericComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title", usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorGenericComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorGenericComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',
@@ -114,10 +114,10 @@ class AXDecoratorIconComponent extends MXBaseComponent {
     get __iconClass() {
         return `${this.icon}`;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content select="i,span,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" } }, providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }], usesInheritance: true, ngImport: i0, template: '<ng-content select="i,span,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-icon',
@@ -137,21 +137,21 @@ const COMPONENT = [
     AXDecoratorIconComponent,
     AXDecoratorClearButtonComponent,
     AXDecoratorCloseButtonComponent,
-    AXDecoratorGenericComponent
+    AXDecoratorGenericComponent,
 ];
 const MODULES = [CommonModule];
 class AXDecoratorModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorModule, declarations: [AXDecoratorIconComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorModule, declarations: [AXDecoratorIconComponent,
             AXDecoratorClearButtonComponent,
             AXDecoratorCloseButtonComponent,
             AXDecoratorGenericComponent], imports: [CommonModule], exports: [AXDecoratorIconComponent,
             AXDecoratorClearButtonComponent,
             AXDecoratorCloseButtonComponent,
             AXDecoratorGenericComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDecoratorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-decorators.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../libs/components/decorators/src/lib/close-button.component.ts","../../../../libs/components/decorators/src/lib/clear-button.component.ts","../../../../libs/components/decorators/src/lib/generic-content.component.ts","../../../../libs/components/decorators/src/lib/icon.component.ts","../../../../libs/components/decorators/src/lib/decorators.module.ts","../../../../libs/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-close-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Close\" title=\"Close\"><i [ngClass]=\"icon\"></i></button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n\n  constructor(\n\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private _parent?: AXClosbaleComponent\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-close';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    this._parent?.close();\n  }\n}\n","import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Clear\" title=\"Clear\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClearableComponent)\n    private _parent?: AXClearableComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-cancel-fill';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostBinding('class')\n  private get hostClass(): string {\n    const hidden =\n      this._parent.disabled ||\n      this._parent.readonly ||\n      this._parent.value == null ||\n      this._parent.value == '';\n    return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    if (!this._parent.disabled && !this._parent.readonly) this._parent?.clear(true);\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent {\n\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Input,\n  HostBinding,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content select=\"i,span,svg,img\"></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n\n  @Input()\n  icon: string;\n\n  @HostBinding('class')\n  private get __iconClass(): string {\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorCloseButtonComponent } from './close-button.component';\nimport { AXDecoratorIconComponent } from './icon.component';\nimport { AXDecoratorGenericComponent } from './generic-content.component';\nimport { AXDecoratorClearButtonComponent } from './clear-button.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDecoratorModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../libs/components/decorators/src/lib/components/clear-button.component.ts","../../../../libs/components/decorators/src/lib/components/close-button.component.ts","../../../../libs/components/decorators/src/lib/components/generic-content.component.ts","../../../../libs/components/decorators/src/lib/components/icon.component.ts","../../../../libs/components/decorators/src/lib/decorators.module.ts","../../../../libs/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button type=\"button\" tabIndex=\"-1\" role=\"button\" aria-label=\"Clear\" title=\"Clear\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClearableComponent)\n    private _parent?: AXClearableComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-cancel-fill';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostBinding('class')\n  private get hostClass(): string {\n    const hidden =\n      this._parent.disabled ||\n      this._parent.readonly ||\n      this._parent.value == null ||\n      this._parent.value == '';\n    return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    if (!this._parent.disabled && !this._parent.readonly) this._parent?.clear(true);\n  }\n}\n","import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-close-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Close\" title=\"Close\"><i [ngClass]=\"icon\"></i></button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n\n  constructor(\n\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private _parent?: AXClosbaleComponent\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-close';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    this._parent?.close();\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent {\n\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Input,\n  HostBinding,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content select=\"i,span,svg,img\"></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: 'ax-icon', useValue: AXDecoratorIconComponent }],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n\n  @Input()\n  icon: string;\n\n  @HostBinding('class')\n  private get __iconClass(): string {\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button.component';\nimport { AXDecoratorCloseButtonComponent } from './components/close-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorIconComponent } from './components/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDecoratorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAoBM,MAAO,+BAAgC,SAAQ,eAAe,CAAA;AAClE,IAAA,WAAA,CAGU,OAA8B,EAAA;AAEtC,QAAA,KAAK,EAAE,CAAC;QAFA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAuB;QAKhC,IAAK,CAAA,KAAA,GAAG,6BAA6B,CAAC;KAF7C;AAGD,IAAA,IACW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC;KACtC;IACD,IAAW,IAAI,CAAC,CAAS,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;KAChB;AAED,IAAA,IACY,SAAS,GAAA;AACnB,QAAA,MAAM,MAAM,GACV,IAAI,CAAC,OAAO,CAAC,QAAQ;YACrB,IAAI,CAAC,OAAO,CAAC,QAAQ;AACrB,YAAA,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,IAAI;AAC1B,YAAA,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;QAC3B,OAAO,CAAA,yCAAA,EAA4C,MAAM,GAAG,WAAW,GAAG,EAAE,CAAA,CAAE,CAAC;KAChF;IAGS,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ;AAAE,YAAA,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;KACjF;AA/BU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,kBAGhC,oBAAoB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAHnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,EANhC,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,wBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;AAEA,WAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIC,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAR3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAAA;;AAEA,WAAA,CAAA;oBACV,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA,CAAA;;0BAGI,QAAQ;;0BACR,MAAM;2BAAC,oBAAoB,CAAA;4CAQnB,IAAI,EAAA,CAAA;sBADd,KAAK;gBASM,SAAS,EAAA,CAAA;sBADpB,WAAW;uBAAC,OAAO,CAAA;gBAWV,cAAc,EAAA,CAAA;sBADvB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;;;AC/B7B,MAAO,+BAAgC,SAAQ,eAAe,CAAA;AAElE,IAAA,WAAA,CAIU,OAA6B,EAAA;AAErC,QAAA,KAAK,EAAE,CAAC;QAFA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAsB;QAK/B,IAAK,CAAA,KAAA,GAAG,uBAAuB,CAAC;KAFvC;AAGD,IAAA,IACW,IAAI,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,IAAI,eAAe,CAAC;KACtC;IACD,IAAW,IAAI,CAAC,CAAS,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;KAChB;IAGS,cAAc,GAAA;AACtB,QAAA,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;KACvB;AAvBU,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,+BAA+B,kBAKhC,mBAAmB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AALlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,oKAJhC,CAAwG,sGAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAIvG,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE,CAAwG,sGAAA,CAAA;oBAClH,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA,CAAA;;0BAKI,QAAQ;;0BACR,MAAM;2BAAC,mBAAmB,CAAA;4CAQlB,IAAI,EAAA,CAAA;sBADd,KAAK;gBASI,cAAc,EAAA,CAAA;sBADvB,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAA;;;ACxB7B,MAAO,2BAA4B,SAAQ,eAAe,CAAA;8GAAnD,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,iLAJ5B,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAI1B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBANvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oHAAoH;AAC9H,oBAAA,QAAQ,EAAE,CAA2B,yBAAA,CAAA;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACtC,iBAAA,CAAA;;;ACIK,MAAO,wBAAyB,SAAQ,eAAe,CAAA;AAK3D,IAAA,IACY,WAAW,GAAA;AACrB,QAAA,OAAO,CAAG,EAAA,IAAI,CAAC,IAAI,EAAE,CAAC;KACvB;8GARU,wBAAwB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,EAFxB,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,iDAH7D,mDAAmD,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FAKlD,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAPpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,QAAQ,EAAE,mDAAmD;oBAC7D,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAA0B,wBAAA,EAAE,CAAC;AACxE,iBAAA,CAAA;8BAIC,IAAI,EAAA,CAAA;sBADH,KAAK;gBAIM,WAAW,EAAA,CAAA;sBADtB,WAAW;uBAAC,OAAO,CAAA;;;ACdtB,MAAM,SAAS,GAAG;IAChB,wBAAwB;IACxB,+BAA+B;IAC/B,+BAA+B;IAC/B,2BAA2B;CAC5B,CAAC;AACF,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC,CAAC;MAQlB,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,iBAb5B,wBAAwB;YACxB,+BAA+B;YAC/B,+BAA+B;YAC/B,2BAA2B,CAAA,EAAA,OAAA,EAAA,CAEZ,YAAY,CAAA,EAAA,OAAA,EAAA,CAL3B,wBAAwB;YACxB,+BAA+B;YAC/B,+BAA+B;YAC/B,2BAA2B,CAAA,EAAA,CAAA,CAAA,EAAA;AAUhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAJf,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACpBD;;AAEG;;;;"}