@acorex/components 7.1.3 → 7.1.6

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

@@ -1,27 +1,24 @@
-import { AXStringUtil } from '@acorex/core/utils';
+import { AXPlatform } from '@acorex/core/platform';
 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 i4 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 { EventEmitter, inject, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import { MXValueComponent, MXInteractiveComponent, AXClosbaleComponent } from '@acorex/components/common';
+import * as i3 from '@acorex/components/popover';
+import { MXDropDownComponent, AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
+import { classes } from 'polytype';
+import * as i2 from '@acorex/components/calendar';
+import { MXCalendarBaseComponent, AXCalendarComponent, AXCalendarModule } from '@acorex/components/calendar';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i5 from '@acorex/components/decorators';
+import * as i4 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
-import * as i6 from '@angular/forms';
+import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXButtonModule } from '@acorex/components/button';
 import { AXTextBoxModule } from '@acorex/components/textbox';
 
-const AXBaseDatePickerMixin = _InteractiveComponenetMixin(_DropdownComponenetMixin(_ValueComponenetMixin(AXCalendarBaseComponent)));
-class AXDatePickerComponent extends AXBaseDatePickerMixin {
-    _platform;
+class AXDatePickerComponent extends classes((MXValueComponent), MXInteractiveComponent, MXCalendarBaseComponent, MXDropDownComponent) {
     popover = null;
     _calendar;
     _target;
@@ -37,198 +34,87 @@ class AXDatePickerComponent extends AXBaseDatePickerMixin {
         return this._format;
     }
     set format(v) {
-        this._setOption({
+        this.setOption({
             name: 'format',
             value: v,
         });
     }
     placeholder;
     interface = 'calendar';
-    constructor(_elementRef, _cdr, _platform) {
-        super(_elementRef, _cdr);
-        this._platform = _platform;
-        this._target = this._getHostElement();
+    _platform = inject(AXPlatform);
+    ngOnInit() {
+        super.initPopOverPositions();
+        this._target = this.getHostElement();
         this._isMobile = this._platform.is('Mobile') || this._platform.is('SM');
         this._platform.resize.subscribe(() => {
             this._isMobile = this._platform.is('Mobile') || this._platform.is('SM');
             this.popover.dispose();
         });
-    }
-    onInit() {
         this._popoverTitle = this.placeholder || AXTranslator.get('datepicker.popover.title');
+        this.onOptionChanged.subscribe(this._handleOnOptionChanged.bind(this));
+        this.onValueChanged.subscribe(this._handleOnValueChanged.bind(this));
     }
     _updateDisplayText() {
         this.displayText = this.value ? AXDateTime.convert(this.value, this.type).format(this._format) : '';
     }
     _handlePopoverOpened(e) {
-        setTimeout(() => {
-            this._calendar?.navTo(this.value || new AXDateTime(new Date(), this.type));
-        }, 10);
+        this._calendar?.navTo(this.value || new AXDateTime(new Date(), this.type));
     }
     _handleArrowClickEvent() {
         this.toggle();
     }
-    _onValueChanged(oldValue, newValue) {
+    _handleOnValueChanged(oldValue, newValue) {
         this._updateDisplayText();
         this.close();
     }
-    _onOptionChanged(option) {
-        super._onOptionChanged(option);
-        if (option.name == 'type') {
+    _handleOnOptionChanged(e) {
+        if (e.name == 'type') {
             this._updateDisplayText();
         }
     }
-    _handleOnKeydownEvent(e) {
-        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 + (next[0]?.index || 0) : prev[prev.length - 1]?.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);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { rtl: "rtl", 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", 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\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n  <input\n    class=\"ax-input\"\n    type=\"text\"\n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\"\n    [ngModel]=\"displayText\"\n    (focus)=\"_emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\"\n    (keydown)=\"_handleOnKeydownEvent($event)\" />\n</div>\n<button\n  [disabled]=\"disabled\"\n  [tabIndex]=\"-1\"\n  class=\"ax-editor-control\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [position]=\"position\"\n  [openTrigger]=\"'manual'\"\n  [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\"\n  (onOpened)=\"_handlePopoverOpened($event)\">\n  <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n    <ax-header *ngIf=\"_isMobile\">\n      <ax-title>\n        {{ placeholder || 'Choose a date' }}\n      </ax-title>\n      <ax-close-button></ax-close-button>\n    </ax-header>\n    <ng-container\n      *ngIf=\"\n        interface === 'calendar';\n        then calendarTemplate;\n        else pickerTemplate\n      \"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar\n        #calendar\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [(value)]=\"value\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rtl]=\"rtl\"\n        [disabledDates]=\"disabledDates\"\n        [holidayDates]=\"holidayDates\"\n        [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\"\n        [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "min", "max", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick"] }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i5.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i5.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", format: "format", placeholder: "placeholder", interface: "interface" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick", 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\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n  <input\n    class=\"ax-input\"\n    type=\"text\"\n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\"\n    [ngModel]=\"displayText\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"/>\n</div>\n<button\n  [disabled]=\"disabled\"\n  [tabIndex]=\"-1\"\n  class=\"ax-editor-control\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [position]=\"popOverPositions\"\n  [openTrigger]=\"'manual'\"\n  [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\"\n  (onOpened)=\"_handlePopoverOpened($event)\">\n  <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n    <ax-header *ngIf=\"_isMobile\">\n      <ax-title>\n        {{ placeholder || 'Choose a date' }}\n      </ax-title>\n      <ax-close-button></ax-close-button>\n    </ax-header>\n    <ng-container\n      *ngIf=\"\n        interface === 'calendar';\n        then calendarTemplate;\n        else pickerTemplate\n      \"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar\n        #calendar\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [(value)]=\"value\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rtl]=\"rtl\"\n        [disabledDates]=\"disabledDates\"\n        [holidayDates]=\"holidayDates\"\n        [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\"\n        [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "min", "max", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i4.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i4.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "directive", type: i5.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: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.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: "16.0.0", ngImport: i0, type: AXDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-date-picker', inputs: [
                         'rtl',
-                        'isOpen',
-                        'fitParent',
-                        'dropdownWidth',
-                        'position',
-                        'disabled',
-                        'tabIndex',
-                        'readonly',
-                        'allowNull',
-                        'value',
-                        'name',
-                        'checked',
-                        'placeholder',
-                        'maxLength',
-                        'allowNull',
-                        'type',
-                        'autoComplete',
                         'readonly',
-                        'allowNull',
                         'value',
                         'name',
-                        'checked',
+                        'disabled',
                         'depth',
                         'activeView',
                         'min',
                         'max',
                         'disabledDates',
-                        'type',
                         'holidayDates',
+                        'type',
+                        'cellTemplate',
+                        'cellClass',
                     ], outputs: [
-                        'onOpened',
-                        'onClosed',
-                        'onBlur',
-                        'onFocus',
-                        'valueChange',
-                        'onValueChanged',
+                        'onOptionChanged',
                         'valueChange',
                         'onValueChanged',
+                        'onBlur',
+                        'onFocus',
                         'depthChange',
                         'typeChange',
+                        'activeViewChange',
                         '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\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n  <input\n    class=\"ax-input\"\n    type=\"text\"\n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\"\n    [ngModel]=\"displayText\"\n    (focus)=\"_emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (blur)=\"_emitOnBlurEvent($event)\"\n    (keydown)=\"_handleOnKeydownEvent($event)\" />\n</div>\n<button\n  [disabled]=\"disabled\"\n  [tabIndex]=\"-1\"\n  class=\"ax-editor-control\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [position]=\"position\"\n  [openTrigger]=\"'manual'\"\n  [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\"\n  (onOpened)=\"_handlePopoverOpened($event)\">\n  <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n    <ax-header *ngIf=\"_isMobile\">\n      <ax-title>\n        {{ placeholder || 'Choose a date' }}\n      </ax-title>\n      <ax-close-button></ax-close-button>\n    </ax-header>\n    <ng-container\n      *ngIf=\"\n        interface === 'calendar';\n        then calendarTemplate;\n        else pickerTemplate\n      \"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar\n        #calendar\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [(value)]=\"value\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rtl]=\"rtl\"\n        [disabledDates]=\"disabledDates\"\n        [holidayDates]=\"holidayDates\"\n        [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\"\n        [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>\n" }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXPlatform }]; }, propDecorators: { popover: [{
+                        'onSlotClick'
+                    ], 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\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n  <input\n    class=\"ax-input\"\n    type=\"text\"\n    [attr.placeholder]=\"placeholder\"\n    [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\"\n    [disabled]=\"disabled\"\n    [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\"\n    [ngModel]=\"displayText\"\n    (focus)=\"emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\"\n    (blur)=\"emitOnBlurEvent($event)\"/>\n</div>\n<button\n  [disabled]=\"disabled\"\n  [tabIndex]=\"-1\"\n  class=\"ax-editor-control\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ax-popover\n  [target]=\"_target\"\n  [position]=\"popOverPositions\"\n  [openTrigger]=\"'manual'\"\n  [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\"\n  (onOpened)=\"_handlePopoverOpened($event)\">\n  <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\n    <ax-header *ngIf=\"_isMobile\">\n      <ax-title>\n        {{ placeholder || 'Choose a date' }}\n      </ax-title>\n      <ax-close-button></ax-close-button>\n    </ax-header>\n    <ng-container\n      *ngIf=\"\n        interface === 'calendar';\n        then calendarTemplate;\n        else pickerTemplate\n      \"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar\n        #calendar\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [(value)]=\"value\"\n        [min]=\"min\"\n        [max]=\"max\"\n        [rtl]=\"rtl\"\n        [disabledDates]=\"disabledDates\"\n        [holidayDates]=\"holidayDates\"\n        [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\"\n        [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>\n" }]
+        }], propDecorators: { popover: [{
                 type: ViewChild,
                 args: [AXPopoverComponent, { static: true }]
             }], _calendar: [{
@@ -256,8 +142,8 @@ const MODULES = [
     FormsModule
 ];
 class AXDatepickerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
             AXCalendarModule,
             AXTextBoxModule,
             AXButtonModule,
@@ -265,9 +151,9 @@ class AXDatepickerModule {
             AXDecoratorModule,
             AXDateTimeModule,
             FormsModule], exports: [AXDatePickerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXDatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],
@@ -281,5 +167,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AXBaseDatePickerMixin, AXDatePickerComponent, AXDatepickerModule };
+export { AXDatePickerComponent, AXDatepickerModule };
 //# sourceMappingURL=acorex-components-date-picker.mjs.map

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

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