@acorex/components 6.0.1 → 6.0.2

package/fesm2015/acorex-components-date-picker.mjs

@@ -0,0 +1,293 @@
+import { AXStringUtil } from '@acorex/core/utils';
+import { AXTranslator } from '@acorex/core/translation';
+import { AXDateTime, AXDateTimeModule } from '@acorex/core/dateTime';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import { AXClosbaleComponent } from '@acorex/components/common';
+import * as i3 from '@acorex/components/calendar';
+import { AXCalendarBaseComponent, AXCalendarComponent, AXCalendarModule } from '@acorex/components/calendar';
+import * as i5 from '@acorex/components/popover';
+import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
+import { _InteractiveComponenetMixin, _DropdownComponenetMixin, _ValueComponenetMixin } from '@acorex/components/mixin';
+import * as i1 from '@acorex/core/platform';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
+import * as i6 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import * as i7 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { AXTextBoxModule } from '@acorex/components/textbox';
+
+const AXBaseDatePickerMixin = _InteractiveComponenetMixin(_DropdownComponenetMixin(_ValueComponenetMixin(AXCalendarBaseComponent)));
+class AXDatePickerComponent extends AXBaseDatePickerMixin {
+    constructor(_elementRef, _cdr, _platform) {
+        super(_elementRef, _cdr);
+        this._platform = _platform;
+        this._cursorPos = 0;
+        this._isMobile = false;
+        this.formatChange = new EventEmitter();
+        this._format = 'YYYY-MM-dd';
+        this.interface = 'calendar';
+        this._target = this._getHostElement();
+        this._isMobile = this._platform.is('Mobile');
+        this._platform.resize.subscribe(() => {
+            this._isMobile = this._platform.is('Mobile');
+            this.popover.dispose();
+        });
+    }
+    get format() {
+        return this._format;
+    }
+    set format(v) {
+        this._setOption({
+            name: 'format',
+            value: v,
+        });
+    }
+    onInit() {
+        this._popoverTitle =
+            this.placeholder || AXTranslator.get('datepicker.popover.title');
+    }
+    _updateDisplayText() {
+        this.displayText = this.value
+            ? AXDateTime.convert(this.value, this.type).format(this._format)
+            : '';
+    }
+    _handlePopoverOpened(e) {
+        this._calendar.navTo(this.value || new AXDateTime(new Date(), this.type));
+    }
+    _handleArrowClickEvent(e) {
+        this.toggle();
+    }
+    _onValueChanged(oldValue, newValue) {
+        this._updateDisplayText();
+        this.close();
+    }
+    _onOptionChanged(option) {
+        super._onOptionChanged(option);
+        if (option.name == 'type') {
+            this._updateDisplayText();
+        }
+    }
+    _handleOnKeydownEvent(e) {
+        var _a, _b;
+        const ignore = () => {
+            e.preventDefault();
+            e.stopPropagation();
+        };
+        const nums = Array(10)
+            .fill(0)
+            .map((v, i) => i.toString());
+        const chars = [
+            'Backspace',
+            'ArrowDown',
+            'ArrowUp',
+            'ArrowRight',
+            'ArrowLeft',
+            'Tab',
+            'Enter',
+        ];
+        const input = e.target;
+        const key = e.key;
+        const valStr = input.value;
+        const sStart = input.selectionStart || 0;
+        const sEnd = input.selectionEnd || 0;
+        const dateVal = new AXDateTime(this.value);
+        //
+        const re = /[a-zA-Z0-9]+/gi;
+        const parts = Array.from(this.format.matchAll(re));
+        const word = valStr.substring(sStart, sEnd);
+        const part = parts.find((c) => c.index >= sStart);
+        //
+        //
+        if ([...nums].includes(key)) {
+            if (part) {
+                switch (part[0]) {
+                    case 'dd':
+                    case 'DD':
+                        const newVal = Math.max(1, Math.min(31, Number(word + e.key)));
+                        this.value = dateVal.set('day', newVal).date;
+                        break;
+                    case 'mm':
+                        break;
+                    case 'yy':
+                    case 'YYYY':
+                        break;
+                }
+                setTimeout(() => {
+                    this._highlightPart(input, sStart);
+                }, 10);
+                ignore();
+            }
+        }
+        else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {
+            const next = Array.from(valStr.substr(sEnd).matchAll(re));
+            const prev = Array.from(valStr.substring(0, sStart).matchAll(re));
+            ignore();
+            this._highlightPart(input, e.key === 'ArrowRight'
+                ? sEnd + (((_a = next[0]) === null || _a === void 0 ? void 0 : _a.index) || 0)
+                : (_b = prev[prev.length - 1]) === null || _b === void 0 ? void 0 : _b.index);
+        }
+        else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+            if (e.ctrlKey && e.key === 'ArrowDown') {
+                this.open();
+            }
+            else {
+                const sign = e.key === 'ArrowUp' ? +1 : -1;
+                if (part) {
+                    switch (part[0]) {
+                        case 'dd':
+                        case 'DD':
+                            this.value = dateVal.add('day', sign).date;
+                            break;
+                        case 'mm':
+                        case 'MMM':
+                        case 'MMMM':
+                            this.value = dateVal.add('month', sign).date;
+                            break;
+                        case 'yy':
+                        case 'YYYY':
+                            this.value = dateVal.add('year', sign).date;
+                            break;
+                    }
+                    setTimeout(() => {
+                        this._highlightPart(input, sStart);
+                    }, 10);
+                }
+            }
+            ignore();
+        }
+        else if (e.key == 'Backspace') {
+            if (this.allowNull) {
+                this.value = null;
+            }
+            ignore();
+        }
+        // else if (nums.includes(key)) {
+        // }
+        // super._emitOnKeydownEvent(e);
+    }
+    _handleOnInputClickEvent(e) {
+        const input = e.target;
+        this._highlightPart(input);
+        e.preventDefault();
+        e.stopPropagation();
+    }
+    _handleOnNavigate(e) {
+        this.onNavigate.emit(e);
+    }
+    _highlightPart(input, pos) {
+        const { start, end } = AXStringUtil.getWordBoundsAtPosition(input.value, pos != null ? pos : input.selectionStart || 0);
+        input.setSelectionRange(start, end);
+    }
+}
+AXDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
+AXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", debounceTime: "debounceTime", type: "type", autoComplete: "autoComplete", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", format: "format", interface: "interface" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", formatChange: "formatChange" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, providers: [
+        { provide: AXClosbaleComponent, useExisting: AXDatePickerComponent },
+    ], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }, { propertyName: "_calendar", first: true, predicate: AXCalendarComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n    <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\r\n        [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\"\r\n        [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\"\r\n        (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"\r\n        (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent($event)\">\r\n    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-calendar-options\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"true\"\r\n    (onOpened)=\"_handlePopoverOpened($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\r\n        <ax-header *ngIf=\"_isMobile\" >\r\n            <ax-title text=\"{{placeholder || 'Choose a date'}}\"></ax-title>\r\n            <ax-close-button></ax-close-button>\r\n        </ax-header>\r\n        <ng-container *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\r\n        <ng-template #calendarTemplate>\r\n            <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\r\n                [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\r\n                (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\r\n            </ax-calendar>\r\n        </ng-template>\r\n        <ng-template #pickerTemplate>\r\n        </ng-template>\r\n\r\n    </div>\r\n</ax-popover>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXCalendarComponent, selector: "ax-calendar", inputs: ["readonly", "allowNull", "value", "name", "checked", "disabled", "tabIndex", "depth", "activeView", "min", "max", "disabledDates", "type", "holidayDates", "interface"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "disabledDatesChange", "holidayDatesChange", "onNavigate"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i5.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i6.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i6.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i6.AXDecoratorTitleComponent, selector: "ax-title", inputs: ["text"] }, { kind: "component", type: i6.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-date-picker', inputs: [
+                        'isOpen',
+                        'fitParent',
+                        'dropdownWidth',
+                        'position',
+                        'disabled',
+                        'tabIndex',
+                        'readonly',
+                        'allowNull',
+                        'value',
+                        'name',
+                        'checked',
+                        'placeholder',
+                        'maxLength',
+                        'allowNull',
+                        'debounceTime',
+                        'type',
+                        'autoComplete',
+                        'readonly',
+                        'allowNull',
+                        'value',
+                        'name',
+                        'checked',
+                        'depth',
+                        'activeView',
+                        'min',
+                        'max',
+                        'disabledDates',
+                        'type',
+                        'holidayDates',
+                    ], outputs: [
+                        'onOpened',
+                        'onClosed',
+                        'onBlur',
+                        'onFocus',
+                        'valueChange',
+                        'onValueChanged',
+                        'valueChange',
+                        'onValueChanged',
+                        'depthChange',
+                        'typeChange',
+                        'disabledDatesChange',
+                        'holidayDatesChange',
+                        'onNavigate',
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: AXClosbaleComponent, useExisting: AXDatePickerComponent },
+                    ], host: { class: 'ax-editor-container ax-drop-down' }, template: "<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n    <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\r\n        [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\"\r\n        [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\"\r\n        (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"\r\n        (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent($event)\">\r\n    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-calendar-options\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"true\"\r\n    (onOpened)=\"_handlePopoverOpened($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\r\n        <ax-header *ngIf=\"_isMobile\" >\r\n            <ax-title text=\"{{placeholder || 'Choose a date'}}\"></ax-title>\r\n            <ax-close-button></ax-close-button>\r\n        </ax-header>\r\n        <ng-container *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\r\n        <ng-template #calendarTemplate>\r\n            <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\r\n                [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\r\n                (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\r\n            </ax-calendar>\r\n        </ng-template>\r\n        <ng-template #pickerTemplate>\r\n        </ng-template>\r\n\r\n    </div>\r\n</ax-popover>" }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXPlatform }]; }, propDecorators: { popover: [{
+                type: ViewChild,
+                args: [AXPopoverComponent, { static: true }]
+            }], _calendar: [{
+                type: ViewChild,
+                args: [AXCalendarComponent, { static: true }]
+            }], formatChange: [{
+                type: Output
+            }], format: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], interface: [{
+                type: Input
+            }] } });
+
+const COMPONENT = [AXDatePickerComponent];
+const MODULES = [
+    CommonModule,
+    AXCalendarModule,
+    AXTextBoxModule,
+    AXButtonModule,
+    AXPopoverModule,
+    AXDecoratorModule,
+    AXDateTimeModule,
+    FormsModule
+];
+class AXDatepickerModule {
+}
+AXDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
+        AXCalendarModule,
+        AXTextBoxModule,
+        AXButtonModule,
+        AXPopoverModule,
+        AXDecoratorModule,
+        AXDateTimeModule,
+        FormsModule], exports: [AXDatePickerComponent] });
+AXDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXBaseDatePickerMixin, AXDatePickerComponent, AXDatepickerModule };
+//# sourceMappingURL=acorex-components-date-picker.mjs.map

