@acorex/components 7.1.10 → 7.1.12

package/fesm2022/acorex-components-data-pager.mjs

@@ -27,20 +27,20 @@ class AXPagerPageChangedEvent extends AXEvent {
 class AXPagerStateChangedEvent extends AXPagerPageChangedEvent {
 }
 class AXPagerComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXPagerComponent });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXPagerComponent });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXPagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXPagerComponent, decorators: [{
             type: Injectable
         }] });
 class AXDataPagerChild extends AXInteractiveComponenetMixin {
     constructor(...args) {
         super(...args);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerChild });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerChild, deps: [{ token: Array }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerChild });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerChild, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerChild, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
@@ -79,12 +79,12 @@ class AXDataPagerInfoComponent extends AXDataPagerChild {
         else {
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: { text: "text" }, host: { classAttribute: "ax-data-pager-info" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerInfoComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: { text: "text" }, host: { classAttribute: "ax-data-pager-info" }, providers: [
             { provide: AXDataPagerChild, useExisting: AXDataPagerInfoComponent },
         ], usesInheritance: true, ngImport: i0, template: `{{ _textFormatted }}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerInfoComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-info',
@@ -126,14 +126,14 @@ class AXDataPagerInputSelectorComponent extends AXDataPagerChild {
         //TODO: debounceTime
         this._parent.goToPage(e.value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerInputSelectorComponent, deps: [{ token: i0.ElementRef }, { token: AXPagerComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerInputSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-number-box [value]="_currentPage" class="ax-sm" (onValueChanged)="_handleValueChanged($event)" [showSpinButtons]="false"
             [minValue]="1" [maxValue]="_totalPages" allowNull="false">
         </ax-number-box>
     `, isInline: true, dependencies: [{ kind: "component", type: i1.AXNumberBoxComponent, selector: "ax-number-box", inputs: ["disabled", "readonly", "tabIndex", "size", "value", "state", "placeholder", "maxLength", "allowNull", "type", "autoComplete", "name", "checked", "thousandsSeparator", "padDecimalZeros", "step", "decimals", "decimalStep", "showSpinButtons", "minValue", "maxValue"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerInputSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-input-selector',
@@ -177,8 +177,8 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
     _emitOnNextPageClick(e) {
         this._parent.goNextPage();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerNextButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNextButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
             <ax-button  [disabled]="disabled" look="blank" color="ghost" class="ax-sm"  title="Go to the next page" (onClick)="_emitOnNextPageClick($event)" >
                 <ax-icon [ngClass]="{'ax-icon-chevron-left': rtl,'ax-icon-chevron-right': !rtl}"></ax-icon>  
                 <i ></i>              
@@ -188,7 +188,7 @@ class AXDataPagerNextButtonsComponent extends AXDataPagerChild {
             </ax-button>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerNextButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-next-buttons',
@@ -260,8 +260,8 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
     _handleOnItemClick(e) {
         this._parent.goToPage(Number(e.data));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerNumericSelectorComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerNumericSelectorComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-button [disabled]="_currentPage==1"  look="blank" color="ghost" class="ax-sm"   (onClick)="_handleOnItemClick({data:1})">
             <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
         </ax-button>
@@ -276,7 +276,7 @@ class AXDataPagerNumericSelectorComponent extends AXDataPagerChild {
         </ax-button>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonGroupComponent, selector: "ax-button-group", inputs: ["disabled", "tabIndex", "color", "look", "selection"], outputs: ["onBlur", "onFocus", "lookChange", "colorChange", "selectionChange", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerNumericSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-numeric-selector',
@@ -341,8 +341,8 @@ class AXDataPagerPageSizesComponent extends AXDataPagerChild {
     _emitOnItemClick(e) {
         this._size = this._parent.size = Number(e.data.size);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: { sizes: "sizes" }, providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerPageSizesComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: { sizes: "sizes" }, providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPageSizesComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-button [text]="_size" color="ghost" look="blank" class="ax-sm">
             <ax-dropdown-panel (onItemClick)="_emitOnItemClick($event)">
                 <ax-button-item *ngFor="let item of _items" [text]="item.text" [data]="item.data" [selected]="item.selected" >
@@ -355,7 +355,7 @@ class AXDataPagerPageSizesComponent extends AXDataPagerChild {
         <!-- <span >items per page</span> -->
     `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["text", "tooltip", "selected", "seperated", "name", "data", "color"], outputs: ["onClick"] }, { kind: "component", type: i3$1.AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: ["isOpen", "fitParent", "dropdownWidth", "position", "target"], outputs: ["onOpened", "onClosed", "onItemClick"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerPageSizesComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-page-sizes',
@@ -406,8 +406,8 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
     _emitOnPrevPageClick(e) {
         this._parent.goPrevPage();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerPrevButtonsComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagerComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons", providers: [{ provide: AXDataPagerChild, useExisting: AXDataPagerPrevButtonsComponent }], usesInheritance: true, ngImport: i0, template: `
         <ax-button [disabled]="disabled"  look="blank" color="ghost" class="ax-sm" title="Go to the last page" (onClick)="_emitOnFirstPageClick($event)">
         <ax-icon [ngClass]="{'ax-icon-last-page': rtl,'ax-icon-first-page': !rtl}"></ax-icon>
         </ax-button>
@@ -416,7 +416,7 @@ class AXDataPagerPrevButtonsComponent extends AXDataPagerChild {
         </ax-button>
     `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerPrevButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-data-pager-prev-buttons',
@@ -547,10 +547,10 @@ class AXDataPagerComponent extends AXBaseValueComponentMixin {
             this.value = page;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagedComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: { value: "value", name: "name", size: "size", total: "total", displayMode: "displayMode" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onStateChanged: "onStateChanged" }, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"displayMode\">\n    <ng-container *ngSwitchCase=\"'full'\">\n        <ax-prefix>\n            <ax-data-pager-numeric-selector>\n            </ax-data-pager-numeric-selector>\n            <ax-data-pager-page-sizes>\n            </ax-data-pager-page-sizes>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'compact'\">\n        <ax-prefix>\n            <ax-data-pager-prev-buttons>\n            </ax-data-pager-prev-buttons>\n            <ax-data-pager-input-selector>\n            </ax-data-pager-input-selector>\n            <ax-data-pager-next-buttons>\n            </ax-data-pager-next-buttons>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content select=\"ax-prefix\"></ng-content>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </ng-container>\n</ng-container>\n\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AXPagedComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataPagerComponent, selector: "ax-data-pager", inputs: { value: "value", name: "name", size: "size", total: "total", displayMode: "displayMode" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onStateChanged: "onStateChanged" }, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"displayMode\">\n    <ng-container *ngSwitchCase=\"'full'\">\n        <ax-prefix>\n            <ax-data-pager-numeric-selector>\n            </ax-data-pager-numeric-selector>\n            <ax-data-pager-page-sizes>\n            </ax-data-pager-page-sizes>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'compact'\">\n        <ax-prefix>\n            <ax-data-pager-prev-buttons>\n            </ax-data-pager-prev-buttons>\n            <ax-data-pager-input-selector>\n            </ax-data-pager-input-selector>\n            <ax-data-pager-next-buttons>\n            </ax-data-pager-next-buttons>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content select=\"ax-prefix\"></ng-content>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </ng-container>\n</ng-container>\n\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"], dependencies: [{ kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1$1.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "component", type: i3.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: AXDataPagerNextButtonsComponent, selector: "ax-data-pager-next-buttons" }, { kind: "component", type: AXDataPagerPrevButtonsComponent, selector: "ax-data-pager-prev-buttons" }, { kind: "component", type: AXDataPagerPageSizesComponent, selector: "ax-data-pager-page-sizes", inputs: ["sizes"] }, { kind: "component", type: AXDataPagerNumericSelectorComponent, selector: "ax-data-pager-numeric-selector" }, { kind: "component", type: AXDataPagerInputSelectorComponent, selector: "ax-data-pager-input-selector" }, { kind: "component", type: AXDataPagerInfoComponent, selector: "ax-data-pager-info", inputs: ["text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-data-pager', inputs: ['value', 'name'], outputs: ['valueChange', 'onValueChanged'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXPagerComponent, useExisting: AXDataPagerComponent }], template: "<ng-container [ngSwitch]=\"displayMode\">\n    <ng-container *ngSwitchCase=\"'full'\">\n        <ax-prefix>\n            <ax-data-pager-numeric-selector>\n            </ax-data-pager-numeric-selector>\n            <ax-data-pager-page-sizes>\n            </ax-data-pager-page-sizes>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchCase=\"'compact'\">\n        <ax-prefix>\n            <ax-data-pager-prev-buttons>\n            </ax-data-pager-prev-buttons>\n            <ax-data-pager-input-selector>\n            </ax-data-pager-input-selector>\n            <ax-data-pager-next-buttons>\n            </ax-data-pager-next-buttons>\n        </ax-prefix>\n        <ax-suffix>\n            <ax-data-pager-info>\n            </ax-data-pager-info>\n        </ax-suffix>\n    </ng-container>\n    <ng-container *ngSwitchDefault>\n        <ng-content select=\"ax-prefix\"></ng-content>\n        <ng-content select=\"ax-suffix\"></ng-content>\n    </ng-container>\n</ng-container>\n\n", styles: ["ax-data-pager{width:100%;font-size:.875rem;padding:.5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}ax-data-pager ax-button-group{border:0!important;border-radius:var(--ax-rounded-border-default)!important;display:flex;gap:.25rem}ax-data-pager ax-button-group ax-button{border:0!important;border-radius:var(--ax-rounded-border-default)!important}ax-data-pager ax-data-pager-next-buttons,ax-data-pager ax-data-pager-prev-buttons,ax-data-pager ax-data-pager-numeric-selector{display:flex;gap:.5rem}ax-data-pager ax-data-pager-page-sizes ax-button{border-radius:var(--ax-rounded-border-default);border:1px solid;border-color:rgba(var(--ax-color-border-default));padding:0 .5rem}ax-data-pager ax-data-pager-page-sizes ax-button ax-icon{font-size:1rem!important}ax-data-pager ax-prefix,ax-data-pager ax-suffic{display:flex}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i9.AXPagedComponent, decorators: [{
@@ -579,8 +579,8 @@ const COMPONENT = [
 ];
 const MODULES = [CommonModule, AXButtonModule, AXNumberBoxModule, AXDropdownModule, AXDecoratorModule];
 class AXDataPagerModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerModule, declarations: [AXDataPagerComponent,
             AXDataPagerNextButtonsComponent,
             AXDataPagerPrevButtonsComponent,
             AXDataPagerPageSizesComponent,
@@ -593,9 +593,9 @@ class AXDataPagerModule {
             AXDataPagerNumericSelectorComponent,
             AXDataPagerInputSelectorComponent,
             AXDataPagerInfoComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataPagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataPagerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-data-table.mjs

@@ -29,10 +29,10 @@ class AXDataColumnComponent {
     valueField;
     caption;
     width = 'auto';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: AXDataColumnComponent, selector: "ax-data-column", inputs: { _inputHeaderTemplate: ["headerTemplate", "_inputHeaderTemplate"], _inputCellTemplate: ["cellTemplate", "_inputCellTemplate"], valueField: "valueField", caption: "caption", width: "width" }, queries: [{ propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "_defaultTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true, static: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: AXDataColumnComponent, selector: "ax-data-column", inputs: { _inputHeaderTemplate: ["headerTemplate", "_inputHeaderTemplate"], _inputCellTemplate: ["cellTemplate", "_inputCellTemplate"], valueField: "valueField", caption: "caption", width: "width" }, queries: [{ propertyName: "_contentHeaderTemplate", first: true, predicate: ["header"], descendants: true, static: true }, { propertyName: "_defaultTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }, { propertyName: "_contentCellTemplate", first: true, predicate: ["cell"], descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataColumnComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'ax-data-column',
@@ -165,10 +165,10 @@ class AXDataTableComponent extends AXBaseComponentMixin {
         this._currentPage = page;
         this._fetchData();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataTableComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: AXDataTableComponent, selector: "ax-data-table", inputs: { rowTemplate: "rowTemplate", emptyTemplate: "emptyTemplate", showHeader: "showHeader", pageSize: "pageSize", fetchDataMode: "fetchDataMode", items: "items" }, outputs: { onPageChanged: "onPageChanged" }, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], queries: [{ propertyName: "_columns", predicate: AXDataColumnComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXResultComponent, selector: "ax-result", inputs: ["type", "caption", "description"] }, { kind: "directive", type: i3.AXLoadingDirective, selector: "[axIsLoading]", inputs: ["axIsLoading"] }, { kind: "pipe", type: i4.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-data-table', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXPagedComponent, useExisting: AXDataTableComponent }], template: "<ng-content select=\"ax-header\">\n</ng-content>\n<div class=\"ax-wrapper\">\n<table class=\"ax-table ax-table-bordered\" tabindex=\"0\" [axIsLoading]=\"_isLoading\">\n    <thead *ngIf=\"showHeader\">\n      <tr>\n        <th *ngFor=\"let c of _columns\">\n          <ng-template [ngIf]=\"c.headerTemplate\" [ngIfElse]=\"captionTpl\">\n            <ng-container *ngTemplateOutlet=\"c.headerTemplate\"></ng-container>\n          </ng-template>\n          <ng-template #captionTpl>\n            {{c.caption}}\n          </ng-template>\n        </th>\n      </tr>\n    </thead>\n    <tbody>\n      <ng-container *ngIf=\"displayItems.length; else emptyTpl\">\n        <ng-container *ngFor=\"let d of displayItems;let rIndex=index\">\n          <ng-template [ngIf]=\"rowTemplate\" [ngIfElse]=\"rowTpl\">\n            <ng-container *ngTemplateOutlet=\"rowTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n            </ng-container>\n          </ng-template>\n          <ng-template #rowTpl>\n            <tr>\n              <ng-container *ngFor=\"let c of _columns\">\n                <ng-template [ngIf]=\"c.cellTemplate\" [ngIfElse]=\"cellTpl\">\n                  <ng-container *ngTemplateOutlet=\"c.cellTemplate;context: { $implicit: {data:d,rowIndex:rIndex} }\">\n                  </ng-container>\n                </ng-template>\n                <ng-template #cellTpl>\n                  <td [attr.data-label]=\"c.caption\" tabindex=\"0\">\n                    {{d[c.valueField]}}\n                  </td>\n                </ng-template>\n              </ng-container>\n            </tr>\n          </ng-template>\n        </ng-container>\n      </ng-container>\n      <ng-template #emptyTpl>\n        <tr>\n          <td [attr.colspan]=\"_columns.length\">\n            <ng-template [ngIf]=\"emptyTemplate\" [ngIfElse]=\"defaultEmptyTemplate\">\n              <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n            </ng-template>\n            <ng-template #defaultEmptyTemplate>\n              <ax-result type=\"empty\" caption=\" {{'common.no-result-found' | trans }}\"></ax-result>\n            </ng-template>\n          </td>\n        </tr>\n      </ng-template>\n    </tbody>\n  </table>\n</div>\n<ng-content select=\"ax-footer\">\n</ng-content>", styles: ["ax-data-table{display:flex;flex-direction:column;border-radius:var(--ax-rounded-border-default)}ax-data-table .ax-wrapper{display:flex;flex:1 1 0%;overflow:auto}ax-data-table>ax-header{border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table>ax-footer{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-data-table table{position:relative;border:0}ax-data-table table thead{position:sticky;top:0}ax-data-table table td,ax-data-table table th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _columns: [{
@@ -195,10 +195,10 @@ class AXDataColumnCellTemplateDirective {
     get template() {
         return this._contentTemplate;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnCellTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: AXDataColumnCellTemplateDirective, selector: "ax-data-column-cell-template", queries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataColumnCellTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.2", type: AXDataColumnCellTemplateDirective, selector: "ax-data-column-cell-template", queries: [{ propertyName: "_contentTemplate", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataColumnCellTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataColumnCellTemplateDirective, decorators: [{
             type: Directive,
             args: [{ selector: 'ax-data-column-cell-template' }]
         }], propDecorators: { _contentTemplate: [{
@@ -209,11 +209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImpor
 const COMPONENT = [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective];
 const MODULES = [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule];
 class AXDataTableModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective], imports: [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: AXDataTableModule, declarations: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective], imports: [CommonModule, AXTranslationModule, AXResultModule, AXLoadingModule, AXDecoratorModule], exports: [AXDataTableComponent, AXDataColumnComponent, AXDataColumnCellTemplateDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataTableModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDataTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDataTableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

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

@@ -80,10 +80,10 @@ class AXDatePickerComponent extends classes((MXValueComponent), MXInteractiveCom
     _handleOnNavigate(e) {
         this.onNavigate.emit(e);
     }
-    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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDatePickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", 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", "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 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatePickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDatePickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-date-picker', inputs: [
                         'rtl',
@@ -142,8 +142,8 @@ const MODULES = [
     FormsModule
 ];
 class AXDatepickerModule {
-    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,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.2", ngImport: i0, type: AXDatepickerModule, declarations: [AXDatePickerComponent], imports: [CommonModule,
             AXCalendarModule,
             AXTextBoxModule,
             AXButtonModule,
@@ -151,9 +151,9 @@ class AXDatepickerModule {
             AXDecoratorModule,
             AXDateTimeModule,
             FormsModule], exports: [AXDatePickerComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: AXDatepickerModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXDatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", 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":["../../../../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":";;;;;;;;;;;;;;;;;;;;AAmBA,MAsCa,qBACX,SACA,OAAO,EAAC,gBAAsB,GAAE,sBAAsB,EAAE,uBAAuB,EAAE,mBAAmB,CAAC,CAAA;IAG3F,OAAO,GAAuB,IAAI,CAAC;AAGrC,IAAA,SAAS,CAAsB;AAE7B,IAAA,OAAO,CAAiB;AAClC,IAAA,WAAW,CAAS;AACV,IAAA,cAAc,CAAO;IACrB,UAAU,GAAW,CAAC,CAAC;IACvB,SAAS,GAAY,KAAK,CAAC;AAC3B,IAAA,aAAa,CAAS;AACtB,IAAA,aAAa,CAAS;AAGhC,IAAA,YAAY,GAAG,IAAI,YAAY,EAAU,CAAC;IAElC,OAAO,GAAW,YAAY,CAAC;AACvC,IAAA,IACW,MAAM,GAAA;QACf,OAAO,IAAI,CAAC,OAAO,CAAC;KACrB;IACD,IAAW,MAAM,CAAC,CAAS,EAAA;QACzB,IAAI,CAAC,SAAS,CAAC;AACb,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,KAAK,EAAE,CAAC;AACT,SAAA,CAAC,CAAC;KACJ;AAGD,IAAA,WAAW,CAAS;IAGpB,SAAS,GAA0B,UAAU,CAAC;AAGtC,IAAA,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAEvC,QAAQ,GAAA;QACN,KAAK,CAAC,oBAAoB,EAAE,CAAC;AAC7B,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QACxE,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,MAAK;YACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;AACxE,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;AACzB,SAAC,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,WAAW,IAAI,YAAY,CAAC,GAAG,CAAC,0BAA0B,CAAC,CAAC;AACtF,QAAA,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AACvE,QAAA,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KACtE;IAIO,kBAAkB,GAAA;AACxB,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;KACrG;AAES,IAAA,oBAAoB,CAAC,CAAC,EAAA;QAC9B,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,UAAU,CAAC,IAAI,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC5E;IAES,sBAAsB,GAAA;QAC9B,IAAI,CAAC,MAAM,EAAE,CAAC;KACf;IAED,qBAAqB,CAAC,QAAc,EAAE,QAAc,EAAA;QAClD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;AAED,IAAA,sBAAsB,CAAC,CAAuB,EAAA;AAC5C,QAAA,IAAI,CAAC,CAAC,IAAI,IAAI,MAAM,EAAE;YACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;AAC3B,SAAA;KACF;AAES,IAAA,wBAAwB,CAAC,CAAa,EAAA;AAC9C,QAAA,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;KACrB;AAES,IAAA,iBAAiB,CAAC,CAA0B,EAAA;AACpD,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;KACzB;uGAxFU,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,82BAHrB,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,qBAAqB,EAAE,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAOtE,kBAAkB,EAGlB,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,mBAAmB,qFChEhC,qgEAgEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,KAAA,EAAA,UAAA,EAAA,OAAA,EAAA,MAAA,EAAA,UAAA,EAAA,OAAA,EAAA,YAAA,EAAA,KAAA,EAAA,KAAA,EAAA,eAAA,EAAA,cAAA,EAAA,MAAA,EAAA,cAAA,EAAA,WAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,cAAA,EAAA,aAAA,EAAA,eAAA,EAAA,mBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDPa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAtCjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAElB,MAAA,EAAA;wBACN,KAAK;wBACL,UAAU;wBACV,OAAO;wBACP,MAAM;wBACN,UAAU;wBACV,OAAO;wBACP,YAAY;wBACZ,KAAK;wBACL,KAAK;wBACL,eAAe;wBACf,cAAc;wBACd,MAAM;wBACN,cAAc;wBACd,WAAW;qBACZ,EACQ,OAAA,EAAA;wBACP,iBAAiB;wBACjB,aAAa;wBACb,gBAAgB;wBAChB,QAAQ;wBACR,SAAS;wBACT,aAAa;wBACb,YAAY;wBACZ,kBAAkB;wBAClB,qBAAqB;wBACrB,oBAAoB;wBACpB,YAAY;wBACZ,aAAa;qBACd,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAC1B,SAAA,EAAA,CAAC,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAA,qBAAuB,EAAE,CAAC,QAC3E,EAAE,KAAK,EAAE,kCAAkC,EAAE,EAAA,QAAA,EAAA,qgEAAA,EAAA,CAAA;8BAOzC,OAAO,EAAA,CAAA;sBADhB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIvC,SAAS,EAAA,CAAA;sBADhB,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,mBAAmB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAYhD,YAAY,EAAA,CAAA;sBADX,MAAM;gBAKI,MAAM,EAAA,CAAA;sBADhB,KAAK;gBAYN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAIN,SAAS,EAAA,CAAA;sBADR,KAAK;;;AEjFR,MAAM,SAAS,GAAG,CAAC,qBAAqB,CAAC,CAAC;AAC1C,MAAM,OAAO,GAAG;IACZ,YAAY;IACZ,gBAAgB;IAChB,eAAe;IACf,cAAc;IACd,eAAe;IACf,iBAAiB;IACjB,gBAAgB;IAChB,WAAW;CACd,CAAC;AAEF,MAMa,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;wGAAlB,kBAAkB,EAAA,YAAA,EAAA,CAlBZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAEpC,YAAY;YACZ,gBAAgB;YAChB,eAAe;YACf,cAAc;YACd,eAAe;YACf,iBAAiB;YACjB,gBAAgB;AAChB,YAAA,WAAW,aATI,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAkB3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJd,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AAChB,iBAAA,CAAA;;;AC7BD;;AAEG;;;;"}
+{"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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"}