@acorex/components 7.2.8 → 7.3.1

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

@@ -1,14 +1,14 @@
-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, inject, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Output, Input, NgModule } from '@angular/core';
+import * as i2 from '@acorex/components/calendar';
+import { MXCalendarBaseComponent, AXCalendarComponent, AXCalendarModule } from '@acorex/components/calendar';
 import { MXValueComponent, MXInteractiveComponent, AXClosbaleComponent } from '@acorex/components/common';
 import * as i3 from '@acorex/components/popover';
 import { MXDropDownComponent, AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
+import { AXDateTime, AXDateTimeModule } from '@acorex/core/dateTime';
+import { AXPlatform } from '@acorex/core/platform';
+import { AXTranslator } from '@acorex/core/translation';
+import * as i0 from '@angular/core';
+import { EventEmitter, inject, Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, Output, Input, HostBinding, NgModule } from '@angular/core';
 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 i4 from '@acorex/components/decorators';
@@ -16,7 +16,7 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
 import * as i5 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { AXButtonModule } from '@acorex/components/button';
-import { AXTextBoxModule } from '@acorex/components/textbox';
+import { AXTextBoxModule } from '@acorex/components/text-box';
 
 class AXDatePickerComponent extends classes((MXValueComponent), MXInteractiveComponent, MXCalendarBaseComponent, MXDropDownComponent) {
     constructor() {
@@ -52,17 +52,15 @@ class AXDatePickerComponent extends classes((MXValueComponent), MXInteractiveCom
         this.onValueChanged.subscribe(this._handleOnValueChanged.bind(this));
     }
     _updateDisplayText() {
-        this.displayText = this.value
-            ? AXDateTime.convert(this.value, this.type).format(this._format)
-            : '';
+        this.displayText = this.value ? AXDateTime.convert(this.value, this.type).format(this._format) : '';
     }
-    _handlePopoverOpened(e) {
+    _handlePopoverOpened() {
         this._calendar?.navTo(this.value || new AXDateTime(new Date(), this.type));
     }
     _handleArrowClickEvent() {
         this.toggle();
     }
-    _handleOnValueChanged(oldValue, newValue) {
+    _handleOnValueChanged() {
         this._updateDisplayText();
         this.close();
     }
@@ -72,17 +70,19 @@ class AXDatePickerComponent extends classes((MXValueComponent), MXInteractiveCom
         }
     }
     _handleOnInputClickEvent(e) {
-        const input = e.target;
         e.preventDefault();
         e.stopPropagation();
     }
     _handleOnNavigate(e) {
         this.onNavigate.emit(e);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", 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-general-button ax-button-icon\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </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 *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></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", "count"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { 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 }); }
+    get __hostClass() {
+        return `ax-editor-container ax-drop-down`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", 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: { properties: { "class": "this.__hostClass" } }, 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 class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\n</div>\n<ng-content select=\"ax-clear-button\"></ng-content>\n<button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"popOverPositions\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopoverOpened()\">\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 *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\n        [rtl]=\"rtl\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>", 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", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: i3.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i4.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }, { 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.1.6", ngImport: i0, type: AXDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-date-picker', inputs: [
                         'rtl',
@@ -112,7 +112,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                         'holidayDatesChange',
                         'onNavigate',
                         '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-general-button ax-button-icon\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </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 *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></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" }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXDatePickerComponent }], template: "<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n  <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\n</div>\n<ng-content select=\"ax-clear-button\"></ng-content>\n<button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"popOverPositions\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopoverOpened()\">\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 *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\n        [rtl]=\"rtl\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>" }]
         }], propDecorators: { popover: [{
                 type: ViewChild,
                 args: [AXPopoverComponent, { static: true }]
@@ -127,6 +127,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
                 type: Input
             }], interface: [{
                 type: Input
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
 
 const COMPONENT = [AXDatePickerComponent];
@@ -141,8 +144,8 @@ const MODULES = [
     FormsModule,
 ];
 class AXDatepickerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
             AXCalendarModule,
             AXTextBoxModule,
             AXButtonModule,
@@ -150,9 +153,9 @@ class AXDatepickerModule {
             AXDecoratorModule,
             AXDateTimeModule,
             FormsModule], exports: [AXDatePickerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AXDatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXDatepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-date-picker.mjs","sources":["../../../../libs/components/date-picker/src/lib/datepicker.component.ts","../../../../libs/components/date-picker/src/lib/datepicker.component.html","../../../../libs/components/date-picker/src/lib/datepicker.module.ts","../../../../libs/components/date-picker/src/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 {\n  AXClosbaleComponent,\n  AXOptionChangedEvent,\n  MXInteractiveComponent,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { AXPopoverComponent, MXDropDownComponent } from '@acorex/components/popover';\nimport { classes } from 'polytype';\nimport {\n  AXCalendarComponent,\n  AXCalendarNavigateEvent,\n  MXCalendarBaseComponent,\n} from '@acorex/components/calendar';\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 extends classes(\n  MXValueComponent<Date>,\n  MXInteractiveComponent,\n  MXCalendarBaseComponent,\n  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  override interface: 'calendar' | 'picker' = 'calendar';\n\n  private _platform = inject(AXPlatform);\n\n  override ngOnInit(): void {\n    super.ngOnInit();\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  private _updateDisplayText() {\n    this.displayText = this.value\n      ? AXDateTime.convert(this.value, this.type).format(this._format)\n      : '';\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-general-button ax-button-icon\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </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 *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></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 './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-date-picker.mjs","sources":["../../../../libs/components/date-picker/src/lib/datepicker.component.ts","../../../../libs/components/date-picker/src/lib/datepicker.component.html","../../../../libs/components/date-picker/src/lib/datepicker.module.ts","../../../../libs/components/date-picker/src/acorex-components-date-picker.ts"],"sourcesContent":["import {\n  AXCalendarComponent,\n  AXCalendarNavigateEvent,\n  MXCalendarBaseComponent,\n} from '@acorex/components/calendar';\nimport {\n  AXClosbaleComponent,\n  AXOptionChangedEvent,\n  MXInteractiveComponent,\n  MXValueComponent,\n} from '@acorex/components/common';\nimport { AXPopoverComponent, MXDropDownComponent } from '@acorex/components/popover';\nimport { AXDateTime } from '@acorex/core/dateTime';\nimport { AXPlatform } from '@acorex/core/platform';\nimport { AXTranslator } from '@acorex/core/translation';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnInit,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n  inject,\n} from '@angular/core';\nimport { classes } from 'polytype';\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})\nexport class AXDatePickerComponent\n  extends classes(\n    MXValueComponent<Date>,\n    MXInteractiveComponent,\n    MXCalendarBaseComponent,\n    MXDropDownComponent,\n  )\n  implements OnInit\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 = 0;\n  protected _isMobile = false;\n  protected _popoverTitle: string;\n  protected _popoverWidth: number;\n\n  @Output()\n  formatChange = new EventEmitter<string>();\n\n  private _format = '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  private _platform = inject(AXPlatform);\n\n  ngOnInit(): void {\n    super.ngOnInit();\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  private _updateDisplayText() {\n    this.displayText = this.value ? AXDateTime.convert(this.value, this.type).format(this._format) : '';\n  }\n\n  protected _handlePopoverOpened() {\n    this._calendar?.navTo(this.value || new AXDateTime(new Date(), this.type));\n  }\n\n  protected _handleArrowClickEvent() {\n    this.toggle();\n  }\n\n  _handleOnValueChanged() {\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    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  protected _handleOnNavigate(e: AXCalendarNavigateEvent) {\n    this.onNavigate.emit(e);\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-editor-container ax-drop-down`;\n  }\n}\n","<ng-content select=\"ax-prefix\"> </ng-content>\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\n  <input class=\"ax-input\" type=\"text\" [attr.placeholder]=\"placeholder\" [class.ax-state-disabled]=\"disabled\"\n    [class.ax-state-readonly]=\"readonly\" [disabled]=\"disabled\" [readonly]=\"true\"\n    [attr.tabindex]=\"_isMobile ? -1 : tabIndex\" [ngModel]=\"displayText\" (focus)=\"emitOnFocusEvent($event)\"\n    (mouseup)=\"_handleOnInputClickEvent($event)\" (blur)=\"emitOnBlurEvent($event)\" />\n</div>\n<ng-content select=\"ax-clear-button\"></ng-content>\n<button type=\"button\" [disabled]=\"disabled\" [tabIndex]=\"-1\" class=\"ax-general-button ax-button-icon\"\n  (click)=\"_handleArrowClickEvent()\">\n  <span class=\"ax-icon ax-icon-calendar\"></span>\n</button>\n<ng-content select=\"ax-validation-rule\"> </ng-content>\n<ng-content select=\"ax-suffix\"> </ng-content>\n<ax-popover [target]=\"_target\" [position]=\"popOverPositions\" [openTrigger]=\"'manual'\" [closeTrigger]=\"'clickout'\"\n  [adaptivityEnabled]=\"true\" (onOpened)=\"_handlePopoverOpened()\">\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 *ngIf=\"interface === 'calendar'; then calendarTemplate; else pickerTemplate\"></ng-container>\n    <ng-template #calendarTemplate>\n      <ax-calendar #calendar [disabled]=\"disabled\" [readonly]=\"readonly\" [(value)]=\"value\" [min]=\"min\" [max]=\"max\"\n        [rtl]=\"rtl\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\" [depth]=\"depth\"\n        (onNavigate)=\"_handleOnNavigate($event)\" [type]=\"type\">\n      </ax-calendar>\n    </ng-template>\n    <ng-template #pickerTemplate> </ng-template>\n  </div>\n</ax-popover>","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/text-box';\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 './index';\n"],"names":[],"mappings":"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"}