package/fesm2015/acorex-components-date-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-date-picker.mjs","sources":["../../../../projects/acorex/components/date-picker/src/datepicker.component.ts","../../../../projects/acorex/components/date-picker/src/datepicker.component.html","../../../../projects/acorex/components/date-picker/src/datepicker.module.ts","../../../../projects/acorex/components/date-picker/acorex-components-date-picker.ts"],"sourcesContent":["import { AXStringUtil } from '@acorex/core/utils';\r\nimport { AXPlatform } from '@acorex/core/platform';\r\nimport { AXTranslator } from '@acorex/core/translation';\r\nimport { AXDateTime } from '@acorex/core/dateTime';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ViewChild,\r\n  Input,\r\n  EventEmitter,\r\n  Output,\r\n} from '@angular/core';\r\nimport { AXClickEvent, AXClosbaleComponent } from '@acorex/components/common';\r\n\r\nimport {\r\n  AXCalendarComponent,\r\n  AXCalendarBaseComponent,\r\n  AXCalendarNavigateEvent,\r\n} from '@acorex/components/calendar';\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport {\r\n  AXComponentOptionChanged,\r\n  _DropdownComponenetMixin,\r\n  _InteractiveComponenetMixin,\r\n  _ValueComponenetMixin,\r\n} from '@acorex/components/mixin';\r\n\r\nexport const AXBaseDatePickerMixin = _InteractiveComponenetMixin(\r\n  _DropdownComponenetMixin(_ValueComponenetMixin(AXCalendarBaseComponent))\r\n);\r\n\r\n@Component({\r\n  selector: 'ax-date-picker',\r\n  templateUrl: './datepicker.component.html',\r\n  inputs: [\r\n    'isOpen',\r\n    'fitParent',\r\n    'dropdownWidth',\r\n    'position',\r\n    'disabled',\r\n    'tabIndex',\r\n    'readonly',\r\n    'allowNull',\r\n    'value',\r\n    'name',\r\n    'checked',\r\n    'placeholder',\r\n    'maxLength',\r\n    'allowNull',\r\n    'debounceTime',\r\n    'type',\r\n    'autoComplete',\r\n    'readonly',\r\n    'allowNull',\r\n    'value',\r\n    'name',\r\n    'checked',\r\n    'depth',\r\n    'activeView',\r\n    'min',\r\n    'max',\r\n    'disabledDates',\r\n    'type',\r\n    'holidayDates',\r\n  ],\r\n  outputs: [\r\n    'onOpened',\r\n    'onClosed',\r\n    'onBlur',\r\n    'onFocus',\r\n    'valueChange',\r\n    'onValueChanged',\r\n    'valueChange',\r\n    'onValueChanged',\r\n    'depthChange',\r\n    'typeChange',\r\n    'disabledDatesChange',\r\n    'holidayDatesChange',\r\n    'onNavigate',\r\n  ],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXClosbaleComponent, useExisting: AXDatePickerComponent },\r\n  ],\r\n  host: { class: 'ax-editor-container ax-drop-down' },\r\n})\r\nexport class AXDatePickerComponent extends AXBaseDatePickerMixin {\r\n  @ViewChild(AXPopoverComponent, { static: true })\r\n  popover: AXPopoverComponent;\r\n\r\n  @ViewChild(AXCalendarComponent, { static: true })\r\n  private _calendar: AXCalendarComponent;\r\n\r\n  _target: HTMLDivElement;\r\n  displayText: string;\r\n  _calendarValue: Date;\r\n  _cursorPos: number = 0;\r\n  _isMobile: boolean = false;\r\n  _popoverTitle: string;\r\n  _popoverWidth: number;\r\n\r\n  @Output()\r\n  formatChange = new EventEmitter<string>();\r\n\r\n  private _format: string = 'YYYY-MM-dd';\r\n  @Input()\r\n  public get format(): string {\r\n    return this._format;\r\n  }\r\n  public set format(v: string) {\r\n    this._setOption({\r\n      name: 'format',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Input()\r\n  placeholder: string;\r\n\r\n  @Input()\r\n  interface: 'calendar' | 'picker' = 'calendar';\r\n\r\n  constructor(\r\n    _elementRef: ElementRef,\r\n    _cdr: ChangeDetectorRef,\r\n    private _platform: AXPlatform\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n    this._target = this._getHostElement();\r\n    this._isMobile = this._platform.is('Mobile');\r\n    this._platform.resize.subscribe(() => {\r\n      this._isMobile = this._platform.is('Mobile');\r\n      this.popover.dispose();\r\n    });\r\n  }\r\n\r\n  onInit(): void {\r\n    this._popoverTitle =\r\n      this.placeholder || AXTranslator.get('datepicker.popover.title');\r\n  }\r\n\r\n  private _updateDisplayText() {\r\n    this.displayText = this.value\r\n      ? AXDateTime.convert(this.value, this.type).format(this._format)\r\n      : '';\r\n  }\r\n\r\n  _handlePopoverOpened(e) {\r\n    this._calendar.navTo(this.value || new AXDateTime(new Date(), this.type));\r\n  }\r\n\r\n  _handleArrowClickEvent(e: AXClickEvent) {\r\n    this.toggle();\r\n  }\r\n\r\n  _onValueChanged(oldValue?: any, newValue?: any) {\r\n    this._updateDisplayText();\r\n    this.close();\r\n  }\r\n\r\n  _onOptionChanged(option: AXComponentOptionChanged): void {\r\n    super._onOptionChanged(option);\r\n    if (option.name == 'type') {\r\n      this._updateDisplayText();\r\n    }\r\n  }\r\n\r\n  _handleOnKeydownEvent(e: KeyboardEvent) {\r\n    const ignore = () => {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    };\r\n\r\n    const nums: string[] = Array(10)\r\n      .fill(0)\r\n      .map((v, i) => i.toString());\r\n    const chars: string[] = [\r\n      'Backspace',\r\n      'ArrowDown',\r\n      'ArrowUp',\r\n      'ArrowRight',\r\n      'ArrowLeft',\r\n      'Tab',\r\n      'Enter',\r\n    ];\r\n    const input = e.target as HTMLInputElement;\r\n    const key = e.key;\r\n    const valStr = input.value;\r\n    const sStart = input.selectionStart || 0;\r\n    const sEnd = input.selectionEnd || 0;\r\n    const dateVal = new AXDateTime(this.value);\r\n    //\r\n    const re = /[a-zA-Z0-9]+/gi;\r\n    const parts = Array.from(this.format.matchAll(re));\r\n    const word = valStr.substring(sStart, sEnd);\r\n    const part = parts.find((c: any) => c.index >= sStart);\r\n    //\r\n    //\r\n    if ([...nums].includes(key)) {\r\n      if (part) {\r\n        switch (part[0]) {\r\n          case 'dd':\r\n          case 'DD':\r\n            const newVal = Math.max(1, Math.min(31, Number(word + e.key)));\r\n            this.value = dateVal.set('day', newVal).date;\r\n            break;\r\n          case 'mm':\r\n            break;\r\n          case 'yy':\r\n          case 'YYYY':\r\n            break;\r\n        }\r\n        setTimeout(() => {\r\n          this._highlightPart(input, sStart);\r\n        }, 10);\r\n        ignore();\r\n      }\r\n    } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\r\n      const next = Array.from(valStr.substr(sEnd).matchAll(re));\r\n      const prev = Array.from(valStr.substring(0, sStart).matchAll(re));\r\n      ignore();\r\n      this._highlightPart(\r\n        input,\r\n        e.key === 'ArrowRight'\r\n          ? sEnd + (next[0]?.index || 0)\r\n          : prev[prev.length - 1]?.index\r\n      );\r\n    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\r\n      if (e.ctrlKey && e.key === 'ArrowDown') {\r\n        this.open();\r\n      } else {\r\n        const sign = e.key === 'ArrowUp' ? +1 : -1;\r\n        if (part) {\r\n          switch (part[0]) {\r\n            case 'dd':\r\n            case 'DD':\r\n              this.value = dateVal.add('day', sign).date;\r\n              break;\r\n            case 'mm':\r\n            case 'MMM':\r\n            case 'MMMM':\r\n              this.value = dateVal.add('month', sign).date;\r\n              break;\r\n            case 'yy':\r\n            case 'YYYY':\r\n              this.value = dateVal.add('year', sign).date;\r\n              break;\r\n          }\r\n          setTimeout(() => {\r\n            this._highlightPart(input, sStart);\r\n          }, 10);\r\n        }\r\n      }\r\n      ignore();\r\n    } else if (e.key == 'Backspace') {\r\n      if (this.allowNull) {\r\n        this.value = null;\r\n      }\r\n      ignore();\r\n    }\r\n    // else if (nums.includes(key)) {\r\n\r\n    // }\r\n    // super._emitOnKeydownEvent(e);\r\n  }\r\n\r\n  _handleOnInputClickEvent(e: MouseEvent): void {\r\n    const input = e.target as HTMLInputElement;\r\n    this._highlightPart(input);\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  _handleOnNavigate(e: AXCalendarNavigateEvent) {\r\n    this.onNavigate.emit(e);\r\n  }\r\n\r\n  private _highlightPart(input: HTMLInputElement, pos?: number) {\r\n    const { start, end } = AXStringUtil.getWordBoundsAtPosition(\r\n      input.value,\r\n      pos != null ? pos : input.selectionStart || 0\r\n    );\r\n    input.setSelectionRange(start, end);\r\n  }\r\n}\r\n","<ng-content select=\"ax-prefix\">\r\n</ng-content>\r\n<div class=\"ax-dropdown-content\">\r\n    <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\r\n        [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"readonly\"\r\n        [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"_emitOnFocusEvent($event)\"\r\n        (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\"\r\n        (keydown)=\"_handleOnKeydownEvent($event)\">\r\n</div>\r\n<ax-button [disabled]=\"disabled\" [tabIndex]=\"-1\" color=\"light\" look=\"blank\" (onClick)=\"_handleArrowClickEvent($event)\">\r\n    <ax-icon icon=\"ax-ic ax-ic-chevron ax-transform ax--rotate-90\"></ax-icon>\r\n</ax-button>\r\n<ng-content select=\"ax-suffix\">\r\n</ng-content>\r\n<ng-content select=\"ax-validation-rule\">\r\n</ng-content>\r\n<ng-content select=\"ax-calendar-options\">\r\n</ng-content>\r\n<ax-popover [target]=\"_target\" [position]=\"position\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"true\"\r\n    (onOpened)=\"_handlePopoverOpened($event)\">\r\n    <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\r\n        <ax-header *ngIf=\"_isMobile\" >\r\n            <ax-title text=\"{{placeholder || 'Choose a date'}}\"></ax-title>\r\n            <ax-close-button></ax-close-button>\r\n        </ax-header>\r\n        <ng-container *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\r\n        <ng-template #calendarTemplate>\r\n            <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\r\n                [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\r\n                (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\r\n            </ax-calendar>\r\n        </ng-template>\r\n        <ng-template #pickerTemplate>\r\n        </ng-template>\r\n\r\n    </div>\r\n</ax-popover>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDateTimeModule } from '@acorex/core/dateTime';\r\n\r\nimport { AXDatePickerComponent } from './datepicker.component';\r\nimport { AXCalendarModule } from '@acorex/components/calendar';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXPopoverModule } from '@acorex/components/popover';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXTextBoxModule } from '@acorex/components/textbox';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nconst COMPONENT = [AXDatePickerComponent];\r\nconst MODULES = [\r\n    CommonModule,\r\n    AXCalendarModule,\r\n    AXTextBoxModule,\r\n    AXButtonModule,\r\n    AXPopoverModule,\r\n    AXDecoratorModule,\r\n    AXDateTimeModule,\r\n    FormsModule\r\n];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXDatepickerModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/acorex-components-decorators.mjs

@@ -0,0 +1,277 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, Input, HostBinding, Optional, Inject, NgModule } from '@angular/core';
+import * as i2 from '@acorex/components/common';
+import { AXClosbaleComponent } from '@acorex/components/common';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class AXDecoratorAddOnComponent extends AXBaseComponentMixin {
+    constructor(_elementRef, _cdr) {
+        super(_elementRef, _cdr);
+    }
+}
+AXDecoratorAddOnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorAddOnComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorAddOnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorAddOnComponent, selector: "ax-addon", host: { classAttribute: ".ax-addon" }, 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: "14.0.2", ngImport: i0, type: AXDecoratorAddOnComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-addon',
+                    template: `<ng-content></ng-content>`,
+                    host: { class: '.ax-addon' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXDecoratorIconComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+    get __iconClass() {
+        return `ax-ic ${this.icon}`;
+    }
+}
+AXDecoratorIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: { icon: "icon" }, host: { properties: { "class": "this.__iconClass" }, classAttribute: "ax-icon" }, usesInheritance: true, ngImport: i0, template: '<ng-content select="i,svg,img"></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-icon',
+                    template: '<ng-content select="i,svg,img"></ng-content>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'ax-icon' },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { icon: [{
+                type: Input
+            }], __iconClass: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class AXDecoratorCloseButtonComponent extends AXBaseComponentMixin {
+    constructor(_elementRef, _cdr, _parent) {
+        super(_elementRef, _cdr);
+        this._parent = _parent;
+        this._icon = 'ax-ic-close';
+    }
+    get icon() {
+        return this._icon || 'ax-ic-close';
+    }
+    set icon(v) {
+        this._icon = v;
+    }
+    _handleOnClick(e) {
+        var _a;
+        (_a = this._parent) === null || _a === void 0 ? void 0 : _a.close();
+    }
+}
+AXDecoratorCloseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorCloseButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: { icon: "icon" }, host: { classAttribute: "ax-close-button" }, usesInheritance: true, ngImport: i0, template: `<ax-icon
+    [icon]="icon"
+    (click)="_handleOnClick($event)"
+    tabindex="1"
+  ></ax-icon>`, isInline: true, dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-close-button',
+                    template: `<ax-icon
+    [icon]="icon"
+    (click)="_handleOnClick($event)"
+    tabindex="1"
+  ></ax-icon>`,
+                    host: { class: 'ax-close-button' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2.AXClosbaleComponent, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Inject,
+                        args: [AXClosbaleComponent]
+                    }] }];
+    }, propDecorators: { icon: [{
+                type: Input
+            }] } });
+
+class AXDecoratorContentComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXDecoratorContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorContentComponent, selector: "ax-content", host: { classAttribute: "ax-content" }, 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: "14.0.2", ngImport: i0, type: AXDecoratorContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-content',
+                    template: ` <ng-content> </ng-content> `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'ax-content' },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXDecoratorPrefixComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXDecoratorPrefixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorPrefixComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorPrefixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorPrefixComponent, selector: "ax-prefix", host: { classAttribute: "ax-prefix" }, 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: "14.0.2", ngImport: i0, type: AXDecoratorPrefixComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-prefix',
+                    template: ` <ng-content></ng-content> `,
+                    host: { class: 'ax-prefix' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXDecoratorSuffixComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXDecoratorSuffixComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorSuffixComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorSuffixComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorSuffixComponent, selector: "ax-suffix", host: { classAttribute: "ax-suffix" }, 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: "14.0.2", ngImport: i0, type: AXDecoratorSuffixComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-suffix',
+                    template: ` <ng-content></ng-content> `,
+                    host: { class: 'ax-suffix' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXDecoratorHeaderComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXDecoratorHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorHeaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorHeaderComponent, selector: "ax-header", host: { classAttribute: "ax-header" }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content
+      select="ax-suffix,ax-prefix,ax-button,ax-icon,ax-title,ax-data-pager,ax-close-button,ng-container,ng-content"
+    ></ng-content>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorHeaderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-header',
+                    template: `
+    <ng-content
+      select="ax-suffix,ax-prefix,ax-button,ax-icon,ax-title,ax-data-pager,ax-close-button,ng-container,ng-content"
+    ></ng-content>
+  `,
+                    host: { class: 'ax-header' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXDecoratorFooterComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXDecoratorFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorFooterComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorFooterComponent, selector: "ax-footer", host: { classAttribute: "ax-footer" }, usesInheritance: true, ngImport: i0, template: `
+    <ng-content
+      select="ax-suffix,ax-prefix,ax-button,ax-title,ax-data-pager,ax-close-button,ng-container"
+    ></ng-content>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorFooterComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-footer',
+                    template: `
+    <ng-content
+      select="ax-suffix,ax-prefix,ax-button,ax-title,ax-data-pager,ax-close-button,ng-container"
+    ></ng-content>
+  `,
+                    host: { class: 'ax-footer' },
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+
+class AXDecoratorTitleComponent extends AXBaseComponentMixin {
+    constructor(_elementRef, _cdr) {
+        super(_elementRef, _cdr);
+        this.text = '';
+    }
+}
+AXDecoratorTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDecoratorTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", type: AXDecoratorTitleComponent, selector: "ax-title", inputs: { text: "text" }, host: { classAttribute: "ax-title" }, usesInheritance: true, ngImport: i0, template: `<h4 *ngIf="text">{{ text }}</h4>
+    <ng-container><ng-content *ngIf="!text"></ng-content></ng-container>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-title',
+                    template: `<h4 *ngIf="text">{{ text }}</h4>
+    <ng-container><ng-content *ngIf="!text"></ng-content></ng-container>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'ax-title' },
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
+                type: Input
+            }] } });
+
+const COMPONENT = [
+    AXDecoratorPrefixComponent,
+    AXDecoratorSuffixComponent,
+    AXDecoratorContentComponent,
+    AXDecoratorHeaderComponent,
+    AXDecoratorFooterComponent,
+    AXDecoratorAddOnComponent,
+    AXDecoratorIconComponent,
+    AXDecoratorTitleComponent,
+    AXDecoratorCloseButtonComponent,
+];
+const MODULES = [CommonModule];
+class AXDecoratorModule {
+}
+AXDecoratorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDecoratorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorModule, declarations: [AXDecoratorPrefixComponent,
+        AXDecoratorSuffixComponent,
+        AXDecoratorContentComponent,
+        AXDecoratorHeaderComponent,
+        AXDecoratorFooterComponent,
+        AXDecoratorAddOnComponent,
+        AXDecoratorIconComponent,
+        AXDecoratorTitleComponent,
+        AXDecoratorCloseButtonComponent], imports: [CommonModule], exports: [AXDecoratorPrefixComponent,
+        AXDecoratorSuffixComponent,
+        AXDecoratorContentComponent,
+        AXDecoratorHeaderComponent,
+        AXDecoratorFooterComponent,
+        AXDecoratorAddOnComponent,
+        AXDecoratorIconComponent,
+        AXDecoratorTitleComponent,
+        AXDecoratorCloseButtonComponent] });
+AXDecoratorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorModule, imports: [MODULES] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXDecoratorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXDecoratorAddOnComponent, AXDecoratorCloseButtonComponent, AXDecoratorContentComponent, AXDecoratorFooterComponent, AXDecoratorHeaderComponent, AXDecoratorIconComponent, AXDecoratorModule, AXDecoratorPrefixComponent, AXDecoratorSuffixComponent, AXDecoratorTitleComponent };
+//# sourceMappingURL=acorex-components-decorators.mjs.map