@acorex/components 21.0.0-next.30 → 21.0.0-next.31

package/fesm2022/acorex-components-command.mjs

@@ -91,8 +91,8 @@ class AXCommandComponent extends classes((MXInputBaseValueComponent), MXLookComp
     activeHandler(l, i) {
         l?.navigateTo(i);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXCommandComponent, isStandalone: true, selector: "ax-command", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", value: "value", state: "state", name: "name", id: "id" }, outputs: { onSubmit: "onSubmit", onEscape: "onEscape", onSearchBoxFocus: "onSearchBoxFocus", onSearchBoxBlur: "onSearchBoxBlur" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXCommandComponent, isStandalone: true, selector: "ax-command", inputs: { disabled: "disabled", readonly: "readonly", tabIndex: "tabIndex", placeholder: "placeholder", value: "value", state: "state", name: "name", id: "id" }, outputs: { onSubmit: "onSubmit", onEscape: "onEscape", onSearchBoxFocus: "onSearchBoxFocus", onSearchBoxBlur: "onSearchBoxBlur" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => AXCommandComponent),
@@ -100,9 +100,9 @@ class AXCommandComponent extends classes((MXInputBaseValueComponent), MXLookComp
             },
             { provide: AXComponent, useExisting: AXCommandComponent },
             { provide: AXValuableComponent, useExisting: AXCommandComponent },
-        ], viewQueries: [{ propertyName: "searchBox", first: true, predicate: ["f"], descendants: true, isSignal: true }, { propertyName: "listNavigation", first: true, predicate: ["l"], descendants: true, read: AXListNavigationDirective, isSignal: true }, { propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-search-box-container\">\n  <ax-search-box\n    #f\n    [delayTime]=\"20\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [(ngModel)]=\"searchValue\"\n    (onFocus)=\"focusHandler($event)\"\n    (onBlur)=\"blurHandler($event)\"\n    (onKeyDown)=\"searchEscapeHandler($event)\"\n    [axAutoFocus]=\"true\"\n  >\n    <ax-clear-button></ax-clear-button>\n  </ax-search-box>\n</div>\n\n<div #l class=\"ax-command-container\" #s=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n  @if (value?.pinned && !searchValue()) {\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">{{ value.pinned.title }}</ax-text>\n\n      @for (item of value.pinned.items; track item.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\n        </ng-container>\n      }\n    </div>\n  }\n\n  @if (displayItems() && searchValue()) {\n    <div class=\"ax-command-item-wrapper\">\n      @for (item of displayItems(); track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\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    </div>\n  }\n\n  <ng-template #renderItem let-item let-level=\"level\" let-listNavigation=\"listNavigation\">\n    <div\n      (mouseenter)=\"activeHandler(listNavigation, a)\"\n      class=\"ax-command-item-container\"\n      [style.padding-inline-start.rem]=\"level * 0.625\"\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, listNavigation: s }\"\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", styles: ["ax-command{overflow:hidden;border-radius:var(--ax-sys-border-radius);outline:4px solid rgba(var(--ax-sys-color-border-light-surface));display:block}ax-command .ax-editor-container.ax-solid{--ax-comp-editor-bg-color: var(--ax-sys-color-light-surface)}ax-command .ax-search-box-container{padding:.625rem}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;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-inline:.625rem}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));padding:.625rem}ax-command .ax-command-container .ax-command-item-wrapper{padding-inline:.625rem}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.5rem;border:1px solid transparent}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:500;color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem}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-light-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-light-surface))}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);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", "autoSearch"], 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"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }], encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "searchBox", first: true, predicate: ["f"], descendants: true, isSignal: true }, { propertyName: "listNavigation", first: true, predicate: ["l"], descendants: true, read: AXListNavigationDirective, isSignal: true }, { propertyName: "listNav", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-search-box-container\">\n  <ax-search-box\n    #f\n    [delayTime]=\"20\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [(ngModel)]=\"searchValue\"\n    (onFocus)=\"focusHandler($event)\"\n    (onBlur)=\"blurHandler($event)\"\n    (onKeyDown)=\"searchEscapeHandler($event)\"\n    [axAutoFocus]=\"true\"\n    look=\"fill\"\n  >\n    <ax-clear-button></ax-clear-button>\n  </ax-search-box>\n</div>\n\n<div #l class=\"ax-command-container\" #s=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n  @if (value?.pinned && !searchValue()) {\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">{{ value.pinned.title }}</ax-text>\n\n      @for (item of value.pinned.items; track item.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\n        </ng-container>\n      }\n    </div>\n  }\n\n  @if (displayItems() && searchValue()) {\n    <div class=\"ax-command-item-wrapper\">\n      @for (item of displayItems(); track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\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    </div>\n  }\n\n  <ng-template #renderItem let-item let-level=\"level\" let-listNavigation=\"listNavigation\">\n    <div\n      (mouseenter)=\"activeHandler(listNavigation, a)\"\n      class=\"ax-command-item-container\"\n      [style.padding-inline-start.rem]=\"level * 0.625\"\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, listNavigation: s }\"\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", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{ax-command{border-radius:var(--radius-lg,.5rem);outline-style:var(--tw-outline-style);outline-width:4px;outline-color:var(--color-border-light,rgba(var(--ax-sys-color-border-light-surface)));display:block;overflow:hidden}ax-command .ax-search-box-container{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));padding:calc(var(--spacing,.25rem)*3)}ax-command .ax-search-box-container:where(.dark,.dark *){background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-command .ax-command-container{max-height:calc(var(--spacing,.25rem)*80);background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));overflow:auto}ax-command .ax-command-container:where(.dark,.dark *){background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-command .ax-command-container{scrollbar-width:none;-ms-overflow-style:none}ax-command .ax-command-container .ax-command-item-pinned-container{padding-inline:calc(var(--spacing,.25rem)*3)}ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{padding:calc(var(--spacing,.25rem)*3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:color-mix(in srgb,rgba(var(--ax-sys-color-on-lighter-surface))50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{color:color-mix(in oklab,var(--color-on-lighter,rgba(var(--ax-sys-color-on-lighter-surface)))50%,transparent)}}ax-command .ax-command-container .ax-command-item-wrapper{padding-inline:calc(var(--spacing,.25rem)*3)}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*2);border-width:1px;border-color:#0000}ax-command .ax-command-container .ax-command-item-container .ax-command-item{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}ax-command .ax-command-container .ax-command-item-container .ax-command-item-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:color-mix(in srgb,rgba(var(--ax-sys-color-on-lighter-surface))50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:color-mix(in oklab,var(--color-on-lighter,rgba(var(--ax-sys-color-on-lighter-surface)))50%,transparent)}}ax-command .ax-command-container .ax-command-not-found{padding:calc(var(--spacing,.25rem)*4);justify-content:center;display:flex}ax-command .ax-command-container .ax-command-item-container-active{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-light,rgba(var(--ax-sys-color-border-light-surface)));background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:#0000}ax-command .ax-kbd{justify-content:center;align-items:center;height:100%;display:flex}ax-command .ax-command-footer{align-items:center;gap:calc(var(--spacing,.25rem)*6);border-bottom-right-radius:var(--radius-lg,.5rem);border-bottom-left-radius:var(--radius-lg,.5rem);background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));padding:calc(var(--spacing,.25rem)*3);color:color-mix(in srgb,rgba(var(--ax-sys-color-on-light-surface))50%,transparent);display:flex}@supports (color:color-mix(in lab,red,red)){ax-command .ax-command-footer{color:color-mix(in oklab,var(--color-on-light,rgba(var(--ax-sys-color-on-light-surface)))50%,transparent)}}ax-command .ax-command-footer .ax-kbd-footer{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}ax-command .ax-command-footer .ax-kbd-footer kbd{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}ax-command .ax-command-footer .ax-kbd-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\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", "autoSearch"], 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"] }, { kind: "directive", type: AXAutoFocusDirective, selector: "[axAutoFocus]", inputs: ["axAutoFocus", "axAutoFocusTime"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommandComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommandComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-command', encapsulation: ViewEncapsulation.None, imports: [
                         AXSearchBoxModule,
@@ -121,17 +121,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                         },
                         { provide: AXComponent, useExisting: AXCommandComponent },
                         { provide: AXValuableComponent, useExisting: AXCommandComponent },
-                    ], inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id'], template: "<div class=\"ax-search-box-container\">\n  <ax-search-box\n    #f\n    [delayTime]=\"20\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [(ngModel)]=\"searchValue\"\n    (onFocus)=\"focusHandler($event)\"\n    (onBlur)=\"blurHandler($event)\"\n    (onKeyDown)=\"searchEscapeHandler($event)\"\n    [axAutoFocus]=\"true\"\n  >\n    <ax-clear-button></ax-clear-button>\n  </ax-search-box>\n</div>\n\n<div #l class=\"ax-command-container\" #s=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n  @if (value?.pinned && !searchValue()) {\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">{{ value.pinned.title }}</ax-text>\n\n      @for (item of value.pinned.items; track item.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\n        </ng-container>\n      }\n    </div>\n  }\n\n  @if (displayItems() && searchValue()) {\n    <div class=\"ax-command-item-wrapper\">\n      @for (item of displayItems(); track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\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    </div>\n  }\n\n  <ng-template #renderItem let-item let-level=\"level\" let-listNavigation=\"listNavigation\">\n    <div\n      (mouseenter)=\"activeHandler(listNavigation, a)\"\n      class=\"ax-command-item-container\"\n      [style.padding-inline-start.rem]=\"level * 0.625\"\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, listNavigation: s }\"\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", styles: ["ax-command{overflow:hidden;border-radius:var(--ax-sys-border-radius);outline:4px solid rgba(var(--ax-sys-color-border-light-surface));display:block}ax-command .ax-editor-container.ax-solid{--ax-comp-editor-bg-color: var(--ax-sys-color-light-surface)}ax-command .ax-search-box-container{padding:.625rem}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;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-inline:.625rem}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));padding:.625rem}ax-command .ax-command-container .ax-command-item-wrapper{padding-inline:.625rem}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.5rem;border:1px solid transparent}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:500;color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem}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-light-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-light-surface))}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);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"] }]
+                    ], inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id'], template: "<div class=\"ax-search-box-container\">\n  <ax-search-box\n    #f\n    [delayTime]=\"20\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [(ngModel)]=\"searchValue\"\n    (onFocus)=\"focusHandler($event)\"\n    (onBlur)=\"blurHandler($event)\"\n    (onKeyDown)=\"searchEscapeHandler($event)\"\n    [axAutoFocus]=\"true\"\n    look=\"fill\"\n  >\n    <ax-clear-button></ax-clear-button>\n  </ax-search-box>\n</div>\n\n<div #l class=\"ax-command-container\" #s=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n  @if (value?.pinned && !searchValue()) {\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">{{ value.pinned.title }}</ax-text>\n\n      @for (item of value.pinned.items; track item.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\n        </ng-container>\n      }\n    </div>\n  }\n\n  @if (displayItems() && searchValue()) {\n    <div class=\"ax-command-item-wrapper\">\n      @for (item of displayItems(); track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\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    </div>\n  }\n\n  <ng-template #renderItem let-item let-level=\"level\" let-listNavigation=\"listNavigation\">\n    <div\n      (mouseenter)=\"activeHandler(listNavigation, a)\"\n      class=\"ax-command-item-container\"\n      [style.padding-inline-start.rem]=\"level * 0.625\"\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, listNavigation: s }\"\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", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid;--tw-font-weight:initial;--tw-border-style:solid}}}@layer components{ax-command{border-radius:var(--radius-lg,.5rem);outline-style:var(--tw-outline-style);outline-width:4px;outline-color:var(--color-border-light,rgba(var(--ax-sys-color-border-light-surface)));display:block;overflow:hidden}ax-command .ax-search-box-container{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));padding:calc(var(--spacing,.25rem)*3)}ax-command .ax-search-box-container:where(.dark,.dark *){background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-command .ax-command-container{max-height:calc(var(--spacing,.25rem)*80);background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)));overflow:auto}ax-command .ax-command-container:where(.dark,.dark *){background-color:var(--color-darker,rgba(var(--ax-sys-color-darker-surface)))}ax-command .ax-command-container{scrollbar-width:none;-ms-overflow-style:none}ax-command .ax-command-container .ax-command-item-pinned-container{padding-inline:calc(var(--spacing,.25rem)*3)}ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{padding:calc(var(--spacing,.25rem)*3);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:color-mix(in srgb,rgba(var(--ax-sys-color-on-lighter-surface))50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-command .ax-command-container .ax-command-item-pinned-container .ax-command-item-pinned-text{color:color-mix(in oklab,var(--color-on-lighter,rgba(var(--ax-sys-color-on-lighter-surface)))50%,transparent)}}ax-command .ax-command-container .ax-command-item-wrapper{padding-inline:calc(var(--spacing,.25rem)*3)}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*2);border-width:1px;border-color:#0000}ax-command .ax-command-container .ax-command-item-container .ax-command-item{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}ax-command .ax-command-container .ax-command-item-container .ax-command-item-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-on-lightest,rgba(var(--ax-sys-color-on-lightest-surface)))}ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:color-mix(in srgb,rgba(var(--ax-sys-color-on-lighter-surface))50%,transparent)}@supports (color:color-mix(in lab,red,red)){ax-command .ax-command-container .ax-command-item-container .ax-command-item-icon{color:color-mix(in oklab,var(--color-on-lighter,rgba(var(--ax-sys-color-on-lighter-surface)))50%,transparent)}}ax-command .ax-command-container .ax-command-not-found{padding:calc(var(--spacing,.25rem)*4);justify-content:center;display:flex}ax-command .ax-command-container .ax-command-item-container-active{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-light,rgba(var(--ax-sys-color-border-light-surface)));background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:#0000}ax-command .ax-kbd{justify-content:center;align-items:center;height:100%;display:flex}ax-command .ax-command-footer{align-items:center;gap:calc(var(--spacing,.25rem)*6);border-bottom-right-radius:var(--radius-lg,.5rem);border-bottom-left-radius:var(--radius-lg,.5rem);background-color:var(--color-light,rgba(var(--ax-sys-color-light-surface)));padding:calc(var(--spacing,.25rem)*3);color:color-mix(in srgb,rgba(var(--ax-sys-color-on-light-surface))50%,transparent);display:flex}@supports (color:color-mix(in lab,red,red)){ax-command .ax-command-footer{color:color-mix(in oklab,var(--color-on-light,rgba(var(--ax-sys-color-on-light-surface)))50%,transparent)}}ax-command .ax-command-footer .ax-kbd-footer{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}ax-command .ax-command-footer .ax-kbd-footer kbd{background-color:var(--color-lightest,rgba(var(--ax-sys-color-lightest-surface)))}ax-command .ax-command-footer .ax-kbd-text{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600)}}@property --tw-outline-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:\"*\";inherits:false}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { searchBox: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], onSubmit: [{ type: i0.Output, args: ["onSubmit"] }], onEscape: [{ type: i0.Output, args: ["onEscape"] }], onSearchBoxFocus: [{ type: i0.Output, args: ["onSearchBoxFocus"] }], onSearchBoxBlur: [{ type: i0.Output, args: ["onSearchBoxBlur"] }], listNavigation: [{ type: i0.ViewChild, args: ['l', { ...{ read: AXListNavigationDirective }, isSignal: true }] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }] } });
 
 const COMPONENT = [AXCommandComponent];
 const MODULES = [];
 class AXCommandModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXCommandModule, imports: [AXCommandComponent], exports: [AXCommandComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommandModule, imports: [MODULES, COMPONENT] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXCommandModule, imports: [AXCommandComponent], exports: [AXCommandComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommandModule, imports: [MODULES, COMPONENT] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommandModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommandModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],

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

@@ -1 +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 { AXAutoFocusDirective, AXComponent, AXValuableComponent, MXInputBaseValueComponent, MXLookComponent, } from '@acorex/cdk/common';\nimport { AXListNavigationDirective, 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.onEscape = output();\n        this.onSearchBoxFocus = output();\n        this.onSearchBoxBlur = output();\n        this.listNavigation = viewChild('l', ...(ngDevMode ? [{ debugName: \"listNavigation\", read: AXListNavigationDirective }] : [{ read: AXListNavigationDirective }]));\n        this.listNav = viewChild(AXListNavigationDirective, ...(ngDevMode ? [{ debugName: \"listNav\" }] : []));\n        this.displayItems = computed(() => {\n            const searchValue = this.searchValue();\n            let filtered;\n            if (searchValue) {\n                filtered = this.filterRecursive(this.value?.items ?? [], searchValue);\n            }\n            else {\n                filtered = [];\n            }\n            return filtered;\n        }, ...(ngDevMode ? [{ debugName: \"displayItems\" }] : []));\n    }\n    focusHandler(e) {\n        this.onSearchBoxFocus.emit({ component: this, nativeEvent: e.nativeEvent });\n    }\n    blurHandler(e) {\n        this.onSearchBoxBlur.emit({ component: this, nativeEvent: e.nativeEvent });\n    }\n    filterRecursive(items, value) {\n        const lowerSignal = value.toLowerCase();\n        return items\n            .map((item) => {\n            const isMatch = item.text?.toLowerCase().includes(lowerSignal) || item.href?.toLowerCase().includes(lowerSignal);\n            const filteredChildren = item.children ? this.filterRecursive(item.children, value) : [];\n            if (isMatch || filteredChildren.length > 0) {\n                return {\n                    ...item,\n                    children: filteredChildren,\n                };\n            }\n            return null;\n        })\n            .filter(Boolean);\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    searchEscapeHandler(e) {\n        if (e.nativeEvent.key === 'Escape') {\n            this.onEscape.emit({ component: this, nativeEvent: e.nativeEvent });\n        }\n        if (e.nativeEvent.key === 'ArrowDown') {\n            this.listNavigation().focusOnIndex(0);\n        }\n    }\n    closeHandler(e) {\n        if (!this.listNav().activeIndex() && e.nativeEvent.key === 'ArrowUp') {\n            this.searchBox().focus();\n        }\n        if (e.nativeEvent.key === 'ArrowUp' ||\n            e.nativeEvent.key === 'ArrowDown' ||\n            e.nativeEvent.key === 'Tab' ||\n            e.nativeEvent.key === 'Shift')\n            return;\n        this.searchBox().focus();\n    }\n    activeHandler(l, i) {\n        l?.navigateTo(i);\n    }\n    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCommandComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }\n    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"17.0.0\", version: \"20.3.9\", type: AXCommandComponent, isStandalone: true, selector: \"ax-command\", inputs: { disabled: \"disabled\", readonly: \"readonly\", tabIndex: \"tabIndex\", placeholder: \"placeholder\", value: \"value\", state: \"state\", name: \"name\", id: \"id\" }, outputs: { onSubmit: \"onSubmit\", onEscape: \"onEscape\", onSearchBoxFocus: \"onSearchBoxFocus\", onSearchBoxBlur: \"onSearchBoxBlur\" }, 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 }, { propertyName: \"listNavigation\", first: true, predicate: [\"l\"], descendants: true, read: AXListNavigationDirective, isSignal: true }, { propertyName: \"listNav\", first: true, predicate: AXListNavigationDirective, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: \"<div class=\\\"ax-search-box-container\\\">\\n  <ax-search-box\\n    #f\\n    [delayTime]=\\\"20\\\"\\n    [placeholder]=\\\"placeholder\\\"\\n    [disabled]=\\\"disabled\\\"\\n    [readonly]=\\\"readonly\\\"\\n    [(ngModel)]=\\\"searchValue\\\"\\n    (onFocus)=\\\"focusHandler($event)\\\"\\n    (onBlur)=\\\"blurHandler($event)\\\"\\n    (onKeyDown)=\\\"searchEscapeHandler($event)\\\"\\n    [axAutoFocus]=\\\"true\\\"\\n  >\\n    <ax-clear-button></ax-clear-button>\\n  </ax-search-box>\\n</div>\\n\\n<div #l class=\\\"ax-command-container\\\" #s=\\\"axListNavigation\\\" axListNavigation (onKeypress)=\\\"closeHandler($event)\\\">\\n  @if (value?.pinned && !searchValue()) {\\n    <div class=\\\"ax-command-item-pinned-container\\\">\\n      <ax-text class=\\\"ax-command-item-pinned-text\\\">{{ value.pinned.title }}</ax-text>\\n\\n      @for (item of value.pinned.items; track item.id) {\\n        <ng-container\\n          [ngTemplateOutlet]=\\\"renderItem\\\"\\n          [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 1, listNavigation: s }\\\"\\n        >\\n        </ng-container>\\n      }\\n    </div>\\n  }\\n\\n  @if (displayItems() && searchValue()) {\\n    <div class=\\\"ax-command-item-wrapper\\\">\\n      @for (item of displayItems(); track $index) {\\n        <ng-container\\n          [ngTemplateOutlet]=\\\"renderItem\\\"\\n          [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 1, listNavigation: s }\\\"\\n        >\\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    </div>\\n  }\\n\\n  <ng-template #renderItem let-item let-level=\\\"level\\\" let-listNavigation=\\\"listNavigation\\\">\\n    <div\\n      (mouseenter)=\\\"activeHandler(listNavigation, a)\\\"\\n      class=\\\"ax-command-item-container\\\"\\n      [style.padding-inline-start.rem]=\\\"level * 0.625\\\"\\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, listNavigation: s }\\\"\\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\", styles: [\"ax-command{overflow:hidden;border-radius:var(--ax-sys-border-radius);outline:4px solid rgba(var(--ax-sys-color-border-light-surface));display:block}ax-command .ax-editor-container.ax-solid{--ax-comp-editor-bg-color: var(--ax-sys-color-light-surface)}ax-command .ax-search-box-container{padding:.625rem}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;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-inline:.625rem}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));padding:.625rem}ax-command .ax-command-container .ax-command-item-wrapper{padding-inline:.625rem}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.5rem;border:1px solid transparent}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:500;color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem}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-light-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-light-surface))}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);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\", \"autoSearch\"], 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\"] }, { kind: \"directive\", type: AXAutoFocusDirective, selector: \"[axAutoFocus]\", inputs: [\"axAutoFocus\", \"axAutoFocusTime\"] }], encapsulation: i0.ViewEncapsulation.None }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", 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                        AXAutoFocusDirective,\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'], template: \"<div class=\\\"ax-search-box-container\\\">\\n  <ax-search-box\\n    #f\\n    [delayTime]=\\\"20\\\"\\n    [placeholder]=\\\"placeholder\\\"\\n    [disabled]=\\\"disabled\\\"\\n    [readonly]=\\\"readonly\\\"\\n    [(ngModel)]=\\\"searchValue\\\"\\n    (onFocus)=\\\"focusHandler($event)\\\"\\n    (onBlur)=\\\"blurHandler($event)\\\"\\n    (onKeyDown)=\\\"searchEscapeHandler($event)\\\"\\n    [axAutoFocus]=\\\"true\\\"\\n  >\\n    <ax-clear-button></ax-clear-button>\\n  </ax-search-box>\\n</div>\\n\\n<div #l class=\\\"ax-command-container\\\" #s=\\\"axListNavigation\\\" axListNavigation (onKeypress)=\\\"closeHandler($event)\\\">\\n  @if (value?.pinned && !searchValue()) {\\n    <div class=\\\"ax-command-item-pinned-container\\\">\\n      <ax-text class=\\\"ax-command-item-pinned-text\\\">{{ value.pinned.title }}</ax-text>\\n\\n      @for (item of value.pinned.items; track item.id) {\\n        <ng-container\\n          [ngTemplateOutlet]=\\\"renderItem\\\"\\n          [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 1, listNavigation: s }\\\"\\n        >\\n        </ng-container>\\n      }\\n    </div>\\n  }\\n\\n  @if (displayItems() && searchValue()) {\\n    <div class=\\\"ax-command-item-wrapper\\\">\\n      @for (item of displayItems(); track $index) {\\n        <ng-container\\n          [ngTemplateOutlet]=\\\"renderItem\\\"\\n          [ngTemplateOutletContext]=\\\"{ $implicit: item, level: 1, listNavigation: s }\\\"\\n        >\\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    </div>\\n  }\\n\\n  <ng-template #renderItem let-item let-level=\\\"level\\\" let-listNavigation=\\\"listNavigation\\\">\\n    <div\\n      (mouseenter)=\\\"activeHandler(listNavigation, a)\\\"\\n      class=\\\"ax-command-item-container\\\"\\n      [style.padding-inline-start.rem]=\\\"level * 0.625\\\"\\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, listNavigation: s }\\\"\\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\", styles: [\"ax-command{overflow:hidden;border-radius:var(--ax-sys-border-radius);outline:4px solid rgba(var(--ax-sys-color-border-light-surface));display:block}ax-command .ax-editor-container.ax-solid{--ax-comp-editor-bg-color: var(--ax-sys-color-light-surface)}ax-command .ax-search-box-container{padding:.625rem}ax-command .ax-command-container{max-height:20rem;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;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-inline:.625rem}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));padding:.625rem}ax-command .ax-command-container .ax-command-item-wrapper{padding-inline:.625rem}ax-command .ax-command-container .ax-command-item-container{cursor:pointer;padding:.5rem;border:1px solid transparent}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:500;color:rgba(var(--ax-sys-color-on-lightest-surface));font-size:.875rem}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-light-surface));border-radius:var(--ax-sys-border-radius);border:1px solid rgba(var(--ax-sys-color-border-light-surface))}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);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        }], propDecorators: { searchBox: [{ type: i0.ViewChild, args: ['f', { isSignal: true }] }], onSubmit: [{ type: i0.Output, args: [\"onSubmit\"] }], onEscape: [{ type: i0.Output, args: [\"onEscape\"] }], onSearchBoxFocus: [{ type: i0.Output, args: [\"onSearchBoxFocus\"] }], onSearchBoxBlur: [{ type: i0.Output, args: [\"onSearchBoxBlur\"] }], listNavigation: [{ type: i0.ViewChild, args: ['l', { ...{ read: AXListNavigationDirective }, isSignal: true }] }], listNav: [{ type: i0.ViewChild, args: [i0.forwardRef(() => AXListNavigationDirective), { isSignal: true }] }] } });\n//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2NvbW1hbmQvc3JjL2xpYi9jb21tYW5kLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2NvbXBvbmVudHMvY29tbWFuZC9zcmMvbGliL2NvbW1hbmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixXQUFXLEVBR1gsbUJBQW1CLEVBQ25CLHlCQUF5QixFQUN6QixlQUFlLEdBQ2hCLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUNMLHlCQUF5QixFQUV6QixzQkFBc0IsR0FDdkIsTUFBTSw2QkFBNkIsQ0FBQztBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDNUUsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUcsT0FBTyxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7Ozs7Ozs7QUE4Qm5DLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxPQUFPLENBQUMsQ0FBQSx5QkFBMEMsQ0FBQSxFQUFFLGVBQWUsQ0FBQztJQTFCNUc7O1FBMkJZLGdCQUFXLEdBQUcsTUFBTSxDQUFD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TyxDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxJQUFJLENBQUM7dUVBSXJDLEdBQUcsMFRBS3BCLEdBQUcsT0FBRSxFQUFFLElBQUksRUFBRSx5QkFBeUIsRUFBRSxtRkFDakQseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhBdXRvRm9jdXNEaXJlY3RpdmUsXG4gIEFYQ29tcG9uZW50LFxuICBBWEZvY3VzRXZlbnQsXG4gIEFYSHRtbEV2ZW50LFxuICBBWFZhbHVhYmxlQ29tcG9uZW50LFxuICBNWElucHV0QmFzZVZhbHVlQ29tcG9uZW50LFxuICBNWExvb2tDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY2RrL2NvbW1vbic7XG5pbXBvcnQge1xuICBBWExpc3ROYXZpZ2F0aW9uRGlyZWN0aXZlLFxuICBBWExpc3ROYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZSxcbiAgQVhMaXN0TmF2aWdhdGlvbk1vZHVsZSxcbn0gZnJvbSAnQGFjb3JleC9jZGsvbGlzdC1uYXZpZ2F0aW9uJztcbmltcG9ydCB7IEFYRGVjb3JhdG9yTW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2RlY29yYXRvcnMnO1xuaW1wb3J0IHsgQVhLQkRDb21wb25lbnQsIEFYS0JESXRlbUNvbXBvbmVudCB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9rYmQnO1xuaW1wb3J0IHsgQVhTZWFyY2hCb3hDb21wb25lbnQsIEFYU2VhcmNoQm94TW9kdWxlIH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL3NlYXJjaC1ib3gnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGZvcndhcmRSZWYsIG91dHB1dCwgc2lnbmFsLCB2aWV3Q2hpbGQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAncG9seXR5cGUnO1xuXG5pbXBvcnQgeyBBWENvbW1hbmRDb21wb25lbnRFdmVudCwgQ29tbWFuZEl0ZW0sIENvbW1hbmRNZW51SXRlbSB9IGZyb20gJy4vY29tbWFuZC50eXBlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY29tbWFuZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb21tYW5kLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NvbW1hbmQuY29tcG9uZW50LnNjc3MnLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBpbXBvcnRzOiBbXG4gICAgQVhTZWFyY2hCb3hNb2R1bGUsXG4gICAgQVhEZWNvcmF0b3JNb2R1bGUsXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIEFYTGlzdE5hdmlnYXRpb25Nb2R1bGUsXG4gICAgQVhLQkRDb21wb25lbnQsXG4gICAgQVhLQkRJdGVtQ29tcG9uZW50LFxuICAgIEFYQXV0b0ZvY3VzRGlyZWN0aXZlLFxuICBdLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEFYQ29tbWFuZENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbW1hbmRDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYVmFsdWFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWENvbW1hbmRDb21wb25lbnQgfSxcbiAgXSxcbiAgaW5wdXRzOiBbJ2Rpc2FibGVkJywgJ3JlYWRvbmx5JywgJ3RhYkluZGV4JywgJ3BsYWNlaG9sZGVyJywgJ3ZhbHVlJywgJ3N0YXRlJywgJ25hbWUnLCAnaWQnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhDb21tYW5kQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhNWElucHV0QmFzZVZhbHVlQ29tcG9uZW50PENvbW1hbmRNZW51SXRlbT4sIE1YTG9va0NvbXBvbmVudCkge1xuICBwcm90ZWN0ZWQgc2VhcmNoVmFsdWUgPSBzaWduYWwoJycpO1xuICBwcm90ZWN0ZWQgc2VhcmNoQm94ID0gdmlld0NoaWxkPEFYU2VhcmNoQm94Q29tcG9uZW50PignZicpO1xuICByZWFkb25seSBvblN1Ym1pdCA9IG91dHB1dDxBWENvbW1hbmRDb21wb25lbnRFdmVudD4oKTtcbiAgcmVhZG9ubHkgb25Fc2NhcGUgPSBvdXRwdXQ8QVhIdG1sRXZlbnQ8S2V5Ym9hcmRFdmVudD4+KCk7XG4gIHJlYWRvbmx5IG9uU2VhcmNoQm94Rm9jdXMgPSBvdXRwdXQ8QVhIdG1sRXZlbnQ8Rm9jdXNFdmVudD4+KCk7XG4gIHJlYWRvbmx5IG9uU2VhcmNoQm94Qmx1ciA9IG91dHB1dDxBWEh0bWxFdmVudDxGb2N1c0V2ZW50Pj4oKTtcbiAgcHJvdGVjdGVkIGxpc3ROYXZpZ2F0aW9uID0gdmlld0NoaWxkKCdsJywgeyByZWFkOiBBWExpc3ROYXZpZ2F0aW9uRGlyZWN0aXZlIH0pO1xuICBwcml2YXRlIGxpc3ROYXYgPSB2aWV3Q2hpbGQoQVhMaXN0TmF2aWdhdGlvbkRpcmVjdGl2ZSk7XG5cbiAgcHJvdGVjdGVkIGRpc3BsYXlJdGVtcyA9IGNvbXB1dGVkPENvbW1hbmRJdGVtW10+KCgpID0+IHtcbiAgICBjb25zdCBzZWFyY2hWYWx1ZSA9IHRoaXMuc2VhcmNoVmFsdWUoKTtcbiAgICBsZXQgZmlsdGVyZWQ6IENvbW1hbmRJdGVtW107XG4gICAgaWYgKHNlYXJjaFZhbHVlKSB7XG4gICAgICBmaWx0ZXJlZCA9IHRoaXMuZmlsdGVyUmVjdXJzaXZlKHRoaXMudmFsdWU/Lml0ZW1zID8/IFtdLCBzZWFyY2hWYWx1ZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIGZpbHRlcmVkID0gW107XG4gICAgfVxuXG4gICAgcmV0dXJuIGZpbHRlcmVkO1xuICB9KTtcblxuICBwcm90ZWN0ZWQgZm9jdXNIYW5kbGVyKGU6IEFYRm9jdXNFdmVudCkge1xuICAgIHRoaXMub25TZWFyY2hCb3hGb2N1cy5lbWl0KHsgY29tcG9uZW50OiB0aGlzLCBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBibHVySGFuZGxlcihlOiBBWEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLm9uU2VhcmNoQm94Qmx1ci5lbWl0KHsgY29tcG9uZW50OiB0aGlzLCBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCB9KTtcbiAgfVxuXG4gIHByaXZhdGUgZmlsdGVyUmVjdXJzaXZlKGl0ZW1zOiBhbnlbXSwgdmFsdWU6IHN0cmluZyk6IGFueVtdIHtcbiAgICBjb25zdCBsb3dlclNpZ25hbCA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG5cbiAgICByZXR1cm4gaXRlbXNcbiAgICAgIC5tYXAoKGl0ZW0pID0+IHtcbiAgICAgICAgY29uc3QgaXNNYXRjaCA9XG4gICAgICAgICAgaXRlbS50ZXh0Py50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGxvd2VyU2lnbmFsKSB8fCBpdGVtLmhyZWY/LnRvTG93ZXJDYXNlKCkuaW5jbHVkZXMobG93ZXJTaWduYWwpO1xuXG4gICAgICAgIGNvbnN0IGZpbHRlcmVkQ2hpbGRyZW4gPSBpdGVtLmNoaWxkcmVuID8gdGhpcy5maWx0ZXJSZWN1cnNpdmUoaXRlbS5jaGlsZHJlbiwgdmFsdWUpIDogW107XG5cbiAgICAgICAgaWYgKGlzTWF0Y2ggfHwgZmlsdGVyZWRDaGlsZHJlbi5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICAgIC4uLml0ZW0sXG4gICAgICAgICAgICBjaGlsZHJlbjogZmlsdGVyZWRDaGlsZHJlbixcbiAgICAgICAgICB9O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICB9KVxuICAgICAgLmZpbHRlcihCb29sZWFuKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvbkl0ZW1DbGljayhpdGVtOiBDb21tYW5kSXRlbSkge1xuICAgIHRoaXMub25TdWJtaXQuZW1pdCh7IGRhdGE6IGl0ZW0sIGNvbXBvbmVudDogdGhpcyB9KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBrZXlQcmVzcyhlOiBBWEh0bWxFdmVudDxLZXlib2FyZEV2ZW50PiwgaXRlbTogQ29tbWFuZEl0ZW0pIHtcbiAgICBpZiAoZS5uYXRpdmVFdmVudC5rZXkgPT09ICdFbnRlcicgfHwgZS5uYXRpdmVFdmVudC5jb2RlID09PSAnU3BhY2UnKSB7XG4gICAgICBlLm5hdGl2ZUV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZS5uYXRpdmVFdmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy5vblN1Ym1pdC5lbWl0KHsgZGF0YTogaXRlbSwgY29tcG9uZW50OiB0aGlzIH0pO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBzZWFyY2hFc2NhcGVIYW5kbGVyKGU6IEFYSHRtbEV2ZW50PEtleWJvYXJkRXZlbnQ+KSB7XG4gICAgaWYgKGUubmF0aXZlRXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgdGhpcy5vbkVzY2FwZS5lbWl0KHsgY29tcG9uZW50OiB0aGlzLCBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCB9KTtcbiAgICB9XG4gICAgaWYgKGUubmF0aXZlRXZlbnQua2V5ID09PSAnQXJyb3dEb3duJykge1xuICAgICAgdGhpcy5saXN0TmF2aWdhdGlvbigpLmZvY3VzT25JbmRleCgwKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgY2xvc2VIYW5kbGVyKGU6IEFYSHRtbEV2ZW50PEtleWJvYXJkRXZlbnQ+KSB7XG4gICAgaWYgKCF0aGlzLmxpc3ROYXYoKS5hY3RpdmVJbmRleCgpICYmIGUubmF0aXZlRXZlbnQua2V5ID09PSAnQXJyb3dVcCcpIHtcbiAgICAgIHRoaXMuc2VhcmNoQm94KCkuZm9jdXMoKTtcbiAgICB9XG5cbiAgICBpZiAoXG4gICAgICBlLm5hdGl2ZUV2ZW50LmtleSA9PT0gJ0Fycm93VXAnIHx8XG4gICAgICBlLm5hdGl2ZUV2ZW50LmtleSA9PT0gJ0Fycm93RG93bicgfHxcbiAgICAgIGUubmF0aXZlRXZlbnQua2V5ID09PSAnVGFiJyB8fFxuICAgICAgZS5uYXRpdmVFdmVudC5rZXkgPT09ICdTaGlmdCdcbiAgICApXG4gICAgICByZXR1cm47XG5cbiAgICB0aGlzLnNlYXJjaEJveCgpLmZvY3VzKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgYWN0aXZlSGFuZGxlcihsOiBBWExpc3ROYXZpZ2F0aW9uRGlyZWN0aXZlLCBpOiBBWExpc3ROYXZpZ2F0aW9uSXRlbURpcmVjdGl2ZSkge1xuICAgIGw/Lm5hdmlnYXRlVG8oaSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJheC1zZWFyY2gtYm94LWNvbnRhaW5lclwiPlxuICA8YXgtc2VhcmNoLWJveFxuICAgICNmXG4gICAgW2RlbGF5VGltZV09XCIyMFwiXG4gICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgWyhuZ01vZGVsKV09XCJzZWFyY2hWYWx1ZVwiXG4gICAgKG9uRm9jdXMpPVwiZm9jdXNIYW5kbGVyKCRldmVudClcIlxuICAgIChvbkJsdXIpPVwiYmx1ckhhbmRsZXIoJGV2ZW50KVwiXG4gICAgKG9uS2V5RG93bik9XCJzZWFyY2hFc2NhcGVIYW5kbGVyKCRldmVudClcIlxuICAgIFtheEF1dG9Gb2N1c109XCJ0cnVlXCJcbiAgPlxuICAgIDxheC1jbGVhci1idXR0b24+PC9heC1jbGVhci1idXR0b24+XG4gIDwvYXgtc2VhcmNoLWJveD5cbjwvZGl2PlxuXG48ZGl2ICNsIGNsYXNzPVwiYXgtY29tbWFuZC1jb250YWluZXJcIiAjcz1cImF4TGlzdE5hdmlnYXRpb25cIiBheExpc3ROYXZpZ2F0aW9uIChvbktleXByZXNzKT1cImNsb3NlSGFuZGxlcigkZXZlbnQpXCI+XG4gIEBpZiAodmFsdWU/LnBpbm5lZCAmJiAhc2VhcmNoVmFsdWUoKSkge1xuICAgIDxkaXYgY2xhc3M9XCJheC1jb21tYW5kLWl0ZW0tcGlubmVkLWNvbnRhaW5lclwiPlxuICAgICAgPGF4LXRleHQgY2xhc3M9XCJheC1jb21tYW5kLWl0ZW0tcGlubmVkLXRleHRcIj57eyB2YWx1ZS5waW5uZWQudGl0bGUgfX08L2F4LXRleHQ+XG5cbiAgICAgIEBmb3IgKGl0ZW0gb2YgdmFsdWUucGlubmVkLml0ZW1zOyB0cmFjayBpdGVtLmlkKSB7XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJyZW5kZXJJdGVtXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW0sIGxldmVsOiAxLCBsaXN0TmF2aWdhdGlvbjogcyB9XCJcbiAgICAgICAgPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuXG4gIEBpZiAoZGlzcGxheUl0ZW1zKCkgJiYgc2VhcmNoVmFsdWUoKSkge1xuICAgIDxkaXYgY2xhc3M9XCJheC1jb21tYW5kLWl0ZW0td3JhcHBlclwiPlxuICAgICAgQGZvciAoaXRlbSBvZiBkaXNwbGF5SXRlbXMoKTsgdHJhY2sgJGluZGV4KSB7XG4gICAgICAgIDxuZy1jb250YWluZXJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJyZW5kZXJJdGVtXCJcbiAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldENvbnRleHRdPVwieyAkaW1wbGljaXQ6IGl0ZW0sIGxldmVsOiAxLCBsaXN0TmF2aWdhdGlvbjogcyB9XCJcbiAgICAgICAgPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIH0gQGVtcHR5IHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImF4LWNvbW1hbmQtbm90LWZvdW5kXCI+XG4gICAgICAgICAgPGF4LXRleHQ+Tm8gcmVzdWx0cyBmb3VuZCBmb3IgXCJ7eyBzZWFyY2hWYWx1ZSgpIH19XCI8L2F4LXRleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICB9XG5cbiAgPG5nLXRlbXBsYXRlICNyZW5kZXJJdGVtIGxldC1pdGVtIGxldC1sZXZlbD1cImxldmVsXCIgbGV0LWxpc3ROYXZpZ2F0aW9uPVwibGlzdE5hdmlnYXRpb25cIj5cbiAgICA8ZGl2XG4gICAgICAobW91c2VlbnRlcik9XCJhY3RpdmVIYW5kbGVyKGxpc3ROYXZpZ2F0aW9uLCBhKVwiXG4gICAgICBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbS1jb250YWluZXJcIlxuICAgICAgW3N0eWxlLnBhZGRpbmctaW5saW5lLXN0YXJ0LnJlbV09XCJsZXZlbCAqIDAuNjI1XCJcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ2F4LWNvbW1hbmQtaXRlbS1jb250YWluZXItYWN0aXZlJzogYS5pc0FjdGl2ZSgpIH1cIlxuICAgICAgI2E9XCJheExpc3ROYXZpZ2F0aW9uSXRlbVwiXG4gICAgICBheExpc3ROYXZpZ2F0aW9uSXRlbVxuICAgICAgKGNsaWNrKT1cIm9uSXRlbUNsaWNrKGl0ZW0pXCJcbiAgICAgIChvbktleXByZXNzKT1cImtleVByZXNzKCRldmVudCwgaXRlbSlcIlxuICAgID5cbiAgICAgIDxkaXYgY2xhc3M9XCJheC1jb21tYW5kLWl0ZW1cIj5cbiAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICA8aSBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbS1pY29uXCIgW2NsYXNzXT1cIml0ZW0uaWNvblwiPjwvaT5cbiAgICAgICAgfVxuICAgICAgICA8c3BhbiBjbGFzcz1cImF4LWNvbW1hbmQtaXRlbS10ZXh0XCI+e3sgaXRlbS50ZXh0IH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG5cbiAgICBAaWYgKGl0ZW0uY2hpbGRyZW4/Lmxlbmd0aCkge1xuICAgICAgQGZvciAoY2hpbGQgb2YgaXRlbS5jaGlsZHJlbjsgdHJhY2sgY2hpbGQuaWQpIHtcbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0XT1cInJlbmRlckl0ZW1cIlxuICAgICAgICAgIFtuZ1RlbXBsYXRlT3V0bGV0Q29udGV4dF09XCJ7ICRpbXBsaWNpdDogY2hpbGQsIGxldmVsOiBsZXZlbCArIDEsIGxpc3ROYXZpZ2F0aW9uOiBzIH1cIlxuICAgICAgICA+XG4gICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgfVxuICAgIH1cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvZGl2PlxuXG48ZGl2IGNsYXNzPVwiYXgtY29tbWFuZC1mb290ZXJcIj5cbiAgPGRpdiBjbGFzcz1cImF4LWtiZC1mb290ZXJcIj5cbiAgICA8YXgta2JkIGNsYXNzPVwiYXgta2JkXCI+XG4gICAgICA8YXgta2JkLWl0ZW0gW2tleXNdPVwiWycmdWFycjsnLCAnJmRhcnI7J11cIj48L2F4LWtiZC1pdGVtPlxuICAgIDwvYXgta2JkPlxuICAgIDxheC10ZXh0IGNsYXNzPVwiYXgta2JkLXRleHRcIj50byBuYXZpZ2F0ZTwvYXgtdGV4dD5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImF4LWtiZC1mb290ZXJcIj5cbiAgICA8YXgta2JkIGNsYXNzPVwiYXgta2JkXCI+XG4gICAgICA8YXgta2JkLWl0ZW0gW2tleXNdPVwiWycmIzg2MTc7J11cIj48L2F4LWtiZC1pdGVtPlxuICAgIDwvYXgta2JkPlxuICAgIDxheC10ZXh0IGNsYXNzPVwiYXgta2JkLXRleHRcIj50byBzZWxlY3Q8L2F4LXRleHQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJheC1rYmQtZm9vdGVyXCI+XG4gICAgPGF4LWtiZCBjbGFzcz1cImF4LWtiZFwiPlxuICAgICAgPGF4LWtiZC1pdGVtIFtrZXlzXT1cIlsnZXNjJ11cIj48L2F4LWtiZC1pdGVtPlxuICAgIDwvYXgta2JkPlxuICAgIDxheC10ZXh0IGNsYXNzPVwiYXgta2JkLXRleHRcIj50byBjbG9zZTwvYXgtdGV4dD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==","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.3.9\", ngImport: i0, type: AXCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }\n    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"14.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCommandModule, imports: [AXCommandComponent], exports: [AXCommandComponent] }); }\n    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"20.3.9\", ngImport: i0, type: AXCommandModule, imports: [MODULES, COMPONENT] }); }\n}\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"20.3.9\", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbWFuZC50eXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9jb21tYW5kL3NyYy9saWIvY29tbWFuZC50eXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQWlCN0MsTUFBTSxPQUFPLHVCQUF3QixTQUFRLE9BQU87Q0FFbkQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEV2ZW50IH0gZnJvbSAnQGFjb3JleC9jZGsvY29tbW9uJztcblxuZXhwb3J0IHR5cGUgQ29tbWFuZEl0ZW0gPSB7XG4gIGlkOiBzdHJpbmcgfCBudW1iZXI7XG4gIHRleHQ6IHN0cmluZztcbiAgaWNvbj86IHN0cmluZztcbiAgaHJlZj86IHN0cmluZztcbiAgY2hpbGRyZW4/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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"}
+{"version":3,"file":"acorex-components-command.mjs","sources":["../../../../packages/components/command/src/lib/command.component.ts","../../../../packages/components/command/src/lib/command.component.html","../../../../packages/components/command/src/lib/command.module.ts","../../../../packages/components/command/src/lib/command.type.ts","../../../../packages/components/command/src/acorex-components-command.ts"],"sourcesContent":["import {\n  AXAutoFocusDirective,\n  AXComponent,\n  AXFocusEvent,\n  AXHtmlEvent,\n  AXValuableComponent,\n  MXInputBaseValueComponent,\n  MXLookComponent,\n} from '@acorex/cdk/common';\nimport {\n  AXListNavigationDirective,\n  AXListNavigationItemDirective,\n  AXListNavigationModule,\n} from '@acorex/cdk/list-navigation';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXKBDComponent, AXKBDItemComponent } from '@acorex/components/kbd';\nimport { AXSearchBoxComponent, 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';\n\nimport { AXCommandComponentEvent, CommandItem, CommandMenuItem } from './command.type';\n\n@Component({\n  selector: 'ax-command',\n  templateUrl: './command.component.html',\n  styleUrl: './command.component.compiled.css',\n  encapsulation: ViewEncapsulation.None,\n  imports: [\n    AXSearchBoxModule,\n    AXDecoratorModule,\n    CommonModule,\n    FormsModule,\n    AXListNavigationModule,\n    AXKBDComponent,\n    AXKBDItemComponent,\n    AXAutoFocusDirective,\n  ],\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  ],\n  inputs: ['disabled', 'readonly', 'tabIndex', 'placeholder', 'value', 'state', 'name', 'id'],\n})\nexport class AXCommandComponent extends classes(MXInputBaseValueComponent<CommandMenuItem>, MXLookComponent) {\n  protected searchValue = signal('');\n  protected searchBox = viewChild<AXSearchBoxComponent>('f');\n  readonly onSubmit = output<AXCommandComponentEvent>();\n  readonly onEscape = output<AXHtmlEvent<KeyboardEvent>>();\n  readonly onSearchBoxFocus = output<AXHtmlEvent<FocusEvent>>();\n  readonly onSearchBoxBlur = output<AXHtmlEvent<FocusEvent>>();\n  protected listNavigation = viewChild('l', { read: AXListNavigationDirective });\n  private listNav = viewChild(AXListNavigationDirective);\n\n  protected displayItems = computed<CommandItem[]>(() => {\n    const searchValue = this.searchValue();\n    let filtered: CommandItem[];\n    if (searchValue) {\n      filtered = this.filterRecursive(this.value?.items ?? [], searchValue);\n    } else {\n      filtered = [];\n    }\n\n    return filtered;\n  });\n\n  protected focusHandler(e: AXFocusEvent) {\n    this.onSearchBoxFocus.emit({ component: this, nativeEvent: e.nativeEvent });\n  }\n\n  protected blurHandler(e: AXFocusEvent) {\n    this.onSearchBoxBlur.emit({ component: this, nativeEvent: e.nativeEvent });\n  }\n\n  private filterRecursive(items: any[], value: string): any[] {\n    const lowerSignal = value.toLowerCase();\n\n    return items\n      .map((item) => {\n        const isMatch =\n          item.text?.toLowerCase().includes(lowerSignal) || item.href?.toLowerCase().includes(lowerSignal);\n\n        const filteredChildren = item.children ? this.filterRecursive(item.children, value) : [];\n\n        if (isMatch || filteredChildren.length > 0) {\n          return {\n            ...item,\n            children: filteredChildren,\n          };\n        }\n\n        return null;\n      })\n      .filter(Boolean);\n  }\n\n  protected onItemClick(item: CommandItem) {\n    this.onSubmit.emit({ data: item, component: this });\n  }\n\n  protected keyPress(e: AXHtmlEvent<KeyboardEvent>, item: CommandItem) {\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\n  protected searchEscapeHandler(e: AXHtmlEvent<KeyboardEvent>) {\n    if (e.nativeEvent.key === 'Escape') {\n      this.onEscape.emit({ component: this, nativeEvent: e.nativeEvent });\n    }\n    if (e.nativeEvent.key === 'ArrowDown') {\n      this.listNavigation().focusOnIndex(0);\n    }\n  }\n\n  protected closeHandler(e: AXHtmlEvent<KeyboardEvent>) {\n    if (!this.listNav().activeIndex() && e.nativeEvent.key === 'ArrowUp') {\n      this.searchBox().focus();\n    }\n\n    if (\n      e.nativeEvent.key === 'ArrowUp' ||\n      e.nativeEvent.key === 'ArrowDown' ||\n      e.nativeEvent.key === 'Tab' ||\n      e.nativeEvent.key === 'Shift'\n    )\n      return;\n\n    this.searchBox().focus();\n  }\n\n  protected activeHandler(l: AXListNavigationDirective, i: AXListNavigationItemDirective) {\n    l?.navigateTo(i);\n  }\n}\n","<div class=\"ax-search-box-container\">\n  <ax-search-box\n    #f\n    [delayTime]=\"20\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [(ngModel)]=\"searchValue\"\n    (onFocus)=\"focusHandler($event)\"\n    (onBlur)=\"blurHandler($event)\"\n    (onKeyDown)=\"searchEscapeHandler($event)\"\n    [axAutoFocus]=\"true\"\n    look=\"fill\"\n  >\n    <ax-clear-button></ax-clear-button>\n  </ax-search-box>\n</div>\n\n<div #l class=\"ax-command-container\" #s=\"axListNavigation\" axListNavigation (onKeypress)=\"closeHandler($event)\">\n  @if (value?.pinned && !searchValue()) {\n    <div class=\"ax-command-item-pinned-container\">\n      <ax-text class=\"ax-command-item-pinned-text\">{{ value.pinned.title }}</ax-text>\n\n      @for (item of value.pinned.items; track item.id) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\n        </ng-container>\n      }\n    </div>\n  }\n\n  @if (displayItems() && searchValue()) {\n    <div class=\"ax-command-item-wrapper\">\n      @for (item of displayItems(); track $index) {\n        <ng-container\n          [ngTemplateOutlet]=\"renderItem\"\n          [ngTemplateOutletContext]=\"{ $implicit: item, level: 1, listNavigation: s }\"\n        >\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    </div>\n  }\n\n  <ng-template #renderItem let-item let-level=\"level\" let-listNavigation=\"listNavigation\">\n    <div\n      (mouseenter)=\"activeHandler(listNavigation, a)\"\n      class=\"ax-command-item-container\"\n      [style.padding-inline-start.rem]=\"level * 0.625\"\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, listNavigation: s }\"\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","import { NgModule } from '@angular/core';\nimport { AXCommandComponent } from './command.component';\n\nconst COMPONENT = [AXCommandComponent];\nconst MODULES = [];\n\n@NgModule({\n  imports: [...MODULES, ...COMPONENT],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXCommandModule {}\n","import { AXEvent } from '@acorex/cdk/common';\n\nexport type CommandItem = {\n  id: string | number;\n  text: string;\n  icon?: string;\n  href?: string;\n  children?: CommandItem[];\n  index?: number;\n  data?: any;\n};\n\nexport type CommandMenuItem = {\n  pinned?: { title: string; items: CommandItem[] };\n  items: CommandItem[];\n};\n\nexport class AXCommandComponentEvent extends AXEvent {\n  data: CommandItem;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkDM,MAAO,kBAAmB,SAAQ,OAAO,EAAC,yBAA0C,GAAE,eAAe,CAAC,CAAA;AA1B5G,IAAA,WAAA,GAAA;;AA2BY,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,EAAE,uDAAC;AACxB,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAAuB,GAAG,qDAAC;QACjD,IAAA,CAAA,QAAQ,GAAG,MAAM,EAA2B;QAC5C,IAAA,CAAA,QAAQ,GAAG,MAAM,EAA8B;QAC/C,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAA2B;QACpD,IAAA,CAAA,eAAe,GAAG,MAAM,EAA2B;AAClD,QAAA,IAAA,CAAA,cAAc,GAAG,SAAS,CAAC,GAAG,kDAAI,IAAI,EAAE,yBAAyB,EAAA,CAAA,GAAA,CAAjC,EAAE,IAAI,EAAE,yBAAyB,EAAE,GAAC;AACtE,QAAA,IAAA,CAAA,OAAO,GAAG,SAAS,CAAC,yBAAyB,mDAAC;AAE5C,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAgB,MAAK;AACpD,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,IAAI,QAAuB;YAC3B,IAAI,WAAW,EAAE;AACf,gBAAA,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,EAAE,WAAW,CAAC;YACvE;iBAAO;gBACL,QAAQ,GAAG,EAAE;YACf;AAEA,YAAA,OAAO,QAAQ;AACjB,QAAA,CAAC,wDAAC;AAwEH,IAAA;AAtEW,IAAA,YAAY,CAAC,CAAe,EAAA;AACpC,QAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAC7E;AAEU,IAAA,WAAW,CAAC,CAAe,EAAA;AACnC,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5E;IAEQ,eAAe,CAAC,KAAY,EAAE,KAAa,EAAA;AACjD,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE;AAEvC,QAAA,OAAO;AACJ,aAAA,GAAG,CAAC,CAAC,IAAI,KAAI;YACZ,MAAM,OAAO,GACX,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC;YAElG,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,EAAE;YAExF,IAAI,OAAO,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC1C,OAAO;AACL,oBAAA,GAAG,IAAI;AACP,oBAAA,QAAQ,EAAE,gBAAgB;iBAC3B;YACH;AAEA,YAAA,OAAO,IAAI;AACb,QAAA,CAAC;aACA,MAAM,CAAC,OAAO,CAAC;IACpB;AAEU,IAAA,WAAW,CAAC,IAAiB,EAAA;AACrC,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;IACrD;IAEU,QAAQ,CAAC,CAA6B,EAAE,IAAiB,EAAA;AACjE,QAAA,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,KAAK,OAAO,EAAE;AACnE,YAAA,CAAC,CAAC,WAAW,CAAC,eAAe,EAAE;AAC/B,YAAA,CAAC,CAAC,WAAW,CAAC,cAAc,EAAE;AAC9B,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;QACrD;IACF;AAEU,IAAA,mBAAmB,CAAC,CAA6B,EAAA;QACzD,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,QAAQ,EAAE;AAClC,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC;QACrE;QACA,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,WAAW,EAAE;YACrC,IAAI,CAAC,cAAc,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;QACvC;IACF;AAEU,IAAA,YAAY,CAAC,CAA6B,EAAA;AAClD,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,SAAS,EAAE;AACpE,YAAA,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;QAC1B;AAEA,QAAA,IACE,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,SAAS;AAC/B,YAAA,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,WAAW;AACjC,YAAA,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,KAAK;AAC3B,YAAA,CAAC,CAAC,WAAW,CAAC,GAAG,KAAK,OAAO;YAE7B;AAEF,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;IAC1B;IAEU,aAAa,CAAC,CAA4B,EAAE,CAAgC,EAAA;AACpF,QAAA,CAAC,EAAE,UAAU,CAAC,CAAC,CAAC;IAClB;+GA3FW,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,WAAA,EAAA,aAAA,EAAA,KAAA,EAAA,OAAA,EAAA,KAAA,EAAA,OAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,EAAA,SAAA,EAXlB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,kBAAkB,CAAC;AACjD,gBAAA,KAAK,EAAE,IAAI;AACZ,aAAA;AACD,YAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,kBAAkB,EAAE;AACzD,YAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,EAAE;SAClE,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,GAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,GAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAUiD,yBAAyB,uEAC/C,yBAAyB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC1DvD,gvGAsGA,EAAA,MAAA,EAAA,CAAA,8jKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDxEI,iBAAiB,0ZACjB,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,2BAAA,EAAA,QAAA,EAAA,8IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACjB,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,WAAW,8VACX,sBAAsB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,OAAA,EAAA,CAAA,qBAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,6BAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,OAAA,EAAA,CAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACtB,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,kBAAkB,0EAClB,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FAaX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBA1B9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EAAA,aAAA,EAGP,iBAAiB,CAAC,IAAI,EAAA,OAAA,EAC5B;wBACP,iBAAiB;wBACjB,iBAAiB;wBACjB,YAAY;wBACZ,WAAW;wBACX,sBAAsB;wBACtB,cAAc;wBACd,kBAAkB;wBAClB,oBAAoB;qBACrB,EAAA,SAAA,EACU;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,wBAAwB,CAAC;AACjD,4BAAA,KAAK,EAAE,IAAI;AACZ,yBAAA;AACD,wBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,oBAAoB,EAAE;AACzD,wBAAA,EAAE,OAAO,EAAE,mBAAmB,EAAE,WAAW,oBAAoB,EAAE;AAClE,qBAAA,EAAA,MAAA,EACO,CAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAA,QAAA,EAAA,gvGAAA,EAAA,MAAA,EAAA,CAAA,8jKAAA,CAAA,EAAA;uEAIrC,GAAG,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAKpB,GAAG,EAAA,EAAA,GAAE,EAAE,IAAI,EAAE,yBAAyB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACjD,yBAAyB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEvDvD,MAAM,SAAS,GAAG,CAAC,kBAAkB,CAAC;AACtC,MAAM,OAAO,GAAG,EAAE;MAOL,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAf,eAAe,EAAA,OAAA,EAAA,CART,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAAlB,kBAAkB,CAAA,EAAA,CAAA,CAAA;gHAQxB,eAAe,EAAA,OAAA,EAAA,CAJb,OAAO,EAAK,SAAS,CAAA,EAAA,CAAA,CAAA;;4FAIvB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,EAAE,GAAG,SAAS,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACOK,MAAO,uBAAwB,SAAQ,OAAO,CAAA;AAEnD;;ACnBD;;AAEG;;;;"}

package/fesm2022/acorex-components-comment.mjs

@@ -44,10 +44,10 @@ class AXCommentContainerComponent {
             }, 1000);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXCommentContainerComponent, isStandalone: true, selector: "ax-comment-container", providers: [{ provide: AXComponent, useExisting: AXCommentContainerComponent }], ngImport: i0, template: "<ng-content> </ng-content>\n", styles: ["ax-comment-container{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXCommentContainerComponent, isStandalone: true, selector: "ax-comment-container", providers: [{ provide: AXComponent, useExisting: AXCommentContainerComponent }], ngImport: i0, template: "<ng-content> </ng-content>\n", styles: ["ax-comment-container{width:100%}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentContainerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentContainerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-comment-container', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCommentContainerComponent }], template: "<ng-content> </ng-content>\n", styles: ["ax-comment-container{width:100%}\n"] }]
         }] });
@@ -75,12 +75,12 @@ class AXCommentItemComponent {
     toggleCollapse() {
         this.collapse().toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXCommentItemComponent, isStandalone: true, selector: "ax-comment-item", inputs: { replyCount: { classPropertyName: "replyCount", publicName: "replyCount", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXCommentItemComponent }], queries: [{ propertyName: "avatar", first: true, predicate: AXAvatarComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "collapse", first: true, predicate: ["c"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-comment-items\">\n  <div class=\"ax-header-container\">\n    <div class=\"ax-title-avatar-container\">\n      <ng-content select=\"ax-avatar\"></ng-content>\n      <ng-content select=\"ax-title\"></ng-content>\n      <ng-content select=\"ax-comment-date\"></ng-content>\n    </div>\n\n    <div>\n      <ng-content select=\"ax-comment-menu-options\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-content-container\">\n    <ng-content select=\"ax-content\"></ng-content>\n    <div class=\"ax-reaction-container\">\n      <ng-content select=\"ax-comment-like\"></ng-content>\n      <ng-content select=\"ax-comment-reply-text\"></ng-content>\n    </div>\n  </div>\n  @if (replyCount()) {\n    <div class=\"ax-comment-replies\">\n      <ax-accordion-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n        <ax-accordion-item\n          #c\n          [caption]=\"\n            ('@acorex:comment.view' | translate | async) +\n            ' ' +\n            replyCount() +\n            ' ' +\n            ((replyCount() > 1 ? '@acorex:comment.replies' : '@acorex:comment.reply') | translate | async)\n          \"\n          [isCollapsed]=\"true\"\n        >\n          <ng-content select=\"ax-comment-item\"></ng-content>\n          <ng-content select=\"ax-comment-reply-more\"></ng-content>\n        </ax-accordion-item>\n      </ax-accordion-group>\n    </div>\n  }\n</div>\n", styles: [".ax-comment-items{margin-bottom:.25rem}.ax-comment-items .ax-header-container{display:flex;align-items:center;justify-content:space-between}.ax-comment-items .ax-header-container .ax-title-avatar-container{display:flex;align-items:center}.ax-comment-items .ax-header-container ax-title{font-weight:500;padding:.5rem}.ax-comment-items .ax-content-container{margin-inline-start:3rem;display:flex;flex-direction:column;font-size:.875rem;opacity:80%}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:.75rem;display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:1.5rem}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:2rem}.ax-comment-items .ax-comment-replies .ax-collapse-header-container{font-weight:500;justify-content:unset;color:rgba(var(--ax-sys-color-primary-surface))}.ax-comment-items .ax-comment-replies ax-comment-reply-more{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: AXAccordionModule }, { kind: "component", type: i1.AXAccordionItemComponent, selector: "ax-accordion-item", inputs: ["isCollapsed", "icon", "caption", "isLoading", "headerTemplate", "look", "disabled"], outputs: ["isCollapsedChange", "isLoadingChange", "onClick"] }, { kind: "component", type: i1.AXAccordionGroupComponent, selector: "ax-accordion-group", inputs: ["accordion", "activeIndex", "look", "collapsedOnItemClick"], outputs: ["activeIndexChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.12", type: AXCommentItemComponent, isStandalone: true, selector: "ax-comment-item", inputs: { replyCount: { classPropertyName: "replyCount", publicName: "replyCount", isSignal: true, isRequired: false, transformFunction: null } }, providers: [{ provide: AXComponent, useExisting: AXCommentItemComponent }], queries: [{ propertyName: "avatar", first: true, predicate: AXAvatarComponent, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "collapse", first: true, predicate: ["c"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-comment-items\">\n  <div class=\"ax-header-container\">\n    <div class=\"ax-title-avatar-container\">\n      <ng-content select=\"ax-avatar\"></ng-content>\n      <ng-content select=\"ax-title\"></ng-content>\n      <ng-content select=\"ax-comment-date\"></ng-content>\n    </div>\n\n    <div>\n      <ng-content select=\"ax-comment-menu-options\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-content-container\">\n    <ng-content select=\"ax-content\"></ng-content>\n    <div class=\"ax-reaction-container\">\n      <ng-content select=\"ax-comment-like\"></ng-content>\n      <ng-content select=\"ax-comment-reply-text\"></ng-content>\n    </div>\n  </div>\n  @if (replyCount()) {\n    <div class=\"ax-comment-replies\">\n      <ax-accordion-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n        <ax-accordion-item\n          #c\n          [caption]=\"\n            ('@acorex:comment.view' | translate | async) +\n            ' ' +\n            replyCount() +\n            ' ' +\n            ((replyCount() > 1 ? '@acorex:comment.replies' : '@acorex:comment.reply') | translate | async)\n          \"\n          [isCollapsed]=\"true\"\n        >\n          <ng-content select=\"ax-comment-item\"></ng-content>\n          <ng-content select=\"ax-comment-reply-more\"></ng-content>\n        </ax-accordion-item>\n      </ax-accordion-group>\n    </div>\n  }\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.ax-comment-items{margin-bottom:calc(var(--spacing,.25rem)*1)}.ax-comment-items .ax-header-container{justify-content:space-between;align-items:center;display:flex}.ax-comment-items .ax-header-container .ax-title-avatar-container{align-items:center;display:flex}.ax-comment-items .ax-header-container ax-title{padding:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.ax-comment-items .ax-content-container{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));opacity:.8;flex-direction:column;margin-inline-start:calc(var(--spacing,.25rem)*12);display:flex}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:calc(var(--spacing,.25rem)*3);display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:calc(var(--spacing,.25rem)*6)}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:calc(var(--spacing,.25rem)*8)}.ax-comment-items .ax-comment-replies .ax-accordion-header-container{justify-content:flex-start;gap:calc(var(--spacing,.25rem)*4);color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));display:flex}.ax-comment-items .ax-comment-replies ax-comment-reply-more{cursor:pointer}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: AXAccordionModule }, { kind: "component", type: i1.AXAccordionItemComponent, selector: "ax-accordion-item", inputs: ["isCollapsed", "icon", "caption", "isLoading", "headerTemplate", "look", "disabled"], outputs: ["isCollapsedChange", "isLoadingChange", "onClick"] }, { kind: "component", type: i1.AXAccordionGroupComponent, selector: "ax-accordion-group", inputs: ["accordion", "activeIndex", "look", "collapsedOnItemClick"], outputs: ["activeIndexChange"] }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-comment-item', encapsulation: ViewEncapsulation.None, imports: [AXAccordionModule, AXTranslatorPipe, AsyncPipe], providers: [{ provide: AXComponent, useExisting: AXCommentItemComponent }], template: "<div class=\"ax-comment-items\">\n  <div class=\"ax-header-container\">\n    <div class=\"ax-title-avatar-container\">\n      <ng-content select=\"ax-avatar\"></ng-content>\n      <ng-content select=\"ax-title\"></ng-content>\n      <ng-content select=\"ax-comment-date\"></ng-content>\n    </div>\n\n    <div>\n      <ng-content select=\"ax-comment-menu-options\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-content-container\">\n    <ng-content select=\"ax-content\"></ng-content>\n    <div class=\"ax-reaction-container\">\n      <ng-content select=\"ax-comment-like\"></ng-content>\n      <ng-content select=\"ax-comment-reply-text\"></ng-content>\n    </div>\n  </div>\n  @if (replyCount()) {\n    <div class=\"ax-comment-replies\">\n      <ax-accordion-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n        <ax-accordion-item\n          #c\n          [caption]=\"\n            ('@acorex:comment.view' | translate | async) +\n            ' ' +\n            replyCount() +\n            ' ' +\n            ((replyCount() > 1 ? '@acorex:comment.replies' : '@acorex:comment.reply') | translate | async)\n          \"\n          [isCollapsed]=\"true\"\n        >\n          <ng-content select=\"ax-comment-item\"></ng-content>\n          <ng-content select=\"ax-comment-reply-more\"></ng-content>\n        </ax-accordion-item>\n      </ax-accordion-group>\n    </div>\n  }\n</div>\n", styles: [".ax-comment-items{margin-bottom:.25rem}.ax-comment-items .ax-header-container{display:flex;align-items:center;justify-content:space-between}.ax-comment-items .ax-header-container .ax-title-avatar-container{display:flex;align-items:center}.ax-comment-items .ax-header-container ax-title{font-weight:500;padding:.5rem}.ax-comment-items .ax-content-container{margin-inline-start:3rem;display:flex;flex-direction:column;font-size:.875rem;opacity:80%}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:.75rem;display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:1.5rem}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:2rem}.ax-comment-items .ax-comment-replies .ax-collapse-header-container{font-weight:500;justify-content:unset;color:rgba(var(--ax-sys-color-primary-surface))}.ax-comment-items .ax-comment-replies ax-comment-reply-more{cursor:pointer}\n"] }]
+            args: [{ selector: 'ax-comment-item', encapsulation: ViewEncapsulation.None, imports: [AXAccordionModule, AXTranslatorPipe, AsyncPipe], providers: [{ provide: AXComponent, useExisting: AXCommentItemComponent }], template: "<div class=\"ax-comment-items\">\n  <div class=\"ax-header-container\">\n    <div class=\"ax-title-avatar-container\">\n      <ng-content select=\"ax-avatar\"></ng-content>\n      <ng-content select=\"ax-title\"></ng-content>\n      <ng-content select=\"ax-comment-date\"></ng-content>\n    </div>\n\n    <div>\n      <ng-content select=\"ax-comment-menu-options\"></ng-content>\n    </div>\n  </div>\n  <div class=\"ax-content-container\">\n    <ng-content select=\"ax-content\"></ng-content>\n    <div class=\"ax-reaction-container\">\n      <ng-content select=\"ax-comment-like\"></ng-content>\n      <ng-content select=\"ax-comment-reply-text\"></ng-content>\n    </div>\n  </div>\n  @if (replyCount()) {\n    <div class=\"ax-comment-replies\">\n      <ax-accordion-group look=\"none\" [accordion]=\"true\" [activeIndex]=\"1\">\n        <ax-accordion-item\n          #c\n          [caption]=\"\n            ('@acorex:comment.view' | translate | async) +\n            ' ' +\n            replyCount() +\n            ' ' +\n            ((replyCount() > 1 ? '@acorex:comment.replies' : '@acorex:comment.reply') | translate | async)\n          \"\n          [isCollapsed]=\"true\"\n        >\n          <ng-content select=\"ax-comment-item\"></ng-content>\n          <ng-content select=\"ax-comment-reply-more\"></ng-content>\n        </ax-accordion-item>\n      </ax-accordion-group>\n    </div>\n  }\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.ax-comment-items{margin-bottom:calc(var(--spacing,.25rem)*1)}.ax-comment-items .ax-header-container{justify-content:space-between;align-items:center;display:flex}.ax-comment-items .ax-header-container .ax-title-avatar-container{align-items:center;display:flex}.ax-comment-items .ax-header-container ax-title{padding:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.ax-comment-items .ax-content-container{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));opacity:.8;flex-direction:column;margin-inline-start:calc(var(--spacing,.25rem)*12);display:flex}.ax-comment-items .ax-content-container .ax-reaction-container{margin-top:calc(var(--spacing,.25rem)*3);display:flex}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like{margin-inline-end:calc(var(--spacing,.25rem)*6)}.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-like,.ax-comment-items .ax-content-container .ax-reaction-container ax-comment-reply,.ax-comment-items .ax-content-container .ax-reaction-container ax-text{cursor:pointer}.ax-comment-items .ax-comment-replies{margin-inline-start:calc(var(--spacing,.25rem)*8)}.ax-comment-items .ax-comment-replies .ax-accordion-header-container{justify-content:flex-start;gap:calc(var(--spacing,.25rem)*4);color:var(--color-primary,rgba(var(--ax-sys-color-primary-surface)));display:flex}.ax-comment-items .ax-comment-replies ax-comment-reply-more{cursor:pointer}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { avatar: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AXAvatarComponent), { isSignal: true }] }], collapse: [{ type: i0.ViewChild, args: ['c', { isSignal: true }] }], replyCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "replyCount", required: false }] }] } });
 
 /**
@@ -89,12 +89,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * @category Components
  */
 class AXCommentDateComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXCommentDateComponent, isStandalone: true, selector: "ax-comment-date", providers: [{ provide: AXComponent, useExisting: AXCommentDateComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["ax-comment-date{color:rgb(var(--ax-sys-color-ghost-400));font-size:.8rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentDateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXCommentDateComponent, isStandalone: true, selector: "ax-comment-date", providers: [{ provide: AXComponent, useExisting: AXCommentDateComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["@layer components{ax-comment-date{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)))}}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentDateComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentDateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-comment-date', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCommentDateComponent }], template: "<ng-content></ng-content>\n", styles: ["ax-comment-date{color:rgb(var(--ax-sys-color-ghost-400));font-size:.8rem}\n"] }]
+            args: [{ selector: 'ax-comment-date', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCommentDateComponent }], template: "<ng-content></ng-content>\n", styles: ["@layer components{ax-comment-date{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-on-surface,rgba(var(--ax-sys-color-on-surface)))}}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 /**
@@ -112,12 +112,12 @@ class AXCommentLikeComponent {
     changeState() {
         this.like.update((prev) => !prev);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentLikeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: AXCommentLikeComponent, isStandalone: true, selector: "ax-comment-like", inputs: { like: { classPropertyName: "like", publicName: "like", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { like: "likeChange" }, providers: [{ provide: AXComponent, useExisting: AXCommentLikeComponent }], ngImport: i0, template: "<div class=\"ax-comment-like-container\" [class.ax-state-liked]=\"like()\" (click)=\"changeState()\">\n  <ax-icon class=\"ax-icon ax-icon-heart\"></ax-icon>\n  <ax-text><ng-content></ng-content></ax-text>\n</div>\n", styles: [".ax-comment-like-container{display:flex;align-items:center;gap:.25rem}.ax-comment-like-container ax-icon{font-size:.938rem}.ax-comment-like-container.ax-state-liked{color:rgba(var(--ax-sys-color-danger-500))}.ax-comment-like-container.ax-state-liked ax-icon{font-weight:700}.ax-comment-like-container.ax-state-liked ax-text{color:rgba(var(--ax-sys-color-danger-500))}\n"], dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentLikeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.12", type: AXCommentLikeComponent, isStandalone: true, selector: "ax-comment-like", inputs: { like: { classPropertyName: "like", publicName: "like", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { like: "likeChange" }, providers: [{ provide: AXComponent, useExisting: AXCommentLikeComponent }], ngImport: i0, template: "<div class=\"ax-comment-like-container\" [class.ax-state-liked]=\"like()\" (click)=\"changeState()\">\n  <ax-icon class=\"ax-icon ax-icon-heart\"></ax-icon>\n  <ax-text><ng-content></ng-content></ax-text>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.ax-comment-like-container{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}.ax-comment-like-container ax-icon{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-comment-like-container.ax-state-liked{color:var(--color-danger,rgba(var(--ax-sys-color-danger-surface)))}.ax-comment-like-container.ax-state-liked ax-icon{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.ax-comment-like-container.ax-state-liked ax-text{color:var(--color-danger,rgba(var(--ax-sys-color-danger-surface)))}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentLikeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentLikeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-comment-like', imports: [AXDecoratorIconComponent, AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXCommentLikeComponent }], template: "<div class=\"ax-comment-like-container\" [class.ax-state-liked]=\"like()\" (click)=\"changeState()\">\n  <ax-icon class=\"ax-icon ax-icon-heart\"></ax-icon>\n  <ax-text><ng-content></ng-content></ax-text>\n</div>\n", styles: [".ax-comment-like-container{display:flex;align-items:center;gap:.25rem}.ax-comment-like-container ax-icon{font-size:.938rem}.ax-comment-like-container.ax-state-liked{color:rgba(var(--ax-sys-color-danger-500))}.ax-comment-like-container.ax-state-liked ax-icon{font-weight:700}.ax-comment-like-container.ax-state-liked ax-text{color:rgba(var(--ax-sys-color-danger-500))}\n"] }]
+            args: [{ selector: 'ax-comment-like', imports: [AXDecoratorIconComponent, AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXCommentLikeComponent }], template: "<div class=\"ax-comment-like-container\" [class.ax-state-liked]=\"like()\" (click)=\"changeState()\">\n  <ax-icon class=\"ax-icon ax-icon-heart\"></ax-icon>\n  <ax-text><ng-content></ng-content></ax-text>\n</div>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}@layer components{.ax-comment-like-container{align-items:center;gap:calc(var(--spacing,.25rem)*1);display:flex}.ax-comment-like-container ax-icon{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.ax-comment-like-container.ax-state-liked{color:var(--color-danger,rgba(var(--ax-sys-color-danger-surface)))}.ax-comment-like-container.ax-state-liked ax-icon{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700)}.ax-comment-like-container.ax-state-liked ax-text{color:var(--color-danger,rgba(var(--ax-sys-color-danger-surface)))}}@property --tw-font-weight{syntax:\"*\";inherits:false}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { like: [{ type: i0.Input, args: [{ isSignal: true, alias: "like", required: true }] }, { type: i0.Output, args: ["likeChange"] }] } });
 
 /**
@@ -126,28 +126,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * @category Components
  */
 class AXMenuOptionsComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXMenuOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXMenuOptionsComponent, isStandalone: true, selector: "ax-comment-menu-options", providers: [{ provide: AXComponent, useExisting: AXMenuOptionsComponent }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMenuOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXMenuOptionsComponent, isStandalone: true, selector: "ax-comment-menu-options", providers: [{ provide: AXComponent, useExisting: AXMenuOptionsComponent }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXMenuOptionsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXMenuOptionsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-comment-menu-options', providers: [{ provide: AXComponent, useExisting: AXMenuOptionsComponent }], template: "<ng-content></ng-content>\n" }]
         }] });
 
 class AXCommentReplyMoreComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentReplyMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXCommentReplyMoreComponent, isStandalone: true, selector: "ax-comment-reply-more", providers: [{ provide: AXComponent, useExisting: AXCommentReplyMoreComponent }], ngImport: i0, template: "<ax-text><ng-content></ng-content></ax-text>\n", dependencies: [{ 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentReplyMoreComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXCommentReplyMoreComponent, isStandalone: true, selector: "ax-comment-reply-more", providers: [{ provide: AXComponent, useExisting: AXCommentReplyMoreComponent }], ngImport: i0, template: "<ax-text><ng-content></ng-content></ax-text>\n", dependencies: [{ 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentReplyMoreComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentReplyMoreComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-comment-reply-more', imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXCommentReplyMoreComponent }], template: "<ax-text><ng-content></ng-content></ax-text>\n" }]
         }] });
 
 class AXCommentReplyTextComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentReplyTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXCommentReplyTextComponent, isStandalone: true, selector: "ax-comment-reply-text", providers: [{ provide: AXComponent, useExisting: AXCommentReplyTextComponent }], ngImport: i0, template: "<ax-text>Reply</ax-text>\n", dependencies: [{ 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentReplyTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXCommentReplyTextComponent, isStandalone: true, selector: "ax-comment-reply-text", providers: [{ provide: AXComponent, useExisting: AXCommentReplyTextComponent }], ngImport: i0, template: "<ax-text>Reply</ax-text>\n", dependencies: [{ 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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentReplyTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentReplyTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-comment-reply-text', imports: [AXDecoratorGenericComponent], providers: [{ provide: AXComponent, useExisting: AXCommentReplyTextComponent }], template: "<ax-text>Reply</ax-text>\n" }]
         }] });
@@ -157,12 +157,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
  * @category Components
  */
 class AXCommentViewComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AXCommentViewComponent, isStandalone: true, selector: "ax-comment-view", providers: [{ provide: AXComponent, useExisting: AXCommentViewComponent }], ngImport: i0, template: "<ng-content select=\"ax-comment-item\"></ng-content>\n", styles: ["ax-comment-view{border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius);display:block;padding:1.5rem;margin-bottom:1rem}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: AXCommentViewComponent, isStandalone: true, selector: "ax-comment-view", providers: [{ provide: AXComponent, useExisting: AXCommentViewComponent }], ngImport: i0, template: "<ng-content select=\"ax-comment-item\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-comment-view{margin-bottom:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));padding:calc(var(--spacing,.25rem)*6);display:block}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-comment-view', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCommentViewComponent }], template: "<ng-content select=\"ax-comment-item\"></ng-content>\n", styles: ["ax-comment-view{border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));border-radius:var(--ax-sys-border-radius);display:block;padding:1.5rem;margin-bottom:1rem}\n"] }]
+            args: [{ selector: 'ax-comment-view', encapsulation: ViewEncapsulation.None, providers: [{ provide: AXComponent, useExisting: AXCommentViewComponent }], template: "<ng-content select=\"ax-comment-item\"></ng-content>\n", styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer components{ax-comment-view{margin-bottom:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-border-lightest,rgba(var(--ax-sys-color-border-lightest-surface)));padding:calc(var(--spacing,.25rem)*6);display:block}}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}\n/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 const COMPONENT = [
@@ -185,8 +185,8 @@ const MODULES = [
     CommonModule,
 ];
 class AXCommentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXCommentModule, imports: [AXDecoratorModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.12", ngImport: i0, type: AXCommentModule, imports: [AXDecoratorModule,
             AXWysiwygModule,
             AXCollapseModule,
             AXButtonModule,
@@ -207,12 +207,12 @@ class AXCommentModule {
             AXCommentReplyTextComponent,
             AXCommentDateComponent,
             AXCommentReplyMoreComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentModule, imports: [MODULES, AXCommentItemComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentModule, imports: [MODULES, AXCommentItemComponent,
             AXCommentLikeComponent,
             AXCommentReplyTextComponent,
             AXCommentReplyMoreComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXCommentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AXCommentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...MODULES, ...COMPONENT],