@acorex/components 20.1.32 → 20.1.34

package/fesm2022/acorex-components-command.mjs

@@ -0,0 +1,100 @@
+import { MXInputBaseValueComponent, MXLookComponent, AXComponent, AXValuableComponent, AXEvent } from '@acorex/cdk/common';
+import * as i5 from '@acorex/cdk/list-navigation';
+import { AXListNavigationModule } from '@acorex/cdk/list-navigation';
+import * as i2 from '@acorex/components/decorators';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+import { AXKBDComponent, AXKBDItemComponent } from '@acorex/components/kbd';
+import * as i1 from '@acorex/components/search-box';
+import { AXSearchBoxModule } from '@acorex/components/search-box';
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { signal, viewChild, output, computed, forwardRef, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import { classes } from 'polytype';
+
+class AXCommandComponent extends classes((MXInputBaseValueComponent), MXLookComponent) {
+    constructor() {
+        super(...arguments);
+        this.searchValue = signal('', ...(ngDevMode ? [{ debugName: "searchValue" }] : []));
+        this.searchBox = viewChild('f', ...(ngDevMode ? [{ debugName: "searchBox" }] : []));
+        this.onSubmit = output();
+        this.displayItems = computed(() => {
+            const signal = this.searchValue();
+            const filter = this.value?.items?.filter((item) => item.text.toLowerCase().includes(signal) || (item.href && item.href.toLowerCase().includes(signal)));
+            return filter;
+        }, ...(ngDevMode ? [{ debugName: "displayItems" }] : []));
+    }
+    onItemClick(item) {
+        this.onSubmit.emit({ data: item, component: this });
+    }
+    keyPress(e, item) {
+        if (e.nativeEvent.key === 'Enter' || e.nativeEvent.code === 'Space') {
+            e.nativeEvent.stopPropagation();
+            e.nativeEvent.preventDefault();
+            this.onSubmit.emit({ data: item, component: this });
+        }
+    }
+    closeHandler(e) {
+        if (e.nativeEvent.key === 'Escape') {
+            this.searchBox().focus();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.4", type: AXCommandComponent, isStandalone: true, selector: "ax-command", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", value: "value", state: "state", name: "name", id: "id", look: "look" }, outputs: { onSubmit: "onSubmit" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AXCommandComponent),
+                multi: true,
+            },
+            { provide: AXComponent, useExisting: AXCommandComponent },
+            { provide: AXValuableComponent, useExisting: AXCommandComponent },
+        ], viewQueries: [{ propertyName: "searchBox", first: true, predicate: ["f"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ax-search-box\n  #f\n  [delayTime]=\"20\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [look]=\"look\"\n  [(ngModel)]=\"searchValue\"\n  [ngClass]=\"{ 'ax-remove-border': searchValue() }\"\n>\n  <ax-clear-button></ax-clear-button>\n  <ax-suffix>\n    <div class=\"ax-kbd\">\n      <ax-kbd>\n        <ax-kbd-item [keys]=\"['esc']\"></ax-kbd-item>\n      </ax-kbd>\n    </div>\n  </ax-suffix>\n</ax-search-box>\n\n@if (searchValue()) {\n  <div class=\"ax-command-container\" f=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">Pinned</ax-text>\n\n      <div>\n        @for (item of value?.pinned?.items; track item.id) {\n          <ng-container [ngTemplateOutlet]=\"renderItem\" [ngTemplateOutletContext]=\"{ $implicit: item, level: 0 }\">\n          </ng-container>\n        }\n      </div>\n    </div>\n\n    @for (item of displayItems(); track item.id) {\n      <ng-container [ngTemplateOutlet]=\"renderItem\" [ngTemplateOutletContext]=\"{ $implicit: item, level: 1 }\">\n      </ng-container>\n    } @empty {\n      <div class=\"ax-command-not-found\">\n        <ax-text>No results found for \"{{ searchValue() }}\"</ax-text>\n      </div>\n    }\n\n    <ng-template #renderItem let-item let-level=\"level\">\n      <div\n        class=\"ax-command-item-container\"\n        [style.padding-inline-start.rem]=\"level * 0.75\"\n        [ngClass]=\"{ 'ax-command-item-container-active': a.isActive() }\"\n        #a=\"axListNavigationItem\"\n        axListNavigationItem\n        (click)=\"onItemClick(item)\"\n        (onKeypress)=\"keyPress($event, item)\"\n      >\n        <div class=\"ax-command-item\">\n          @if (item.icon) {\n            <i class=\"ax-command-item-icon\" [class]=\"item.icon\"></i>\n          }\n          <span class=\"ax-command-item-text\">{{ item.text }}</span>\n        </div>\n      </div>\n\n      @if (item.children?.length) {\n        @for (child of item.children; track child.id) {\n          <ng-container\n            [ngTemplateOutlet]=\"renderItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: child, level: level + 1 }\"\n          >\n          </ng-container>\n        }\n      }\n    </ng-template>\n  </div>\n\n  <div class=\"ax-command-footer\">\n    <div class=\"ax-kbd-footer\">\n      <ax-kbd class=\"ax-kbd\">\n        <ax-kbd-item [keys]=\"['&uarr;', '&darr;']\"></ax-kbd-item>\n      </ax-kbd>\n      <ax-text class=\"ax-kbd-text\">to navigate</ax-text>\n    </div>\n\n    <div class=\"ax-kbd-footer\">\n      <ax-kbd class=\"ax-kbd\">\n        <ax-kbd-item [keys]=\"['&#8617;']\"></ax-kbd-item>\n      </ax-kbd>\n      <ax-text class=\"ax-kbd-text\">to select</ax-text>\n    </div>\n\n    <div class=\"ax-kbd-footer\">\n      <ax-kbd class=\"ax-kbd\">\n        <ax-kbd-item [keys]=\"['esc']\"></ax-kbd-item>\n      </ax-kbd>\n      <ax-text class=\"ax-kbd-text\">to close</ax-text>\n    </div>\n  </div>\n}\n", styles: ["ax-command{min-width:27rem}ax-command ax-search-box.ax-remove-border{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;border-left-width:1px;border-right-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));color:rgba(var(--ax-sys-color-on-surface))}ax-command .ax-command-container .ax-command-item-pinned-container{padding:.75rem;border-bottom:1px solid rgba(var(--ax-sys-color-border-surface))}ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{font-weight:500;font-size:.9rem;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.75rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item{display:flex;align-items:center;gap:.5rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item-text{font-weight:400;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-not-found{padding:1rem;display:flex;justify-content:center}ax-command .ax-command-container .ax-command-item-container-active{outline:2px solid transparent;outline-offset:2px;--tw-border-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface));border-radius:var(--ax-sys-border-radius)}ax-command .ax-kbd{display:flex;justify-content:center;align-items:center;height:100%}ax-command .ax-command-footer{border-bottom-right-radius:var(--ax-sys-border-radius);border-bottom-left-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));color:rgba(var(--ax-sys-color-neutral));padding:.75rem;display:flex;align-items:center;gap:1.5rem}ax-command .ax-command-footer .ax-kbd-footer{display:flex;justify-content:center;align-items:center;gap:.7rem}ax-command .ax-command-footer .ax-kbd-footer kbd{background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-command .ax-command-footer .ax-kbd-text{font-weight:600;font-size:.9rem}\n"], dependencies: [{ kind: "ngmodule", type: AXSearchBoxModule }, { kind: "component", type: i1.AXSearchBoxComponent, selector: "ax-search-box", inputs: ["disabled", "readonly", "tabIndex", "placeholder", "value", "state", "name", "id", "look", "class", "delayTime", "type"], outputs: ["valueChange", "stateChange", "onValueChanged", "onBlur", "onFocus", "readonlyChange", "disabledChange", "onKeyDown", "onKeyUp", "onKeyPress"] }, { kind: "ngmodule", type: AXDecoratorModule }, { kind: "component", type: i2.AXDecoratorClearButtonComponent, selector: "ax-clear-button", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: AXListNavigationModule }, { kind: "directive", type: i5.AXListNavigationDirective, selector: "[axListNavigation]", inputs: ["orientation"], outputs: ["onNavigationChanged", "onKeypress"], exportAs: ["axListNavigation"] }, { kind: "directive", type: i5.AXListNavigationItemDirective, selector: "[axListNavigationItem]", outputs: ["onKeypress"], exportAs: ["axListNavigationItem"] }, { kind: "component", type: AXKBDComponent, selector: "ax-kbd" }, { kind: "component", type: AXKBDItemComponent, selector: "ax-kbd-item", inputs: ["keys"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXCommandComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-command', encapsulation: ViewEncapsulation.None, imports: [
+                        AXSearchBoxModule,
+                        AXDecoratorModule,
+                        CommonModule,
+                        FormsModule,
+                        AXListNavigationModule,
+                        AXKBDComponent,
+                        AXKBDItemComponent,
+                    ], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AXCommandComponent),
+                            multi: true,
+                        },
+                        { provide: AXComponent, useExisting: AXCommandComponent },
+                        { provide: AXValuableComponent, useExisting: AXCommandComponent },
+                    ], inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id', 'look'], template: "<ax-search-box\n  #f\n  [delayTime]=\"20\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [look]=\"look\"\n  [(ngModel)]=\"searchValue\"\n  [ngClass]=\"{ 'ax-remove-border': searchValue() }\"\n>\n  <ax-clear-button></ax-clear-button>\n  <ax-suffix>\n    <div class=\"ax-kbd\">\n      <ax-kbd>\n        <ax-kbd-item [keys]=\"['esc']\"></ax-kbd-item>\n      </ax-kbd>\n    </div>\n  </ax-suffix>\n</ax-search-box>\n\n@if (searchValue()) {\n  <div class=\"ax-command-container\" f=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">Pinned</ax-text>\n\n      <div>\n        @for (item of value?.pinned?.items; track item.id) {\n          <ng-container [ngTemplateOutlet]=\"renderItem\" [ngTemplateOutletContext]=\"{ $implicit: item, level: 0 }\">\n          </ng-container>\n        }\n      </div>\n    </div>\n\n    @for (item of displayItems(); track item.id) {\n      <ng-container [ngTemplateOutlet]=\"renderItem\" [ngTemplateOutletContext]=\"{ $implicit: item, level: 1 }\">\n      </ng-container>\n    } @empty {\n      <div class=\"ax-command-not-found\">\n        <ax-text>No results found for \"{{ searchValue() }}\"</ax-text>\n      </div>\n    }\n\n    <ng-template #renderItem let-item let-level=\"level\">\n      <div\n        class=\"ax-command-item-container\"\n        [style.padding-inline-start.rem]=\"level * 0.75\"\n        [ngClass]=\"{ 'ax-command-item-container-active': a.isActive() }\"\n        #a=\"axListNavigationItem\"\n        axListNavigationItem\n        (click)=\"onItemClick(item)\"\n        (onKeypress)=\"keyPress($event, item)\"\n      >\n        <div class=\"ax-command-item\">\n          @if (item.icon) {\n            <i class=\"ax-command-item-icon\" [class]=\"item.icon\"></i>\n          }\n          <span class=\"ax-command-item-text\">{{ item.text }}</span>\n        </div>\n      </div>\n\n      @if (item.children?.length) {\n        @for (child of item.children; track child.id) {\n          <ng-container\n            [ngTemplateOutlet]=\"renderItem\"\n            [ngTemplateOutletContext]=\"{ $implicit: child, level: level + 1 }\"\n          >\n          </ng-container>\n        }\n      }\n    </ng-template>\n  </div>\n\n  <div class=\"ax-command-footer\">\n    <div class=\"ax-kbd-footer\">\n      <ax-kbd class=\"ax-kbd\">\n        <ax-kbd-item [keys]=\"['&uarr;', '&darr;']\"></ax-kbd-item>\n      </ax-kbd>\n      <ax-text class=\"ax-kbd-text\">to navigate</ax-text>\n    </div>\n\n    <div class=\"ax-kbd-footer\">\n      <ax-kbd class=\"ax-kbd\">\n        <ax-kbd-item [keys]=\"['&#8617;']\"></ax-kbd-item>\n      </ax-kbd>\n      <ax-text class=\"ax-kbd-text\">to select</ax-text>\n    </div>\n\n    <div class=\"ax-kbd-footer\">\n      <ax-kbd class=\"ax-kbd\">\n        <ax-kbd-item [keys]=\"['esc']\"></ax-kbd-item>\n      </ax-kbd>\n      <ax-text class=\"ax-kbd-text\">to close</ax-text>\n    </div>\n  </div>\n}\n", styles: ["ax-command{min-width:27rem}ax-command ax-search-box.ax-remove-border{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;border-left-width:1px;border-right-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));color:rgba(var(--ax-sys-color-on-surface))}ax-command .ax-command-container .ax-command-item-pinned-container{padding:.75rem;border-bottom:1px solid rgba(var(--ax-sys-color-border-surface))}ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{font-weight:500;font-size:.9rem;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.75rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item{display:flex;align-items:center;gap:.5rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item-text{font-weight:400;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-not-found{padding:1rem;display:flex;justify-content:center}ax-command .ax-command-container .ax-command-item-container-active{outline:2px solid transparent;outline-offset:2px;--tw-border-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface));border-radius:var(--ax-sys-border-radius)}ax-command .ax-kbd{display:flex;justify-content:center;align-items:center;height:100%}ax-command .ax-command-footer{border-bottom-right-radius:var(--ax-sys-border-radius);border-bottom-left-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));color:rgba(var(--ax-sys-color-neutral));padding:.75rem;display:flex;align-items:center;gap:1.5rem}ax-command .ax-command-footer .ax-kbd-footer{display:flex;justify-content:center;align-items:center;gap:.7rem}ax-command .ax-command-footer .ax-kbd-footer kbd{background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-command .ax-command-footer .ax-kbd-text{font-weight:600;font-size:.9rem}\n"] }]
+        }] });
+
+const COMPONENT = [AXCommandComponent];
+const MODULES = [];
+class AXCommandModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.4", ngImport: i0, type: AXCommandModule, imports: [AXCommandComponent], exports: [AXCommandComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXCommandModule, imports: [MODULES, COMPONENT] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXCommandModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...MODULES, ...COMPONENT],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+class AXCommandComponentEvent extends AXEvent {
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXCommandComponent, AXCommandComponentEvent, AXCommandModule };
+//# sourceMappingURL=acorex-components-command.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-components-command.mjs","sources":["../tmp-esm2022/command/lib/command.component.js","../tmp-esm2022/command/lib/command.module.js","../tmp-esm2022/command/lib/command.type.js","../tmp-esm2022/command/acorex-components-command.js"],"sourcesContent":["import { AXComponent, AXValuableComponent, MXInputBaseValueComponent, MXLookComponent, } from '@acorex/cdk/common';\nimport { AXListNavigationModule } from '@acorex/cdk/list-navigation';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXKBDComponent, AXKBDItemComponent } from '@acorex/components/kbd';\nimport { AXSearchBoxModule } from '@acorex/components/search-box';\nimport { CommonModule } from '@angular/common';\nimport { Component, computed, forwardRef, output, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { classes } from 'polytype';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"@acorex/components/search-box\";\nimport * as i2 from \"@acorex/components/decorators\";\nimport * as i3 from \"@angular/common\";\nimport * as i4 from \"@angular/forms\";\nimport * as i5 from \"@acorex/cdk/list-navigation\";\nexport class AXCommandComponent extends classes((MXInputBaseValueComponent), MXLookComponent) {\n    constructor() {\n        super(...arguments);\n        this.searchValue = signal('', ...(ngDevMode ? [{ debugName: \"searchValue\" }] : []));\n        this.searchBox = viewChild('f', ...(ngDevMode ? [{ debugName: \"searchBox\" }] : []));\n        this.onSubmit = output();\n        this.displayItems = computed(() => {\n            const signal = this.searchValue();\n            const filter = this.value?.items?.filter((item) => item.text.toLowerCase().includes(signal) || (item.href && item.href.toLowerCase().includes(signal)));\n            return filter;\n        }, ...(ngDevMode ? [{ debugName: \"displayItems\" }] : []));\n    }\n    onItemClick(item) {\n        this.onSubmit.emit({ data: item, component: this });\n    }\n    keyPress(e, item) {\n        if (e.nativeEvent.key === 'Enter' || e.nativeEvent.code === 'Space') {\n            e.nativeEvent.stopPropagation();\n            e.nativeEvent.preventDefault();\n            this.onSubmit.emit({ data: item, component: this });\n        }\n    }\n    closeHandler(e) {\n        if (e.nativeEvent.key === 'Escape') {\n            this.searchBox().focus();\n        }\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.2.4\", ngImport: i0, type: AXCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.2.4\", type: AXCommandComponent, isStandalone: true, selector: \"ax-command\", inputs: { disabled: \"disabled\", readonly: \"readonly\", tabIndex: \"tabIndex\", placeholder: \"placeholder\", value: \"value\", state: \"state\", name: \"name\", id: \"id\", look: \"look\" }, outputs: { onSubmit: \"onSubmit\" }, providers: [\n            {\n                provide: NG_VALUE_ACCESSOR,\n                useExisting: forwardRef(() => AXCommandComponent),\n                multi: true,\n            },\n            { provide: AXComponent, useExisting: AXCommandComponent },\n            { provide: AXValuableComponent, useExisting: AXCommandComponent },\n        ], viewQueries: [{ propertyName: \"searchBox\", first: true, predicate: [\"f\"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<ax-search-box\\n  #f\\n  [delayTime]=\\\"20\\\"\\n  [placeholder]=\\\"placeholder\\\"\\n  [disabled]=\\\"disabled\\\"\\n  [readonly]=\\\"readonly\\\"\\n  [look]=\\\"look\\\"\\n  [(ngModel)]=\\\"searchValue\\\"\\n  [ngClass]=\\\"{ 'ax-remove-border': searchValue() }\\\"\\n>\\n  <ax-clear-button></ax-clear-button>\\n  <ax-suffix>\\n    <div class=\\\"ax-kbd\\\">\\n      <ax-kbd>\\n        <ax-kbd-item [keys]=\\\"['esc']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n    </div>\\n  </ax-suffix>\\n</ax-search-box>\\n\\n@if (searchValue()) {\\n  <div class=\\\"ax-command-container\\\" f=\\\"axListNavigation\\\" axListNavigation (onKeypress)=\\\"closeHandler($event)\\\">\\n    <div class=\\\"ax-command-item-pinned-container\\\">\\n      <ax-text class=\\\"ax-command-item-pinned-text\\\">Pinned</ax-text>\\n\\n      <div>\\n        @for (item of value?.pinned?.items; track item.id) {\\n          <ng-container [ngTemplateOutlet]=\\\"renderItem\\\" [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 0 }\\\">\\n          </ng-container>\\n        }\\n      </div>\\n    </div>\\n\\n    @for (item of displayItems(); track item.id) {\\n      <ng-container [ngTemplateOutlet]=\\\"renderItem\\\" [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 1 }\\\">\\n      </ng-container>\\n    } @empty {\\n      <div class=\\\"ax-command-not-found\\\">\\n        <ax-text>No results found for \\\"{{ searchValue() }}\\\"</ax-text>\\n      </div>\\n    }\\n\\n    <ng-template #renderItem let-item let-level=\\\"level\\\">\\n      <div\\n        class=\\\"ax-command-item-container\\\"\\n        [style.padding-inline-start.rem]=\\\"level * 0.75\\\"\\n        [ngClass]=\\\"{ 'ax-command-item-container-active': a.isActive() }\\\"\\n        #a=\\\"axListNavigationItem\\\"\\n        axListNavigationItem\\n        (click)=\\\"onItemClick(item)\\\"\\n        (onKeypress)=\\\"keyPress($event, item)\\\"\\n      >\\n        <div class=\\\"ax-command-item\\\">\\n          @if (item.icon) {\\n            <i class=\\\"ax-command-item-icon\\\" [class]=\\\"item.icon\\\"></i>\\n          }\\n          <span class=\\\"ax-command-item-text\\\">{{ item.text }}</span>\\n        </div>\\n      </div>\\n\\n      @if (item.children?.length) {\\n        @for (child of item.children; track child.id) {\\n          <ng-container\\n            [ngTemplateOutlet]=\\\"renderItem\\\"\\n            [ngTemplateOutletContext]=\\\"{ $implicit: child, level: level + 1 }\\\"\\n          >\\n          </ng-container>\\n        }\\n      }\\n    </ng-template>\\n  </div>\\n\\n  <div class=\\\"ax-command-footer\\\">\\n    <div class=\\\"ax-kbd-footer\\\">\\n      <ax-kbd class=\\\"ax-kbd\\\">\\n        <ax-kbd-item [keys]=\\\"['&uarr;', '&darr;']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n      <ax-text class=\\\"ax-kbd-text\\\">to navigate</ax-text>\\n    </div>\\n\\n    <div class=\\\"ax-kbd-footer\\\">\\n      <ax-kbd class=\\\"ax-kbd\\\">\\n        <ax-kbd-item [keys]=\\\"['&#8617;']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n      <ax-text class=\\\"ax-kbd-text\\\">to select</ax-text>\\n    </div>\\n\\n    <div class=\\\"ax-kbd-footer\\\">\\n      <ax-kbd class=\\\"ax-kbd\\\">\\n        <ax-kbd-item [keys]=\\\"['esc']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n      <ax-text class=\\\"ax-kbd-text\\\">to close</ax-text>\\n    </div>\\n  </div>\\n}\\n\", styles: [\"ax-command{min-width:27rem}ax-command ax-search-box.ax-remove-border{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;border-left-width:1px;border-right-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));color:rgba(var(--ax-sys-color-on-surface))}ax-command .ax-command-container .ax-command-item-pinned-container{padding:.75rem;border-bottom:1px solid rgba(var(--ax-sys-color-border-surface))}ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{font-weight:500;font-size:.9rem;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.75rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item{display:flex;align-items:center;gap:.5rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item-text{font-weight:400;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-not-found{padding:1rem;display:flex;justify-content:center}ax-command .ax-command-container .ax-command-item-container-active{outline:2px solid transparent;outline-offset:2px;--tw-border-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface));border-radius:var(--ax-sys-border-radius)}ax-command .ax-kbd{display:flex;justify-content:center;align-items:center;height:100%}ax-command .ax-command-footer{border-bottom-right-radius:var(--ax-sys-border-radius);border-bottom-left-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));color:rgba(var(--ax-sys-color-neutral));padding:.75rem;display:flex;align-items:center;gap:1.5rem}ax-command .ax-command-footer .ax-kbd-footer{display:flex;justify-content:center;align-items:center;gap:.7rem}ax-command .ax-command-footer .ax-kbd-footer kbd{background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-command .ax-command-footer .ax-kbd-text{font-weight:600;font-size:.9rem}\\n\"], dependencies: [{ kind: \"ngmodule\", type: AXSearchBoxModule }, { kind: \"component\", type: i1.AXSearchBoxComponent, selector: \"ax-search-box\", inputs: [\"disabled\", \"readonly\", \"tabIndex\", \"placeholder\", \"value\", \"state\", \"name\", \"id\", \"look\", \"class\", \"delayTime\", \"type\"], outputs: [\"valueChange\", \"stateChange\", \"onValueChanged\", \"onBlur\", \"onFocus\", \"readonlyChange\", \"disabledChange\", \"onKeyDown\", \"onKeyUp\", \"onKeyPress\"] }, { kind: \"ngmodule\", type: AXDecoratorModule }, { kind: \"component\", type: i2.AXDecoratorClearButtonComponent, selector: \"ax-clear-button\", inputs: [\"icon\"] }, { kind: \"component\", type: i2.AXDecoratorGenericComponent, selector: \"ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay\" }, { kind: \"ngmodule\", type: CommonModule }, { kind: \"directive\", type: i3.NgClass, selector: \"[ngClass]\", inputs: [\"class\", \"ngClass\"] }, { kind: \"directive\", type: i3.NgTemplateOutlet, selector: \"[ngTemplateOutlet]\", inputs: [\"ngTemplateOutletContext\", \"ngTemplateOutlet\", \"ngTemplateOutletInjector\"] }, { kind: \"ngmodule\", type: FormsModule }, { kind: \"directive\", type: i4.NgControlStatus, selector: \"[formControlName],[ngModel],[formControl]\" }, { kind: \"directive\", type: i4.NgModel, selector: \"[ngModel]:not([formControlName]):not([formControl])\", inputs: [\"name\", \"disabled\", \"ngModel\", \"ngModelOptions\"], outputs: [\"ngModelChange\"], exportAs: [\"ngModel\"] }, { kind: \"ngmodule\", type: AXListNavigationModule }, { kind: \"directive\", type: i5.AXListNavigationDirective, selector: \"[axListNavigation]\", inputs: [\"orientation\"], outputs: [\"onNavigationChanged\", \"onKeypress\"], exportAs: [\"axListNavigation\"] }, { kind: \"directive\", type: i5.AXListNavigationItemDirective, selector: \"[axListNavigationItem]\", outputs: [\"onKeypress\"], exportAs: [\"axListNavigationItem\"] }, { kind: \"component\", type: AXKBDComponent, selector: \"ax-kbd\" }, { kind: \"component\", type: AXKBDItemComponent, selector: \"ax-kbd-item\", inputs: [\"keys\"] }], encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.2.4\", ngImport: i0, type: AXCommandComponent, decorators: [{\n            type: Component,\n            args: [{ selector: 'ax-command', encapsulation: ViewEncapsulation.None, imports: [\n                        AXSearchBoxModule,\n                        AXDecoratorModule,\n                        CommonModule,\n                        FormsModule,\n                        AXListNavigationModule,\n                        AXKBDComponent,\n                        AXKBDItemComponent,\n                    ], providers: [\n                        {\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef(() => AXCommandComponent),\n                            multi: true,\n                        },\n                        { provide: AXComponent, useExisting: AXCommandComponent },\n                        { provide: AXValuableComponent, useExisting: AXCommandComponent },\n                    ], inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id', 'look'], template: \"<ax-search-box\\n  #f\\n  [delayTime]=\\\"20\\\"\\n  [placeholder]=\\\"placeholder\\\"\\n  [disabled]=\\\"disabled\\\"\\n  [readonly]=\\\"readonly\\\"\\n  [look]=\\\"look\\\"\\n  [(ngModel)]=\\\"searchValue\\\"\\n  [ngClass]=\\\"{ 'ax-remove-border': searchValue() }\\\"\\n>\\n  <ax-clear-button></ax-clear-button>\\n  <ax-suffix>\\n    <div class=\\\"ax-kbd\\\">\\n      <ax-kbd>\\n        <ax-kbd-item [keys]=\\\"['esc']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n    </div>\\n  </ax-suffix>\\n</ax-search-box>\\n\\n@if (searchValue()) {\\n  <div class=\\\"ax-command-container\\\" f=\\\"axListNavigation\\\" axListNavigation (onKeypress)=\\\"closeHandler($event)\\\">\\n    <div class=\\\"ax-command-item-pinned-container\\\">\\n      <ax-text class=\\\"ax-command-item-pinned-text\\\">Pinned</ax-text>\\n\\n      <div>\\n        @for (item of value?.pinned?.items; track item.id) {\\n          <ng-container [ngTemplateOutlet]=\\\"renderItem\\\" [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 0 }\\\">\\n          </ng-container>\\n        }\\n      </div>\\n    </div>\\n\\n    @for (item of displayItems(); track item.id) {\\n      <ng-container [ngTemplateOutlet]=\\\"renderItem\\\" [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 1 }\\\">\\n      </ng-container>\\n    } @empty {\\n      <div class=\\\"ax-command-not-found\\\">\\n        <ax-text>No results found for \\\"{{ searchValue() }}\\\"</ax-text>\\n      </div>\\n    }\\n\\n    <ng-template #renderItem let-item let-level=\\\"level\\\">\\n      <div\\n        class=\\\"ax-command-item-container\\\"\\n        [style.padding-inline-start.rem]=\\\"level * 0.75\\\"\\n        [ngClass]=\\\"{ 'ax-command-item-container-active': a.isActive() }\\\"\\n        #a=\\\"axListNavigationItem\\\"\\n        axListNavigationItem\\n        (click)=\\\"onItemClick(item)\\\"\\n        (onKeypress)=\\\"keyPress($event, item)\\\"\\n      >\\n        <div class=\\\"ax-command-item\\\">\\n          @if (item.icon) {\\n            <i class=\\\"ax-command-item-icon\\\" [class]=\\\"item.icon\\\"></i>\\n          }\\n          <span class=\\\"ax-command-item-text\\\">{{ item.text }}</span>\\n        </div>\\n      </div>\\n\\n      @if (item.children?.length) {\\n        @for (child of item.children; track child.id) {\\n          <ng-container\\n            [ngTemplateOutlet]=\\\"renderItem\\\"\\n            [ngTemplateOutletContext]=\\\"{ $implicit: child, level: level + 1 }\\\"\\n          >\\n          </ng-container>\\n        }\\n      }\\n    </ng-template>\\n  </div>\\n\\n  <div class=\\\"ax-command-footer\\\">\\n    <div class=\\\"ax-kbd-footer\\\">\\n      <ax-kbd class=\\\"ax-kbd\\\">\\n        <ax-kbd-item [keys]=\\\"['&uarr;', '&darr;']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n      <ax-text class=\\\"ax-kbd-text\\\">to navigate</ax-text>\\n    </div>\\n\\n    <div class=\\\"ax-kbd-footer\\\">\\n      <ax-kbd class=\\\"ax-kbd\\\">\\n        <ax-kbd-item [keys]=\\\"['&#8617;']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n      <ax-text class=\\\"ax-kbd-text\\\">to select</ax-text>\\n    </div>\\n\\n    <div class=\\\"ax-kbd-footer\\\">\\n      <ax-kbd class=\\\"ax-kbd\\\">\\n        <ax-kbd-item [keys]=\\\"['esc']\\\"></ax-kbd-item>\\n      </ax-kbd>\\n      <ax-text class=\\\"ax-kbd-text\\\">to close</ax-text>\\n    </div>\\n  </div>\\n}\\n\", styles: [\"ax-command{min-width:27rem}ax-command ax-search-box.ax-remove-border{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;border-left-width:1px;border-right-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lightest-surface));color:rgba(var(--ax-sys-color-on-surface))}ax-command .ax-command-container .ax-command-item-pinned-container{padding:.75rem;border-bottom:1px solid rgba(var(--ax-sys-color-border-surface))}ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{font-weight:500;font-size:.9rem;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.75rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item{display:flex;align-items:center;gap:.5rem}ax-command .ax-command-container .ax-command-item-container .ax-command-item-text{font-weight:400;color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:rgba(var(--ax-sys-color-neutral))}ax-command .ax-command-container .ax-command-not-found{padding:1rem;display:flex;justify-content:center}ax-command .ax-command-container .ax-command-item-container-active{outline:2px solid transparent;outline-offset:2px;--tw-border-opacity: 1;background-color:rgba(var(--ax-sys-color-lighter-surface));border-radius:var(--ax-sys-border-radius)}ax-command .ax-kbd{display:flex;justify-content:center;align-items:center;height:100%}ax-command .ax-command-footer{border-bottom-right-radius:var(--ax-sys-border-radius);border-bottom-left-radius:var(--ax-sys-border-radius);border-width:1px;border-color:rgba(var(--ax-sys-color-border-surface));background-color:rgba(var(--ax-sys-color-lighter-surface));color:rgba(var(--ax-sys-color-neutral));padding:.75rem;display:flex;align-items:center;gap:1.5rem}ax-command .ax-command-footer .ax-kbd-footer{display:flex;justify-content:center;align-items:center;gap:.7rem}ax-command .ax-command-footer .ax-kbd-footer kbd{background-color:rgba(var(--ax-sys-color-lightest-surface))}ax-command .ax-command-footer .ax-kbd-text{font-weight:600;font-size:.9rem}\\n\"] }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NvbW1hbmQvc3JjL2xpYi9jb21tYW5kLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29tbWFuZC9zcmMvbGliL2NvbW1hbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFdBQVcsRUFFWCxtQkFBbUIsRUFDbkIseUJBQXlCLEVBQ3pCLGVBQWUsR0FDaEIsTUFBTSxvQkFBb0IsQ0FBQztBQUM1QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUUsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7Ozs7QUE0Qm5DLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxPQUFPLENBQUMsQ0FBQSx5QkFBMEMsQ0FBQSxFQUFFLGVBQWUsQ0FBQztJQXpCNUc7O1FBMEJZLGdCQUFXLEdBQUcsTUFBTSxDQUFDLEVBQUUsdURBQUMsQ0FBQztRQUN6QixjQUFT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LFVBQVUsRUFBRSxhQUFhLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFYQ29tcG9uZW50LFxuICBBWEh0bWxFdmVudCxcbiAgQVhWYWx1YWJsZUNvbXBvbmVudCxcbiAgTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudCxcbiAgTVhMb29rQ29tcG9uZW50LFxufSBmcm9tICdAYWNvcmV4L2Nkay9jb21tb24nO1xuaW1wb3J0IHsgQVhMaXN0TmF2aWdhdGlvbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY2RrL2xpc3QtbmF2aWdhdGlvbic7XG5pbXBvcnQgeyBBWERlY29yYXRvck1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9kZWNvcmF0b3JzJztcbmltcG9ydCB7IEFYS0JEQ29tcG9uZW50LCBBWEtCREl0ZW1Db21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMva2JkJztcbmltcG9ydCB7IEFYU2VhcmNoQm94Q29tcG9uZW50LCBBWFNlYXJjaEJveE1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9zZWFyY2gtYm94JztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIGNvbXB1dGVkLCBmb3J3YXJkUmVmLCBvdXRwdXQsIHNpZ25hbCwgdmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcbmltcG9ydCB7IEFYQ29tbWFuZENvbXBvbmVudEV2ZW50LCBDb21tYW5kSXRlbSwgQ29tbWFuZE1lbnVJdGVtIH0gZnJvbSAnLi9jb21tYW5kLnR5cGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1jb21tYW5kJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbW1hbmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY29tbWFuZC5jb21wb25lbnQuc2NzcycsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGltcG9ydHM6IFtcbiAgICBBWFNlYXJjaEJveE1vZHVsZSxcbiAgICBBWERlY29yYXRvck1vZHVsZSxcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgQVhMaXN0TmF2aWdhdGlvbk1vZHVsZSxcbiAgICBBWEtCRENvbXBvbmVudCxcbiAgICBBWEtCREl0ZW1Db21wb25lbnQsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQVhDb21tYW5kQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQ29tbWFuZENvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhWYWx1YWJsZUNvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYQ29tbWFuZENvbXBvbmVudCB9LFxuICBdLFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAncmVhZG9ubHknLCAndGFiSW5kZXgnLCAncGxhY2Vob2xkZXInLCAndmFsdWUnLCAnc3RhdGUnLCAnbmFtZScsICdpZCcsICdsb29rJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFYQ29tbWFuZENvbXBvbmVudCBleHRlbmRzIGNsYXNzZXMoTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudDxDb21tYW5kTWVudUl0ZW0+LCBNWExvb2tDb21wb25lbnQpIHtcbiAgcHJvdGVjdGVkIHNlYXJjaFZhbHVlID0gc2lnbmFsKCcnKTtcbiAgcHJvdGVjdGVkIHNlYXJjaEJveCA9IHZpZXdDaGlsZDxBWFNlYXJjaEJveENvbXBvbmVudD4oJ2YnKTtcbiAgcmVhZG9ubHkgb25TdWJtaXQgPSBvdXRwdXQ8QVhDb21tYW5kQ29tcG9uZW50RXZlbnQ+KCk7XG5cbiAgcHJvdGVjdGVkIGRpc3BsYXlJdGVtcyA9IGNvbXB1dGVkPENvbW1hbmRJdGVtW10+KCgpID0+IHtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLnNlYXJjaFZhbHVlKCk7XG4gICAgY29uc3QgZmlsdGVyID0gdGhpcy52YWx1ZT8uaXRlbXM/LmZpbHRlcihcbiAgICAgIChpdGVtKSA9PiBpdGVtLnRleHQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhzaWduYWwpIHx8IChpdGVtLmhyZWYgJiYgaXRlbS5ocmVmLnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMoc2lnbmFsKSksXG4gICAgKTtcbiAgICByZXR1cm4gZmlsdGVyO1xuICB9KTtcblxuICBwcm90ZWN0ZWQgb25JdGVtQ2xpY2soaXRlbTogQ29tbWFuZEl0ZW0pIHtcbiAgICB0aGlzLm9uU3VibWl0LmVtaXQoeyBkYXRhOiBpdGVtLCBjb21wb25lbnQ6IHRoaXMgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQga2V5UHJlc3MoZTogQVhIdG1sRXZlbnQ8S2V5Ym9hcmRFdmVudD4sIGl0ZW06IENvbW1hbmRJdGVtKSB7XG4gICAgaWYgKGUubmF0aXZlRXZlbnQua2V5ID09PSAnRW50ZXInIHx8IGUubmF0aXZlRXZlbnQuY29kZSA9PT0gJ1NwYWNlJykge1xuICAgICAgZS5uYXRpdmVFdmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGUubmF0aXZlRXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMub25TdWJtaXQuZW1pdCh7IGRhdGE6IGl0ZW0sIGNvbXBvbmVudDogdGhpcyB9KTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgY2xvc2VIYW5kbGVyKGU6IEFYSHRtbEV2ZW50PEtleWJvYXJkRXZlbnQ+KSB7XG4gICAgaWYgKGUubmF0aXZlRXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgdGhpcy5zZWFyY2hCb3goKS5mb2N1cygpO1xuICAgIH1cbiAgfVxufVxuIiwiPGF4LXNlYXJjaC1ib3hcbiAgI2ZcbiAgW2RlbGF5VGltZV09XCIyMFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gIFtsb29rXT1cImxvb2tcIlxuICBbKG5nTW9kZWwpXT1cInNlYXJjaFZhbHVlXCJcbiAgW25nQ2xhc3NdPVwieyAnYXgtcmVtb3ZlLWJvcmRlcic6IHNlYXJjaFZhbHVlKCkgfVwiXG4+XG4gIDxheC1jbGVhci1idXR0b24+PC9heC1jbGVhci1idXR0b24+XG4gIDxheC1zdWZmaXg+XG4gICAgPGRpdiBjbGFzcz1cImF4LWtiZFwiPlxuICAgICAgPGF4LWtiZD5cbiAgICAgICAgPGF4LWtiZC1pdGVtIFtrZXlzXT1cIlsnZXNjJ11cIj48L2F4LWtiZC1pdGVtPlxuICAgICAgPC9heC1rYmQ+XG4gICAgPC9kaXY+XG4gIDwvYXgtc3VmZml4PlxuPC9heC1zZWFyY2gtYm94PlxuXG5AaWYgKHNlYXJjaFZhbHVlKCkpIHtcbiAgPGRpdiBjbGFzcz1cImF4LWNvbW1hbmQtY29udGFpbmVyXCIgZj1cImF4TGlzdE5hdmlnYXRpb25cIiBheExpc3ROYXZpZ2F0aW9uIChvbktleXByZXNzKT1cImNsb3NlSGFuZGxlcigkZXZlbnQpXCI+XG4gICAgPGRpdiBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbS1waW5uZWQtY29udGFpbmVyXCI+XG4gICAgICA8YXgtdGV4dCBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbS1waW5uZWQtdGV4dFwiPlBpbm5lZDwvYXgtdGV4dD5cblxuICAgICAgPGRpdj5cbiAgICAgICAgQGZvciAoaXRlbSBvZiB2YWx1ZT8ucGlubmVkPy5pdGVtczsgdHJhY2sgaXRlbS5pZCkge1xuICAgICAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicmVuZGVySXRlbVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSwgbGV2ZWw6IDAgfVwiPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cblxuICAgIEBmb3IgKGl0ZW0gb2YgZGlzcGxheUl0ZW1zKCk7IHRyYWNrIGl0ZW0uaWQpIHtcbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwicmVuZGVySXRlbVwiIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogaXRlbSwgbGV2ZWw6IDEgfVwiPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgfSBAZW1wdHkge1xuICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbW1hbmQtbm90LWZvdW5kXCI+XG4gICAgICAgIDxheC10ZXh0Pk5vIHJlc3VsdHMgZm91bmQgZm9yIFwie3sgc2VhcmNoVmFsdWUoKSB9fVwiPC9heC10ZXh0PlxuICAgICAgPC9kaXY+XG4gICAgfVxuXG4gICAgPG5nLXRlbXBsYXRlICNyZW5kZXJJdGVtIGxldC1pdGVtIGxldC1sZXZlbD1cImxldmVsXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwiYXgtY29tbWFuZC1pdGVtLWNvbnRhaW5lclwiXG4gICAgICAgIFtzdHlsZS5wYWRkaW5nLWlubGluZS1zdGFydC5yZW1dPVwibGV2ZWwgKiAwLjc1XCJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnYXgtY29tbWFuZC1pdGVtLWNvbnRhaW5lci1hY3RpdmUnOiBhLmlzQWN0aXZlKCkgfVwiXG4gICAgICAgICNhPVwiYXhMaXN0TmF2aWdhdGlvbkl0ZW1cIlxuICAgICAgICBheExpc3ROYXZpZ2F0aW9uSXRlbVxuICAgICAgICAoY2xpY2spPVwib25JdGVtQ2xpY2soaXRlbSlcIlxuICAgICAgICAob25LZXlwcmVzcyk9XCJrZXlQcmVzcygkZXZlbnQsIGl0ZW0pXCJcbiAgICAgID5cbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbVwiPlxuICAgICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgICA8aSBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbS1pY29uXCIgW2NsYXNzXT1cIml0ZW0uaWNvblwiPjwvaT5cbiAgICAgICAgICB9XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJheC1jb21tYW5kLWl0ZW0tdGV4dFwiPnt7IGl0ZW0udGV4dCB9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cblxuICAgICAgQGlmIChpdGVtLmNoaWxkcmVuPy5sZW5ndGgpIHtcbiAgICAgICAgQGZvciAoY2hpbGQgb2YgaXRlbS5jaGlsZHJlbjsgdHJhY2sgY2hpbGQuaWQpIHtcbiAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJyZW5kZXJJdGVtXCJcbiAgICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogY2hpbGQsIGxldmVsOiBsZXZlbCArIDEgfVwiXG4gICAgICAgICAgPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICB9XG4gICAgICB9XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImF4LWNvbW1hbmQtZm9vdGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImF4LWtiZC1mb290ZXJcIj5cbiAgICAgIDxheC1rYmQgY2xhc3M9XCJheC1rYmRcIj5cbiAgICAgICAgPGF4LWtiZC1pdGVtIFtrZXlzXT1cIlsnJnVhcnI7JywgJyZkYXJyOyddXCI+PC9heC1rYmQtaXRlbT5cbiAgICAgIDwvYXgta2JkPlxuICAgICAgPGF4LXRleHQgY2xhc3M9XCJheC1rYmQtdGV4dFwiPnRvIG5hdmlnYXRlPC9heC10ZXh0PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImF4LWtiZC1mb290ZXJcIj5cbiAgICAgIDxheC1rYmQgY2xhc3M9XCJheC1rYmRcIj5cbiAgICAgICAgPGF4LWtiZC1pdGVtIFtrZXlzXT1cIlsnJiM4NjE3OyddXCI+PC9heC1rYmQtaXRlbT5cbiAgICAgIDwvYXgta2JkPlxuICAgICAgPGF4LXRleHQgY2xhc3M9XCJheC1rYmQtdGV4dFwiPnRvIHNlbGVjdDwvYXgtdGV4dD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJheC1rYmQtZm9vdGVyXCI+XG4gICAgICA8YXgta2JkIGNsYXNzPVwiYXgta2JkXCI+XG4gICAgICAgIDxheC1rYmQtaXRlbSBba2V5c109XCJbJ2VzYyddXCI+PC9heC1rYmQtaXRlbT5cbiAgICAgIDwvYXgta2JkPlxuICAgICAgPGF4LXRleHQgY2xhc3M9XCJheC1rYmQtdGV4dFwiPnRvIGNsb3NlPC9heC10ZXh0PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbn1cbiJdfQ==","import { NgModule } from '@angular/core';\nimport { AXCommandComponent } from './command.component';\nimport * as i0 from \"@angular/core\";\nconst COMPONENT = [AXCommandComponent];\nconst MODULES = [];\nexport class AXCommandModule {\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.2.4\", ngImport: i0, type: AXCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.2.4\", ngImport: i0, type: AXCommandModule, imports: [AXCommandComponent], exports: [AXCommandComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.2.4\", ngImport: i0, type: AXCommandModule, imports: [MODULES, COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.2.4\", ngImport: i0, type: AXCommandModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [...MODULES, ...COMPONENT],\n                    exports: [...COMPONENT],\n                    providers: [],\n                }]\n        }] });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NvbW1hbmQvc3JjL2xpYi9jb21tYW5kLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQUV6RCxNQUFNLFNBQVMsR0FBRyxDQUFDLGtCQUFrQixDQUFDLENBQUM7QUFDdkMsTUFBTSxPQUFPLEdBQUcsRUFBRSxDQUFDO0FBT25CLE1BQU0sT0FBTyxlQUFlOzhHQUFmLGVBQWU7K0dBQWYsZUFBZSxZQVJULGtCQUFrQixhQUFsQixrQkFBa0I7K0dBUXhCLGVBQWUsWUFKYixPQUFPLEVBQUssU0FBUzs7MkZBSXZCLGVBQWU7a0JBTDNCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsR0FBRyxPQUFPLEVBQUUsR0FBRyxTQUFTLENBQUM7b0JBQ25DLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUN2QixTQUFTLEVBQUUsRUFBRTtpQkFDZCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENvbW1hbmRDb21wb25lbnQgfSBmcm9tICcuL2NvbW1hbmQuY29tcG9uZW50JztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYQ29tbWFuZENvbXBvbmVudF07XG5jb25zdCBNT0RVTEVTID0gW107XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFsuLi5NT0RVTEVTLCAuLi5DT01QT05FTlRdLFxuICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDb21tYW5kTW9kdWxlIHt9XG4iXX0=","import { AXEvent } from '@acorex/cdk/common';\nexport class AXCommandComponentEvent extends AXEvent {\n}\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb21tYW5kL3NyYy9saWIvY29tbWFuZC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWlCN0MsTUFBTSxPQUFPLHVCQUF3QixTQUFRLE9BQU87Q0FFbkQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEV2ZW50IH0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcblxuZXhwb3J0IHR5cGUgQ29tbWFuZEl0ZW0gPSB7XG4gIGlkOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgaWNvbj86IHN0cmluZztcbiAgaHJlZj86IHN0cmluZztcbiAgY2hpbGRyZW4/OiBDb21tYW5kSXRlbVtdO1xuICBpbmRleD86IG51bWJlcjtcbiAgZGF0YT86IGFueTtcbn07XG5cbmV4cG9ydCB0eXBlIENvbW1hbmRNZW51SXRlbSA9IHtcbiAgcGlubmVkPzogeyB0aXRsZTogc3RyaW5nOyBpdGVtczogQ29tbWFuZEl0ZW1bXSB9O1xuICBpdGVtczogQ29tbWFuZEl0ZW1bXTtcbn07XG5cbmV4cG9ydCBjbGFzcyBBWENvbW1hbmRDb21wb25lbnRFdmVudCBleHRlbmRzIEFYRXZlbnQge1xuICBkYXRhOiBDb21tYW5kSXRlbTtcbn1cbiJdfQ==","/**\n * Generated bundle index. Do not edit.\n */\nexport * from './index';\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNvcmV4LWNvbXBvbmVudHMtY29tbWFuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29tbWFuZC9zcmMvYWNvcmV4LWNvbXBvbmVudHMtY29tbWFuZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ=="],"names":[],"mappings":"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"}

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

