@acorex/components 7.4.8 → 7.5.1

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

@@ -1,7 +1,3 @@
-import * as i0 from '@angular/core';
-import { InjectionToken, inject, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, Output, NgModule } from '@angular/core';
-import { AX_GLOBAL_CONFIG } from '@acorex/core/config';
-import { set } from 'lodash-es';
 import * as i5 from '@acorex/components/calendar';
 import { MXCalendarBaseComponent, AXCalendarModule } from '@acorex/components/calendar';
 import { MXValueComponent, AXComponent, AXFocusableComponent, AXValuableComponent } from '@acorex/components/common';
@@ -11,9 +7,13 @@ import * as i3 from '@acorex/components/tabs';
 import { AXTabsComponent, AXTabsModule } from '@acorex/components/tabs';
 import * as i7 from '@acorex/core/dateTime';
 import { AXCalendarService, AXDateTimeModule } from '@acorex/core/dateTime';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, EventEmitter, forwardRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, ViewChild, Output, NgModule } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { classes } from 'polytype';
+import { AX_GLOBAL_CONFIG } from '@acorex/core/config';
+import { set } from 'lodash-es';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i4 from '@acorex/components/button';
@@ -23,12 +23,12 @@ const AX_DATETIME_PICKER_CONFIG = new InjectionToken('AX_DATETIME_PICKER_CONFIG'
     providedIn: 'root',
     factory: () => {
         const global = inject(AX_GLOBAL_CONFIG);
-        set(global, "datetime-picker", AX_DATETIME_PICKER_CONFIG);
+        set(global, 'datetime-picker', AX_DATETIME_PICKER_CONFIG);
         return AXDateTimePickerDefaultConfig;
     },
 });
 const AXDateTimePickerDefaultConfig = {
-    currentTimeButton: true
+    currentTimeButton: true,
 };
 function dateTimePickerConfig(config = {}) {
     const result = {
@@ -110,7 +110,7 @@ class AXDateTimePickerComponent extends classes(MXCalendarBaseComponent, (MXValu
     }
     set currentTimeButton(v) {
         this.setOption({
-            name: "currentTimeButton",
+            name: 'currentTimeButton',
             value: v,
         });
     }
@@ -214,7 +214,7 @@ class AXDateTimePickerComponent extends classes(MXCalendarBaseComponent, (MXValu
                 useExisting: forwardRef(() => AXDateTimePickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "picker", first: true, predicate: AXPickerComponent, descendants: true }, { propertyName: "tabs", first: true, predicate: AXTabsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <ax-tabs [look]=\"'default'\" [fitParent]=\"true\" [location]=\"'top'\" (onActiveTabChanged)=\"_handleViewChanged($event)\">\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart == 'date'\">\n    <ax-calendar #calendar id=\"calendar\" [disabled]=\"disabled\" [readonly]=\"readonly\" [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\" [maxValue]=\"maxValue\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\" (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\" [type]=\"type\">\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart == 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format: type }}\n    </div>\n    <ax-picker>\n      <ax-picker-column title=\"Hour\" [items]=\"hours\" [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"></ax-picker-column>\n      <ax-picker-column title=\"Minute\" [items]=\"minutes\" [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\" [step]=\"3\" [disabled]=\"disabled\"\n        [readonly]=\"readonly\" *ngIf=\"_parts.minute.enabled\"></ax-picker-column>\n      <ax-picker-column title=\"Second\" [items]=\"minutes\" [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\" [step]=\"3\" [disabled]=\"disabled\"\n        [readonly]=\"readonly\" *ngIf=\"_parts.second.enabled\"></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly && (currentTimeButton || _hasTimePart)\">\n  <div>\n    <ax-button [text]=\"_activePart === 'date' ? 'Today' : 'Now'\" class=\"ax-sm\" (onClick)=\"_handleNowClick($event)\"\n      *ngIf=\"currentTimeButton\"></ax-button>\n  </div>\n  <div>\n    <ax-button color=\"primary\" text=\"Set\" *ngIf=\"_hasTimePart\" class=\"ax-sm\"\n      (onClick)=\"_handleSetClick($event)\"></ax-button>\n  </div>\n</div>", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;flex-flow:row;justify-content:center;padding-top:.5rem;padding-inline:.5rem}ax-datetime-picker>.ax-content{overflow:hidden;min-width:360px}ax-datetime-picker>.ax-content .ax-picker-part{display:flex;flex-direction:column;width:100%;height:376px}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{display:flex;flex-flow:row;justify-content:flex-start;padding-block:.5rem;padding-inline:1rem;font-weight:500;font-size:.875rem}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{flex:1}ax-datetime-picker>.ax-content .ax-calendar-part{padding-block:.25rem}ax-datetime-picker>.ax-content .ax-calendar-part ax-calendar{width:100%}ax-datetime-picker>.ax-footer{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i5.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: i6.AXPickerComponent, selector: "ax-picker" }, { kind: "directive", type: i6.AXPickerColumnDirective, selector: "ax-picker-column", inputs: ["disabled", "readonly", "readonlyChange", "disabledChange", "valueField", "textField", "title", "step", "items"], outputs: ["onValueChanged", "itemsChange"] }, { kind: "pipe", type: i7.AXDateTimePipe, name: "axDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "picker", first: true, predicate: AXPickerComponent, descendants: true }, { propertyName: "tabs", first: true, predicate: AXTabsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <ax-tabs\n    [look]=\"'default'\"\n    [fitParent]=\"true\"\n    [location]=\"'top'\"\n    (onActiveTabChanged)=\"_handleViewChanged($event)\"\n  >\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart === 'date'\">\n    <ax-calendar\n      #calendar\n      id=\"calendar\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\"\n      [maxValue]=\"maxValue\"\n      [disabledDates]=\"disabledDates\"\n      [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\"\n      (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\"\n      [type]=\"type\"\n    >\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart === 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format : type }}\n    </div>\n    <ax-picker>\n      <ax-picker-column\n        title=\"Hour\"\n        [items]=\"hours\"\n        [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Minute\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.minute.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Second\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.second.enabled\"\n      ></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly && (currentTimeButton || _hasTimePart)\">\n  <div>\n    <ax-button\n      [text]=\"_activePart === 'date' ? 'Today' : 'Now'\"\n      class=\"ax-sm\"\n      (onClick)=\"_handleNowClick($event)\"\n      *ngIf=\"currentTimeButton\"\n    ></ax-button>\n  </div>\n  <div>\n    <ax-button\n      color=\"primary\"\n      text=\"Set\"\n      *ngIf=\"_hasTimePart\"\n      class=\"ax-sm\"\n      (onClick)=\"_handleSetClick($event)\"\n    ></ax-button>\n  </div>\n</div>\n", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;flex-flow:row;justify-content:center;padding-top:.5rem;padding-inline:.5rem}ax-datetime-picker>.ax-content{overflow:hidden;width:18rem}@media (max-width: 599px){ax-datetime-picker>.ax-content{width:100%}}ax-datetime-picker>.ax-content .ax-picker-part{display:flex;flex-direction:column;width:100%;height:376px}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{display:flex;flex-flow:row;justify-content:flex-start;padding-block:.5rem;padding-inline:1rem;font-weight:500;font-size:.875rem}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{flex:1}ax-datetime-picker>.ax-content .ax-calendar-part{padding-block:.25rem}ax-datetime-picker>.ax-content .ax-calendar-part ax-calendar{width:100%}ax-datetime-picker>.ax-footer{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: i3.AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i5.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "component", type: i6.AXPickerComponent, selector: "ax-picker" }, { kind: "directive", type: i6.AXPickerColumnDirective, selector: "ax-picker-column", inputs: ["disabled", "readonly", "readonlyChange", "disabledChange", "valueField", "textField", "title", "step", "items"], outputs: ["onValueChanged", "itemsChange"] }, { kind: "pipe", type: i7.AXDateTimePipe, name: "axDate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDateTimePickerComponent, decorators: [{
             type: Component,
@@ -262,7 +262,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                             useExisting: forwardRef(() => AXDateTimePickerComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <ax-tabs [look]=\"'default'\" [fitParent]=\"true\" [location]=\"'top'\" (onActiveTabChanged)=\"_handleViewChanged($event)\">\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart == 'date'\">\n    <ax-calendar #calendar id=\"calendar\" [disabled]=\"disabled\" [readonly]=\"readonly\" [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\" [maxValue]=\"maxValue\" [disabledDates]=\"disabledDates\" [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\" (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\" [type]=\"type\">\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart == 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format: type }}\n    </div>\n    <ax-picker>\n      <ax-picker-column title=\"Hour\" [items]=\"hours\" [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"></ax-picker-column>\n      <ax-picker-column title=\"Minute\" [items]=\"minutes\" [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\" [step]=\"3\" [disabled]=\"disabled\"\n        [readonly]=\"readonly\" *ngIf=\"_parts.minute.enabled\"></ax-picker-column>\n      <ax-picker-column title=\"Second\" [items]=\"minutes\" [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\" [step]=\"3\" [disabled]=\"disabled\"\n        [readonly]=\"readonly\" *ngIf=\"_parts.second.enabled\"></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly && (currentTimeButton || _hasTimePart)\">\n  <div>\n    <ax-button [text]=\"_activePart === 'date' ? 'Today' : 'Now'\" class=\"ax-sm\" (onClick)=\"_handleNowClick($event)\"\n      *ngIf=\"currentTimeButton\"></ax-button>\n  </div>\n  <div>\n    <ax-button color=\"primary\" text=\"Set\" *ngIf=\"_hasTimePart\" class=\"ax-sm\"\n      (onClick)=\"_handleSetClick($event)\"></ax-button>\n  </div>\n</div>", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;flex-flow:row;justify-content:center;padding-top:.5rem;padding-inline:.5rem}ax-datetime-picker>.ax-content{overflow:hidden;min-width:360px}ax-datetime-picker>.ax-content .ax-picker-part{display:flex;flex-direction:column;width:100%;height:376px}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{display:flex;flex-flow:row;justify-content:flex-start;padding-block:.5rem;padding-inline:1rem;font-weight:500;font-size:.875rem}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{flex:1}ax-datetime-picker>.ax-content .ax-calendar-part{padding-block:.25rem}ax-datetime-picker>.ax-content .ax-calendar-part ax-calendar{width:100%}ax-datetime-picker>.ax-footer{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"] }]
+                    ], template: "<div class=\"ax-header\" *ngIf=\"_hasDatePart && _hasTimePart\">\n  <ax-tabs\n    [look]=\"'default'\"\n    [fitParent]=\"true\"\n    [location]=\"'top'\"\n    (onActiveTabChanged)=\"_handleViewChanged($event)\"\n  >\n    <ax-tab-item text=\"Date\" [key]=\"'date'\" [disabled]=\"disabled\"></ax-tab-item>\n    <ax-tab-item text=\"Time\" [key]=\"'time'\" [disabled]=\"disabled\"></ax-tab-item>\n  </ax-tabs>\n</div>\n<div class=\"ax-content\">\n  <div class=\"ax-calendar-part\" *ngIf=\"_activePart === 'date'\">\n    <ax-calendar\n      #calendar\n      id=\"calendar\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [ngModel]=\"editingDateObj.date\"\n      [minValue]=\"minValue\"\n      [maxValue]=\"maxValue\"\n      [disabledDates]=\"disabledDates\"\n      [holidayDates]=\"holidayDates\"\n      [depth]=\"depth\"\n      (onNavigate)=\"_handleCalendarOnNavigate($event)\"\n      (onValueChanged)=\"_handleCalendarOnValueChanged($event)\"\n      [type]=\"type\"\n    >\n    </ax-calendar>\n  </div>\n  <div class=\"ax-picker-part\" *ngIf=\"_activePart === 'time'\">\n    <div class=\"ax-header\">\n      {{ editingDateObj | axDate: format : type }}\n    </div>\n    <ax-picker>\n      <ax-picker-column\n        title=\"Hour\"\n        [items]=\"hours\"\n        [ngModel]=\"editingDateObj.hour\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.hour.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Minute\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.minute\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.minute.enabled\"\n      ></ax-picker-column>\n      <ax-picker-column\n        title=\"Second\"\n        [items]=\"minutes\"\n        [ngModel]=\"editingDateObj.second\"\n        (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n        [step]=\"3\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        *ngIf=\"_parts.second.enabled\"\n      ></ax-picker-column>\n    </ax-picker>\n  </div>\n</div>\n<div class=\"ax-footer\" *ngIf=\"!disabled && !readonly && (currentTimeButton || _hasTimePart)\">\n  <div>\n    <ax-button\n      [text]=\"_activePart === 'date' ? 'Today' : 'Now'\"\n      class=\"ax-sm\"\n      (onClick)=\"_handleNowClick($event)\"\n      *ngIf=\"currentTimeButton\"\n    ></ax-button>\n  </div>\n  <div>\n    <ax-button\n      color=\"primary\"\n      text=\"Set\"\n      *ngIf=\"_hasTimePart\"\n      class=\"ax-sm\"\n      (onClick)=\"_handleSetClick($event)\"\n    ></ax-button>\n  </div>\n</div>\n", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;flex-flow:row;justify-content:center;padding-top:.5rem;padding-inline:.5rem}ax-datetime-picker>.ax-content{overflow:hidden;width:18rem}@media (max-width: 599px){ax-datetime-picker>.ax-content{width:100%}}ax-datetime-picker>.ax-content .ax-picker-part{display:flex;flex-direction:column;width:100%;height:376px}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{display:flex;flex-flow:row;justify-content:flex-start;padding-block:.5rem;padding-inline:1rem;font-weight:500;font-size:.875rem}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{flex:1}ax-datetime-picker>.ax-content .ax-calendar-part{padding-block:.25rem}ax-datetime-picker>.ax-content .ax-calendar-part ax-calendar{width:100%}ax-datetime-picker>.ax-footer{display:flex;justify-content:space-between;padding:.5rem;border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"] }]
         }], propDecorators: { currentTimeButton: [{
                 type: Input
             }], picker: [{

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

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

package/fesm2022/acorex-components-decorators.mjs

@@ -22,7 +22,7 @@ class AXDecoratorClearButtonComponent extends MXBaseComponent {
             this._parent.readonly ||
             this._parent.value == null ||
             this._parent.value == '';
-        return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;
+        return `ax-icon ax-clear-button ${hidden ? 'ax-hidden' : ''}`;
     }
     _handleOnClick() {
         if (!this._parent.disabled && !this._parent.readonly)
@@ -74,15 +74,19 @@ class AXDecoratorCloseButtonComponent extends MXBaseComponent {
         this._parent?.close();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorCloseButtonComponent, deps: [{ token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" } }, usesInheritance: true, ngImport: i0, template: `<button type="button" role="button" aria-label="Close" title="Close"><i [ngClass]="icon"></i></button>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: { icon: "icon" }, host: { listeners: { "click": "_handleOnClick($event)" } }, usesInheritance: true, ngImport: i0, template: `<button type="button" role="button" aria-label="Close" title="Close">
+    <i [ngClass]="icon"></i>
+  </button>`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDecoratorCloseButtonComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-close-button',
-                    template: `<button type="button" role="button" aria-label="Close" title="Close"><i [ngClass]="icon"></i></button>`,
+                    template: `<button type="button" role="button" aria-label="Close" title="Close">
+    <i [ngClass]="icon"></i>
+  </button>`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return [{ type: i2.AXClosbaleComponent, decorators: [{
                     type: Optional

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../libs/components/decorators/src/lib/components/clear-button.component.ts","../../../../libs/components/decorators/src/lib/components/close-button.component.ts","../../../../libs/components/decorators/src/lib/components/generic-content.component.ts","../../../../libs/components/decorators/src/lib/components/icon.component.ts","../../../../libs/components/decorators/src/lib/decorators.module.ts","../../../../libs/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button type=\"button\" tabIndex=\"-1\" role=\"button\" aria-label=\"Clear\" title=\"Clear\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClearableComponent)\n    private _parent?: AXClearableComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-cancel-fill';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostBinding('class')\n  private get hostClass(): string {\n    const hidden =\n      this._parent.disabled ||\n      this._parent.readonly ||\n      this._parent.value == null ||\n      this._parent.value == '';\n    return `ax-icon ax-general-button ax-button-icon ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    if (!this._parent.disabled && !this._parent.readonly) this._parent?.clear(true);\n  }\n}\n","import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-close-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Close\" title=\"Close\"><i [ngClass]=\"icon\"></i></button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n\n  constructor(\n\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private _parent?: AXClosbaleComponent\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-close';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    this._parent?.close();\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector:\n    'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-header', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-content', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-divider', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-form-hint', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-prefix', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-suffix', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-text', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-title', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-sub-title', useExisting: AXDecoratorGenericComponent },\n  ],\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent { }\n","import { MXBaseComponent } from '@acorex/components/common';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  Input,\n  HostBinding,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content select=\"i,span,svg,img\"></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: 'ax-icon', useExisting: AXDecoratorIconComponent }],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n\n  @Input()\n  icon: string;\n\n  @HostBinding('class')\n  private get __iconClass(): string {\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button.component';\nimport { AXDecoratorCloseButtonComponent } from './components/close-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorIconComponent } from './components/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDecoratorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-decorators.mjs","sources":["../../../../libs/components/decorators/src/lib/components/clear-button.component.ts","../../../../libs/components/decorators/src/lib/components/close-button.component.ts","../../../../libs/components/decorators/src/lib/components/generic-content.component.ts","../../../../libs/components/decorators/src/lib/components/icon.component.ts","../../../../libs/components/decorators/src/lib/decorators.module.ts","../../../../libs/components/decorators/src/acorex-components-decorators.ts"],"sourcesContent":["import { AXClearableComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-clear-button',\n  template: `<button type=\"button\" tabIndex=\"-1\" role=\"button\" aria-label=\"Clear\" title=\"Clear\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorClearButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClearableComponent)\n    private _parent?: AXClearableComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-cancel-fill';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostBinding('class')\n  private get hostClass(): string {\n    const hidden =\n      this._parent.disabled ||\n      this._parent.readonly ||\n      this._parent.value == null ||\n      this._parent.value == '';\n    return `ax-icon ax-clear-button ${hidden ? 'ax-hidden' : ''}`;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    if (!this._parent.disabled && !this._parent.readonly) this._parent?.clear(true);\n  }\n}\n","import { AXClosbaleComponent, MXBaseComponent } from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  HostListener,\n  Inject,\n  Input,\n  Optional,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-close-button',\n  template: `<button type=\"button\" role=\"button\" aria-label=\"Close\" title=\"Close\">\n    <i [ngClass]=\"icon\"></i>\n  </button>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXDecoratorCloseButtonComponent extends MXBaseComponent {\n  constructor(\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private _parent?: AXClosbaleComponent,\n  ) {\n    super();\n  }\n\n  private _icon = 'ax-icon ax-icon-close';\n  @Input()\n  public get icon(): string {\n    return this._icon || 'ax-icon-close';\n  }\n  public set icon(v: string) {\n    this._icon = v;\n  }\n\n  @HostListener('click', ['$event'])\n  protected _handleOnClick() {\n    this._parent?.close();\n  }\n}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector:\n    'ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: 'ax-footer', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-header', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-content', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-divider', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-form-hint', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-prefix', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-suffix', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-text', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-title', useExisting: AXDecoratorGenericComponent },\n    { provide: 'ax-sub-title', useExisting: AXDecoratorGenericComponent },\n  ],\n})\nexport class AXDecoratorGenericComponent extends MXBaseComponent {}\n","import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ax-icon',\n  template: '<ng-content select=\"i,span,svg,img\"></ng-content>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: 'ax-icon', useExisting: AXDecoratorIconComponent }],\n})\nexport class AXDecoratorIconComponent extends MXBaseComponent {\n  @Input()\n  icon: string;\n\n  @HostBinding('class')\n  private get __iconClass(): string {\n    return `${this.icon}`;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXDecoratorClearButtonComponent } from './components/clear-button.component';\nimport { AXDecoratorCloseButtonComponent } from './components/close-button.component';\nimport { AXDecoratorGenericComponent } from './components/generic-content.component';\nimport { AXDecoratorIconComponent } from './components/icon.component';\n\nconst COMPONENT = [\n  AXDecoratorIconComponent,\n  AXDecoratorClearButtonComponent,\n  AXDecoratorCloseButtonComponent,\n  AXDecoratorGenericComponent,\n];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXDecoratorModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-dialog.mjs

@@ -28,20 +28,6 @@ class AXDialogComponent extends MXBaseComponent {
     }
     ngOnInit() {
         super.ngOnInit();
-        switch (this.data.type) {
-            case 'success':
-                this._icon = 'ax-icon ax-icon-done';
-                break;
-            case 'danger':
-                this._icon = 'ax-icon ax-icon-error';
-                break;
-            case 'warning':
-                this._icon = 'ax-icon ax-icon-warning';
-                break;
-            default:
-                this._icon = 'ax-icon ax-icon-done';
-                break;
-        }
     }
     _handleButtonClick(button) {
         if (button.onClick) {
@@ -61,7 +47,7 @@ class AXDialogComponent extends MXBaseComponent {
                 provide: AXClosbaleComponent,
                 useExisting: AXDialogComponent,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n    <div class=\"ax-dialog-content-wrapper\">\n        <div class=\"ax-dialog-icon-side\">\n            <i class=\"ax-dialog-icon {{_icon}}\"></i>\n        </div>\n        <div class=\"ax-dialog-content-side\">\n            <div class=\"ax-dialog-title\">{{data.title}}</div>\n            <div class=\"ax-dialog-content\">{{data.content}}</div>\n        </div>\n        <div class=\"ax-dialog-dismiss-icon\">\n            <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n        </div>\n    </div>\n    <ax-footer>\n        <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n            <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n                [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [look]=\"button.look\"\n                [disabled]=\"button.disabled\" [color]=\"button.color\">\n                <ax-loading *ngIf=\"button.loading\"></ax-loading>\n            </ax-button>\n        </ng-container>\n    </ax-footer>\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-default-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i3.AXHotkeyDirective, selector: "[hotkey]", inputs: ["hotkey"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i6.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: "component", type: i7.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"ax-dialog ax-{{ data.type }}-default ax-orientation-{{ data.orientation }}\"\n  cdkDrag\n  cdkDragHandle\n  tabindex=\"-1\"\n>\n  <div class=\"ax-dialog-content-wrapper\">\n    <div class=\"ax-dialog-icon-side\" *ngIf=\"data.icon !== 'none'\">\n      <i class=\"ax-dialog-icon {{ data.icon }}\"></i>\n    </div>\n    <div class=\"ax-dialog-content-side\">\n      <div class=\"ax-dialog-title\">{{ data.title }}</div>\n      <div class=\"ax-dialog-content\">{{ data.content }}</div>\n    </div>\n    <div class=\"ax-dialog-dismiss-icon\">\n      <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n    </div>\n  </div>\n  <ax-footer>\n    <ng-container *ngFor=\"let button of data.buttons; let i = index\">\n      <ax-button\n        [text]=\"button.text\"\n        [tabindex]=\"i\"\n        [axHotkey]=\"button.hotkey\"\n        [axAutoFocus]=\"_hasAutoFocus(button)\"\n        (onClick)=\"_handleButtonClick(button)\"\n        [look]=\"button.look\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color\"\n      >\n        <ax-loading *ngIf=\"button.loading\"></ax-loading>\n      </ax-button>\n    </ng-container>\n  </ax-footer>\n</div>\n", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "focus-time"] }, { kind: "directive", type: i3.AXHotkeyDirective, selector: "[axHotkey]", inputs: ["axHotkey"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i6.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: "component", type: i7.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDialogComponent, decorators: [{
             type: Component,
@@ -70,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                             provide: AXClosbaleComponent,
                             useExisting: AXDialogComponent,
                         },
-                    ], template: "<div class=\"ax-dialog ax-{{data.type}}-default ax-orientation-{{data.orientation}}\" cdkDrag cdkDragHandle tabindex=\"-1\">\n    <div class=\"ax-dialog-content-wrapper\">\n        <div class=\"ax-dialog-icon-side\">\n            <i class=\"ax-dialog-icon {{_icon}}\"></i>\n        </div>\n        <div class=\"ax-dialog-content-side\">\n            <div class=\"ax-dialog-title\">{{data.title}}</div>\n            <div class=\"ax-dialog-content\">{{data.content}}</div>\n        </div>\n        <div class=\"ax-dialog-dismiss-icon\">\n            <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n        </div>\n    </div>\n    <ax-footer>\n        <ng-container *ngFor=\"let button of data.buttons;let i=index\">\n            <ax-button [text]=\"button.text\" [tabindex]=\"i\" [hotkey]=\"button.hotkey\"\n                [axAutoFocus]=\"_hasAutoFocus(button)\" (onClick)=\"_handleButtonClick(button)\" [look]=\"button.look\"\n                [disabled]=\"button.disabled\" [color]=\"button.color\">\n                <ax-loading *ngIf=\"button.loading\"></ax-loading>\n            </ax-button>\n        </ng-container>\n    </ax-footer>\n</div>", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-default-fore));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"] }]
+                    ], template: "<div\n  class=\"ax-dialog ax-{{ data.type }}-default ax-orientation-{{ data.orientation }}\"\n  cdkDrag\n  cdkDragHandle\n  tabindex=\"-1\"\n>\n  <div class=\"ax-dialog-content-wrapper\">\n    <div class=\"ax-dialog-icon-side\" *ngIf=\"data.icon !== 'none'\">\n      <i class=\"ax-dialog-icon {{ data.icon }}\"></i>\n    </div>\n    <div class=\"ax-dialog-content-side\">\n      <div class=\"ax-dialog-title\">{{ data.title }}</div>\n      <div class=\"ax-dialog-content\">{{ data.content }}</div>\n    </div>\n    <div class=\"ax-dialog-dismiss-icon\">\n      <i class=\"ax-icon ax-icon-close\" *ngIf=\"data.closeButton\"></i>\n    </div>\n  </div>\n  <ax-footer>\n    <ng-container *ngFor=\"let button of data.buttons; let i = index\">\n      <ax-button\n        [text]=\"button.text\"\n        [tabindex]=\"i\"\n        [axHotkey]=\"button.hotkey\"\n        [axAutoFocus]=\"_hasAutoFocus(button)\"\n        (onClick)=\"_handleButtonClick(button)\"\n        [look]=\"button.look\"\n        [disabled]=\"button.disabled\"\n        [color]=\"button.color\"\n      >\n        <ax-loading *ngIf=\"button.loading\"></ax-loading>\n      </ax-button>\n    </ng-container>\n  </ax-footer>\n</div>\n", styles: [".ax-dark .ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark .ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark .ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark .ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark .ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark .ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dialog{display:flex;flex-direction:column;position:relative;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));width:25vw;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;outline-color:transparent}@media (max-width: 599px){.ax-dialog{width:93vw}}@media (min-width: 600px){.ax-dialog{min-width:50vw;max-width:85vw}}@media (min-width: 1200px){.ax-dialog{min-width:35vw;max-width:60vw}}@media (min-width: 1800px){.ax-dialog{min-width:25vw;max-width:40vw}}.ax-dialog.ax-orientation-horizontal .ax-dialog-content-wrapper{flex-direction:row}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper{flex-direction:column;align-items:center}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-icon-side{margin-bottom:1rem}.ax-dialog.ax-orientation-vertical .ax-dialog-content-wrapper .ax-dialog-content-side{text-align:center;margin:0}.ax-dialog.ax-orientation-vertical ax-footer ax-button{flex:1}.ax-dialog .ax-dialog-content-wrapper{display:flex;gap:.5rem;padding:1.5rem 1.5rem 1rem}@media (max-width: 599px){.ax-dialog .ax-dialog-content-wrapper{padding:1.25rem 1rem 1rem}}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-icon-side .ax-dialog-icon{width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;border-radius:99rem;cursor:move;font-size:1.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side{flex:1;margin-inline-start:1rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-title{font-size:1.125rem;font-weight:500;line-height:1.5rem;margin-bottom:.5rem}.ax-dialog .ax-dialog-content-wrapper .ax-dialog-content-side .ax-dialog-content{font-size:.875rem}.ax-dialog ax-footer{padding:.75rem 1.5rem;justify-content:flex-end}@media (max-width: 599px){.ax-dialog ax-footer{padding:.75rem 1rem}}.ax-dialog.ax-primary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-600))}.ax-dialog.ax-secondary-default .ax-dialog-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-600))}.ax-dialog.ax-success-default .ax-dialog-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-600))}.ax-dialog.ax-warning-default .ax-dialog-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-600))}.ax-dialog.ax-danger-default .ax-dialog-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-600))}.ax-dialog.ax-info-default .ax-dialog-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-600))}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [DIALOG_DATA]
@@ -85,15 +71,35 @@ class AXDialogService {
     constructor() {
         this.dialog = inject(Dialog);
     }
+    detectIcon(type) {
+        let icon;
+        switch (type) {
+            case 'success':
+                icon = 'ax-icon ax-icon-done';
+                break;
+            case 'danger':
+                icon = 'ax-icon ax-icon-error';
+                break;
+            case 'warning':
+                icon = 'ax-icon ax-icon-warning';
+                break;
+            default:
+                icon = 'ax-icon ax-icon-info';
+                break;
+        }
+        return icon;
+    }
     /**
      *  Show an alert box with 'Okay' button.
      */
-    alert(title, content, type = 'primary') {
+    alert(title, content, type = 'primary', orientation = 'horizontal') {
         return new Promise((resolve) => {
             const popup = this.open({
                 title,
                 type: type,
                 content,
+                icon: this.detectIcon(type),
+                orientation,
                 buttons: [
                     {
                         name: 'confirm',
@@ -114,12 +120,14 @@ class AXDialogService {
     /**
      *  Show a confirm box with 'Okay' & 'Cancel' buttons.
      */
-    confirm(title, content, type = 'primary') {
+    confirm(title, content, type = 'primary', orientation = 'horizontal') {
         return new Promise((resolve) => {
             const popup = this.open({
                 title,
                 content,
                 type,
+                icon: this.detectIcon(type),
+                orientation,
                 buttons: [
                     {
                         name: 'confirm',
@@ -136,7 +144,7 @@ class AXDialogService {
                     {
                         name: 'cancel',
                         text: AXTranslator.get('common.cancel'),
-                        color: `default`,
+                        color: `ghost`,
                         onClick: () => {
                             popup.close();
                             if (resolve) {
@@ -163,35 +171,36 @@ class AXDialogService {
         return new Promise((resolve) => {
             const popup = this.open(options);
             options.orientation = options.orientation || 'horizontal';
-            options.buttons?.forEach((b) => {
-                const orginalClick = b.onClick;
-                b.onClick = () => {
-                    const e = { source: b, handled: false };
-                    if (orginalClick) {
-                        orginalClick(e);
-                        if (e.handled) {
+            (options.icon = options.icon ?? this.detectIcon(options.type)),
+                options.buttons?.forEach((b) => {
+                    const orginalClick = b.onClick;
+                    b.onClick = () => {
+                        const e = { source: b, handled: false };
+                        if (orginalClick) {
+                            orginalClick(e);
+                            if (e.handled) {
+                                resolve({ name: b.name ?? b.text });
+                            }
+                            else {
+                                popup.close();
+                                resolve({ name: b.name ?? b.text });
+                            }
+                        }
+                        else if (resolve) {
+                            popup.close();
                             resolve({ name: b.name ?? b.text });
                         }
                         else {
                             popup.close();
-                            resolve({ name: b.name ?? b.text });
                         }
-                    }
-                    else if (resolve) {
-                        popup.close();
-                        resolve({ name: b.name ?? b.text });
-                    }
-                    else {
-                        popup.close();
-                    }
-                };
-            });
+                    };
+                });
         });
     }
     open(config) {
         const dialogRef = this.dialog.open(AXDialogComponent, {
             data: config,
-            role: "alertdialog",
+            role: 'alertdialog',
             ariaModal: true,
             restoreFocus: true,
             closeOnNavigation: true,
@@ -214,10 +223,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
         }] });
 
 const COMPONENT = [AXDialogComponent];
-const MODULES = [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule];
+const MODULES = [
+    CommonModule,
+    AXCommonModule,
+    DragDropModule,
+    A11yModule,
+    AXButtonModule,
+    AXDecoratorModule,
+    AXLoadingModule,
+    DialogModule,
+];
 class AXDialogModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule, AXCommonModule, DragDropModule, A11yModule, AXButtonModule, AXDecoratorModule, AXLoadingModule, DialogModule], exports: [AXDialogComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXDialogModule, declarations: [AXDialogComponent], imports: [CommonModule,
+            AXCommonModule,
+            DragDropModule,
+            A11yModule,
+            AXButtonModule,
+            AXDecoratorModule,
+            AXLoadingModule,
+            DialogModule], exports: [AXDialogComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDialogModule, providers: [AXDialogService], imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXDialogModule, decorators: [{