@@ -416,7 +416,7 @@ class AXDateTimePickerComponent extends classes(MXCalendarBaseComponent, (MXValu
                 useExisting: forwardRef(() => AXDateTimePickerComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "tabs", first: true, predicate: AXTabsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (_hasDatePart && _hasTimePart) {\n  <div class=\"ax-header\">\n    <ax-tabs [look]=\"'default'\" [fitParent]=\"true\" [location]=\"'top'\" (onActiveTabChanged)=\"_handleViewChanged($event)\">\n      <ax-tab-item\n        [text]=\"'@acorex:dateTime.date' | translate | async\"\n        [key]=\"'date'\"\n        [disabled]=\"disabled\"\n      ></ax-tab-item>\n      <ax-tab-item\n        [text]=\"'@acorex:dateTime.time' | translate | async\"\n        [key]=\"'time'\"\n        [disabled]=\"disabled\"\n      ></ax-tab-item>\n    </ax-tabs>\n  </div>\n}\n<div class=\"ax-content\">\n  @if (_activePart() === 'date') {\n    <div class=\"ax-calendar-part\">\n      <ax-calendar\n        #calendar\n        id=\"calendar\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [weekend]=\"weekend()\"\n        [weekdays]=\"weekdays()\"\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]=\"_calendarSystem()\"\n      >\n      </ax-calendar>\n    </div>\n  }\n\n  @if (_activePart() === 'time') {\n    <div class=\"ax-picker-part\">\n      <div class=\"ax-header\">\n        @if (picker() === 'datetime') {\n          {{ _editingDateObj() | format: 'time' : 'medium' | async }}\n          {{ _editingDateObj() | format: 'date' : 'medium' | async }}\n        } @else {\n          {{ _editingDateObj() | format: picker() : 'medium' | async }}\n        }\n      </div>\n      <div dir=\"ltr\" class=\"ax-picker-time-container\">\n        @if (_parts.hour.enabled) {\n          <ng-container [ngTemplateOutlet]=\"hourRef\"> </ng-container>\n        }\n\n        @if (_parts.minute.enabled) {\n          <ng-container [ngTemplateOutlet]=\"minuteRef\"> </ng-container>\n        }\n\n        @if (_parts.second.enabled) {\n          <ng-container [ngTemplateOutlet]=\"secondRef\"> </ng-container>\n        }\n      </div>\n    </div>\n  }\n</div>\n@if (!disabled && !readonly && (currentTimeButton || _hasTimePart)) {\n  <div class=\"ax-footer\">\n    <div>\n      @if (currentTimeButton) {\n        <ax-button\n          [text]=\"`@acorex:${buttonText()}` | translate | async\"\n          class=\"ax-sm\"\n          (onClick)=\"_handleNowClick()\"\n          [disabled]=\"isTodayDisabled()\"\n        ></ax-button>\n      }\n    </div>\n    <div>\n      @if (_hasTimePart) {\n        <ax-button\n          color=\"primary\"\n          [text]=\"'@acorex:dateTime.set' | translate | async\"\n          class=\"ax-sm\"\n          (onClick)=\"_handleSetClick()\"\n        ></ax-button>\n      }\n    </div>\n  </div>\n}\n\n<ng-template #hourRef>\n  <ax-picker-container>\n    <ax-picker-title>\n      <ax-text>{{ '@acorex:dateTime.units.hour' | translate | async }}</ax-text>\n    </ax-picker-title>\n    <ax-picker-items\n      [items]=\"hours\"\n      [ngModel]=\"_editingDateObj().hour\"\n      (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [minValue]=\"pickerHoursMinValue()\"\n      [maxValue]=\"pickerHoursMaxValue()\"\n    ></ax-picker-items>\n  </ax-picker-container>\n</ng-template>\n\n<ng-template #minuteRef>\n  <ax-picker-container>\n    <ax-picker-title>\n      <ax-text>{{ '@acorex:dateTime.units.minute' | translate | async }}</ax-text>\n    </ax-picker-title>\n    <ax-picker-items\n      [items]=\"minutes\"\n      [ngModel]=\"_editingDateObj().minute\"\n      (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [minValue]=\"pickerMinuteMinValue()\"\n      [maxValue]=\"pickerMinuteMaxValue()\"\n    ></ax-picker-items>\n  </ax-picker-container>\n</ng-template>\n\n<ng-template #secondRef>\n  <ax-picker-container>\n    <ax-picker-title>\n      <ax-text>{{ '@acorex:dateTime.units.second' | translate | async }}</ax-text>\n    </ax-picker-title>\n    <ax-picker-items\n      [items]=\"minutes\"\n      [ngModel]=\"_editingDateObj().second\"\n      (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [minValue]=\"pickerSecondMinValue()\"\n      [maxValue]=\"pickerSecondMaxValue()\"\n    ></ax-picker-items>\n  </ax-picker-container>\n</ng-template>\n", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;justify-content:center;padding-top:var(--ax-comp-datetime-picker-header-padding-t, .5rem);padding-left:var(--ax-comp-datetime-picker-header-padding-x, .5rem);padding-right:var(--ax-comp-datetime-picker-header-padding-x, .5rem)}ax-datetime-picker>.ax-content{width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){ax-datetime-picker>.ax-content{width:var(--ax-comp-datetime-picker-md-width, 20rem)}}ax-datetime-picker>.ax-content .ax-picker-part{width:100%;display:flex;flex-direction:column;height:var(--ax-comp-datetime-picker-picker-part-height, 376px)}ax-datetime-picker>.ax-content .ax-picker-part .ax-picker-time-container{display:flex;height:100%}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{font-weight:500;text-align:center;padding:var(--ax-comp-datetime-picker-picker-part-header-padding, .75rem);font-size:var(--ax-comp-datetime-picker-picker-part-header-font-size, 1rem);border-bottom:solid;border-bottom-width:var(--ax-comp-datetime-picker-picker-part-header-border-width, 1px);border-bottom-color:rgba(var(--ax-comp-datetime-picker-picker-part-header-border-color, var(--ax-sys-color-border-surface)))}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{flex:1 1 0%}ax-datetime-picker>.ax-content .ax-calendar-part{width:100%;padding-top:var(--ax-comp-datetime-picker-calendar-part-padding, .25rem);padding-bottom:var(--ax-comp-datetime-picker-calendar-part-padding, .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:var(--ax-comp-datetime-picker-footer-padding, .5rem);border-color:rgba(var(--ax-comp-datetime-picker-footer-border-color, var(--ax-sys-color-border-surface)));border-top-width:var(--ax-comp-datetime-picker-footer-border-top-width, 1px)}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"], dependencies: [{ kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id", "weekend", "weekdays"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPickerContainerComponent, selector: "ax-picker-container", inputs: ["class"] }, { kind: "component", type: AXPickerTitleComponent, selector: "ax-picker-title" }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPickerItemsComponent, selector: "ax-picker-items", inputs: ["disabled", "readonly", "readonlyChange", "disabledChange", "items", "valueField", "textField", "slidesPerGroup", "loop", "minValue", "maxValue"], outputs: ["onValueChanged"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "tabs", first: true, predicate: AXTabsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (_hasDatePart && _hasTimePart) {\n  <div class=\"ax-header\">\n    <ax-tabs [look]=\"'default'\" [fitParent]=\"true\" [location]=\"'top'\" (onActiveTabChanged)=\"_handleViewChanged($event)\">\n      <ax-tab-item\n        [text]=\"'@acorex:dateTime.date' | translate | async\"\n        [key]=\"'date'\"\n        [disabled]=\"disabled\"\n      ></ax-tab-item>\n      <ax-tab-item\n        [text]=\"'@acorex:dateTime.time' | translate | async\"\n        [key]=\"'time'\"\n        [disabled]=\"disabled\"\n      ></ax-tab-item>\n    </ax-tabs>\n  </div>\n}\n<div class=\"ax-content\">\n  @if (_activePart() === 'date') {\n    <div class=\"ax-calendar-part\">\n      <ax-calendar\n        #calendar\n        id=\"calendar\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readonly\"\n        [weekend]=\"weekend()\"\n        [weekdays]=\"weekdays()\"\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]=\"_calendarSystem()\"\n      >\n      </ax-calendar>\n    </div>\n  }\n\n  @if (_activePart() === 'time') {\n    <div class=\"ax-picker-part\">\n      <div class=\"ax-header\">\n        @if (picker() === 'datetime') {\n          {{ _editingDateObj() | format: 'time' : 'medium' | async }}\n          {{ _editingDateObj() | format: 'date' : 'medium' | async }}\n        } @else {\n          {{ _editingDateObj() | format: picker() : 'medium' | async }}\n        }\n      </div>\n      <div dir=\"ltr\" class=\"ax-picker-time-container\">\n        @if (_parts.hour.enabled) {\n          <ng-container [ngTemplateOutlet]=\"hourRef\"> </ng-container>\n        }\n\n        @if (_parts.minute.enabled) {\n          <ng-container [ngTemplateOutlet]=\"minuteRef\"> </ng-container>\n        }\n\n        @if (_parts.second.enabled) {\n          <ng-container [ngTemplateOutlet]=\"secondRef\"> </ng-container>\n        }\n      </div>\n    </div>\n  }\n</div>\n@if (!disabled && !readonly && (currentTimeButton || _hasTimePart)) {\n  <div class=\"ax-footer\">\n    <div>\n      @if (currentTimeButton) {\n        <ax-button\n          [text]=\"`@acorex:${buttonText()}` | translate | async\"\n          class=\"ax-sm\"\n          (onClick)=\"_handleNowClick()\"\n          [disabled]=\"isTodayDisabled()\"\n        ></ax-button>\n      }\n    </div>\n    <div>\n      @if (_hasTimePart) {\n        <ax-button\n          color=\"primary\"\n          [text]=\"'@acorex:dateTime.set' | translate | async\"\n          class=\"ax-sm\"\n          (onClick)=\"_handleSetClick()\"\n        ></ax-button>\n      }\n    </div>\n  </div>\n}\n\n<ng-template #hourRef>\n  <ax-picker-container>\n    <ax-picker-title>\n      <ax-text>{{ '@acorex:dateTime.units.hour' | translate | async }}</ax-text>\n    </ax-picker-title>\n    <ax-picker-items\n      [items]=\"hours\"\n      [ngModel]=\"_editingDateObj().hour\"\n      (onValueChanged)=\"_handlePickerOnValueChanged($event, 'hour')\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [minValue]=\"pickerHoursMinValue()\"\n      [maxValue]=\"pickerHoursMaxValue()\"\n    ></ax-picker-items>\n  </ax-picker-container>\n</ng-template>\n\n<ng-template #minuteRef>\n  <ax-picker-container>\n    <ax-picker-title>\n      <ax-text>{{ '@acorex:dateTime.units.minute' | translate | async }}</ax-text>\n    </ax-picker-title>\n    <ax-picker-items\n      [items]=\"minutes\"\n      [ngModel]=\"_editingDateObj().minute\"\n      (onValueChanged)=\"_handlePickerOnValueChanged($event, 'minute')\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [minValue]=\"pickerMinuteMinValue()\"\n      [maxValue]=\"pickerMinuteMaxValue()\"\n    ></ax-picker-items>\n  </ax-picker-container>\n</ng-template>\n\n<ng-template #secondRef>\n  <ax-picker-container>\n    <ax-picker-title>\n      <ax-text>{{ '@acorex:dateTime.units.second' | translate | async }}</ax-text>\n    </ax-picker-title>\n    <ax-picker-items\n      [items]=\"minutes\"\n      [ngModel]=\"_editingDateObj().second\"\n      (onValueChanged)=\"_handlePickerOnValueChanged($event, 'second')\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [minValue]=\"pickerSecondMinValue()\"\n      [maxValue]=\"pickerSecondMaxValue()\"\n    ></ax-picker-items>\n  </ax-picker-container>\n</ng-template>\n", styles: ["ax-datetime-picker{display:flex;flex-direction:column}ax-datetime-picker>.ax-header{display:flex;justify-content:center;padding-top:var(--ax-comp-datetime-picker-header-padding-t, .5rem);padding-left:var(--ax-comp-datetime-picker-header-padding-x, .5rem);padding-right:var(--ax-comp-datetime-picker-header-padding-x, .5rem)}ax-datetime-picker>.ax-content{width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (min-width: 768px){ax-datetime-picker>.ax-content{width:var(--ax-comp-datetime-picker-md-width, 20rem)}}ax-datetime-picker>.ax-content .ax-picker-part{width:100%;display:flex;flex-direction:column;height:var(--ax-comp-datetime-picker-picker-part-height, 376px)}ax-datetime-picker>.ax-content .ax-picker-part .ax-picker-time-container{display:flex;height:100%}ax-datetime-picker>.ax-content .ax-picker-part>.ax-header{font-weight:500;text-align:center;padding:var(--ax-comp-datetime-picker-picker-part-header-padding, .75rem);font-size:var(--ax-comp-datetime-picker-picker-part-header-font-size, 1rem);border-bottom:solid;border-bottom-width:var(--ax-comp-datetime-picker-picker-part-header-border-width, 1px);border-bottom-color:rgba(var(--ax-comp-datetime-picker-picker-part-header-border-color, var(--ax-sys-color-border-surface)))}ax-datetime-picker>.ax-content .ax-picker-part ax-picker{flex:1 1 0%}ax-datetime-picker>.ax-content .ax-calendar-part{width:100%;padding-top:var(--ax-comp-datetime-picker-calendar-part-padding, .25rem);padding-bottom:var(--ax-comp-datetime-picker-calendar-part-padding, .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:var(--ax-comp-datetime-picker-footer-padding, .5rem);border-color:rgba(var(--ax-comp-datetime-picker-footer-border-color, var(--ax-sys-color-border-surface)));border-top-width:var(--ax-comp-datetime-picker-footer-border-top-width, 1px)}ax-datetime-picker>.ax-footer ax-button{min-width:100px}\n"], dependencies: [{ kind: "component", type: AXTabsComponent, selector: "ax-tabs", inputs: ["look", "location", "fitParent", "minWidth", "content"], outputs: ["onActiveTabChanged"] }, { kind: "component", type: AXTabItemComponent, selector: "ax-tab-item", inputs: ["disabled", "text", "key", "headerTemplate", "active"], outputs: ["disabledChange", "onClick", "onBlur", "onFocus", "activeChange"] }, { kind: "component", type: AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "dayCellTemplate", "monthCellTemplate", "yearCellTemplate", "cellClass", "showNavigation", "count", "id", "weekend", "weekdays"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "minValueChange", "maxValueChange", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "component", type: AXPickerContainerComponent, selector: "ax-picker-container", inputs: ["class"] }, { kind: "component", type: AXPickerTitleComponent, selector: "ax-picker-title" }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXPickerItemsComponent, selector: "ax-picker-items", inputs: ["disabled", "readonly", "readonlyChange", "disabledChange", "items", "valueField", "textField", "slidesPerGroup", "loop", "minValue", "maxValue"], outputs: ["onValueChanged"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXFormatPipe, name: "format" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.4", ngImport: i0, type: AXDateTimePickerComponent, decorators: [{
             type: Component,