@acorex/components 18.11.1 → 18.12.1

package/button/lib/button-item-list.component.d.ts

@@ -11,17 +11,17 @@ export declare class AXButtonItemListComponent extends MXInteractiveComponent {
     private parent?;
     protected _contentButtons: QueryList<AXButtonItemComponent>;
     /**
-   * The list of button items to display.
-   *
-   * @defaultValue []
-   */
+     * The list of button items to display.
+     *
+     * @defaultValue []
+     */
     items: import("@angular/core").InputSignal<AXButtonItemListItem[]>;
     /**
-   * Emits an event when an item is clicked.
-   * The event contains details about the clicked item.
-   *
-   * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.
-   */
+     * Emits an event when an item is clicked.
+     * The event contains details about the clicked item.
+     *
+     * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.
+     */
     onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>>;
     /**
      *  @ignore
@@ -47,6 +47,10 @@ export declare class AXButtonItemListComponent extends MXInteractiveComponent {
      *  @ignore
      */
     _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonItemListComponent, [{ optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonItemListComponent, "ax-button-item-list", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, { "onItemClick": "onItemClick"; }, ["_contentButtons"], ["ax-button-item, ax-title, ax-divider, ng-container"], false, never>;
 }

package/button/lib/button-item.component.d.ts

@@ -25,25 +25,25 @@ export declare class AXButtonItemComponent extends AXButtonItemComponent_base {
      */
     private _selected;
     /**
-   * Indicates whether the button item is selected.
-   *
-   * @param v - A boolean indicating the selected state.
-   * Updates the view when the value changes.
-   */
+     * Indicates whether the button item is selected.
+     *
+     * @param v - A boolean indicating the selected state.
+     * Updates the view when the value changes.
+     */
     get selected(): boolean;
     set selected(v: boolean);
     /**
-   * Whether the item is visually separated from other items.
-   *  @defaultValue false
-   */
+     * Whether the item is visually separated from other items.
+     *  @defaultValue false
+     */
     divided: boolean;
     /**
-   * Data associated with the button item.
-   */
+     * Data associated with the button item.
+     */
     data: unknown;
     /**
-   * The name of the button item.
-   */
+     * The name of the button item.
+     */
     name: string;
     /**
      * Emitted when the button item is clicked.

package/button-group/index.d.ts

@@ -1,2 +1,3 @@
+export * from './lib/button-group-item.component';
 export * from './lib/button-group.component';
 export * from './lib/button-group.module';

package/button-group/lib/button-group-item.component.d.ts

@@ -0,0 +1,77 @@
+import { AXClickEvent, AXStyleColorType, MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface AXButtonItemListItem {
+    name: string;
+    text: string;
+    icon: string;
+    divided?: boolean;
+    disabled?: boolean;
+    color?: AXStyleColorType;
+}
+declare const AXButtonGroupItemComponent_base: import("polytype").Polytype.ClusteredConstructor<[typeof MXInteractiveComponent, typeof MXColorComponent]>;
+/**
+ * Represents a button item with optional content like icons, text, and dropdowns.
+ *
+ * @category Components
+ */
+export declare class AXButtonGroupItemComponent extends AXButtonGroupItemComponent_base {
+    /**
+     * Text displayed on the button item.
+     */
+    text: string;
+    /**
+     *  @ignore
+     */
+    private _selected;
+    /**
+     * Indicates whether the button item is selected.
+     *
+     * @param v - A boolean indicating the selected state.
+     * Updates the view when the value changes.
+     */
+    get selected(): boolean;
+    set selected(v: boolean);
+    /**
+     * Whether the item is visually separated from other items.
+     *  @defaultValue false
+     */
+    divided: boolean;
+    /**
+     * Data associated with the button item.
+     */
+    data: unknown;
+    /**
+     * The name of the button item.
+     */
+    name: string;
+    /**
+     * Emitted when the button item is clicked.
+     * @event
+     * The emitted value is an `AXClickEvent` object containing event details.
+     */
+    onClick: EventEmitter<AXClickEvent>;
+    /**
+     *  @ignore
+     */
+    private __hostClick;
+    /**
+     *  @ignore
+     */
+    private __hostFocus;
+    /**
+     *  @ignore
+     */
+    private __hostBlur;
+    /**
+     *  @ignore
+     */
+    private get __hostClass();
+    /**
+     *  @ignore
+     */
+    tabindex: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupItemComponent, "ax-button-group-item", never, { "color": { "alias": "color"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "divided": { "alias": "divided"; "required": false; }; "data": { "alias": "data"; "required": false; }; "name": { "alias": "name"; "required": false; }; }, { "onClick": "onClick"; "onFocus": "onFocus"; "onBlur": "onBlur"; "disabledChange": "disabledChange"; }, never, ["ax-prefix", "ax-loading", "ax-icon", "ax-suffix", "ax-dropdown-panel"], false, never>;
+}
+export {};

package/button-group/lib/button-group.component.d.ts

@@ -75,6 +75,6 @@ export declare class AXButtonGroupComponent extends AXButtonGroupComponent_base
      */
     private __hostClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; }, ["_contentButtons"], ["ax-button-item"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXButtonGroupComponent, "ax-button-group", never, { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "look": { "alias": "look"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "lookChange": "lookChange"; "colorChange": "colorChange"; "disabledChange": "disabledChange"; "onClick": "onClick"; "selectionChange": "selectionChange"; }, ["_contentButtons"], ["ax-button-group-item"], false, never>;
 }
 export {};

package/button-group/lib/button-group.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./button-group.component";
-import * as i2 from "@angular/common";
+import * as i2 from "./button-group-item.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@acorex/components/decorators";
 export declare class AXButtonGroupModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AXButtonGroupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonGroupModule, [typeof i1.AXButtonGroupComponent], [typeof i2.CommonModule], [typeof i1.AXButtonGroupComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXButtonGroupModule, [typeof i1.AXButtonGroupComponent, typeof i2.AXButtonGroupItemComponent], [typeof i3.CommonModule, typeof i4.AXDecoratorModule], [typeof i1.AXButtonGroupComponent, typeof i2.AXButtonGroupItemComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AXButtonGroupModule>;
 }

package/esm2022/button/lib/button-item-list.component.mjs

@@ -1,5 +1,5 @@
-import { AXClosbaleComponent, MXInteractiveComponent } from '@acorex/components/common';
-import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, Inject, Optional, Output, QueryList, ViewEncapsulation, afterNextRender, input, } from '@angular/core';
+import { AXClosbaleComponent, MXInteractiveComponent, } from '@acorex/components/common';
+import { ChangeDetectionStrategy, Component, ContentChildren, EventEmitter, HostBinding, Inject, Optional, Output, QueryList, ViewEncapsulation, afterNextRender, input, } from '@angular/core';
 import { AXButtonItemComponent } from './button-item.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@acorex/components/decorators";
@@ -18,17 +18,17 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
         super();
         this.parent = parent;
         /**
-       * The list of button items to display.
-       *
-       * @defaultValue []
-       */
+         * The list of button items to display.
+         *
+         * @defaultValue []
+         */
         this.items = input([]);
         /**
-       * Emits an event when an item is clicked.
-       * The event contains details about the clicked item.
-       *
-       * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.
-       */
+         * Emits an event when an item is clicked.
+         * The event contains details about the clicked item.
+         *
+         * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.
+         */
         this.onItemClick = new EventEmitter();
         afterNextRender(() => {
             this._initContents();
@@ -84,8 +84,14 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
             data: item.data,
         });
     }
+    /**
+     *  @ignore
+     */
+    get __hostClass() {
+        return `ax-action-list ax-action-list-vertical`;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonItemListComponent, deps: [{ token: AXClosbaleComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
     @for (item of items(); track item.name) {
       <ax-button-item
         [text]="item.text"
@@ -105,7 +111,7 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
       }
     }
     <ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
-  `, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;background-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-color-text-default))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-success-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-100))}.ax-dark ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-info-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-100))}.ax-dark ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [""], dependencies: [{ kind: "component", type: i1.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i2.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
             type: Component,
@@ -129,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
       }
     }
     <ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;background-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;color:rgb(var(--ax-color-text-default))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-500));border:transparent;background:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-fore-tint));background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default{color:rgba(var(--ax-color-primary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-primary-default:focus{color:rgba(var(--ax-color-primary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default{color:rgba(var(--ax-color-secondary-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:focus{color:rgba(var(--ax-color-secondary-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button-item-list ax-button-item.ax-success-default{color:rgba(var(--ax-color-success-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-success-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-success-default:focus{color:rgba(var(--ax-color-success-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-100))}.ax-dark ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default{color:rgba(var(--ax-color-warning-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-warning-default:focus{color:rgba(var(--ax-color-warning-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default{color:rgba(var(--ax-color-danger-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-danger-default:focus{color:rgba(var(--ax-color-danger-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button-item-list ax-button-item.ax-info-default{color:rgba(var(--ax-color-info-200));border:transparent;background:transparent}.ax-dark ax-button-item-list ax-button-item.ax-info-default:hover,.ax-dark ax-button-item-list ax-button-item.ax-info-default:focus{color:rgba(var(--ax-color-info-300));background-color:rgba(var(--ax-color-on-surface))}.ax-dark ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-100))}.ax-dark ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore))}\n"] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None }]
         }], ctorParameters: () => [{ type: i3.AXClosbaleComponent, decorators: [{
                     type: Optional
                 }, {
@@ -140,5 +146,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 args: [AXButtonItemComponent]
             }], onItemClick: [{
                 type: Output
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixtQkFBbUIsRUFBb0Isc0JBQXNCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN4SCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLE1BQU0sRUFDTixRQUFRLEVBQ1IsTUFBTSxFQUNOLFNBQVMsRUFDVCxpQkFBaUIsRUFDakIsZUFBZSxFQUNmLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUscUJBQXFCLEVBQXdCLE1BQU0seUJBQXlCLENBQUM7Ozs7O0FBRXRGOzs7O0dBSUc7QUE0QkgsTUFBTSxPQUFPLHlCQUEwQixTQUFRLHNCQUFzQjtJQXFCbkU7O09BRUc7SUFDSCxZQUdVLE1BQTRCO1FBRXBDLEtBQUssRUFBRSxDQUFDO1FBRkEsV0FBTSxHQUFOLE1BQU0sQ0FBc0I7UUF2QnBDOzs7O1NBSUM7UUFDSCxVQUFLLEdBQUcsS0FBSyxDQUF5QixFQUFFLENBQUMsQ0FBQztRQUd4Qzs7Ozs7U0FLQztRQUVILGdCQUFXLEdBQTBELElBQUksWUFBWSxFQUEyQyxDQUFDO1FBVy9ILGVBQWUsQ0FBQyxHQUFHLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQzFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ssYUFBYTtRQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ssV0FBVztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU07Z0JBQ25CLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQ3hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDN0IsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNLLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNsQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMzQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNPLGtCQUFrQixDQUFDLENBQWU7UUFDMUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxxQkFBcUIsQ0FBQyxDQUFlLEVBQUUsSUFBMkI7UUFDaEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJO1lBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUMsQ0FBQyxXQUFXO1lBQzFCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQXhGVSx5QkFBeUIsa0JBMEIxQixtQkFBbUI7a0dBMUJsQix5QkFBeUIsd1FBQ25CLHFCQUFxQixvREExQjVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVDs7MkZBS1UseUJBQXlCO2tCQTNCckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzswQkEyQmxDLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsbUJBQW1CO3lDQXhCbkIsZUFBZTtzQkFEeEIsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBa0J0QyxXQUFXO3NCQURWLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENsaWNrRXZlbnQsIEFYQ2xvc2JhbGVDb21wb25lbnQsIEFYSXRlbUNsaWNrRXZlbnQsIE1YSW50ZXJhY3RpdmVDb21wb25lbnQgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3QsXG4gIE9wdGlvbmFsLFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGFmdGVyTmV4dFJlbmRlcixcbiAgaW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQVhCdXR0b25JdGVtQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIGNvbXBvbmVudCBmb3IgcmVuZGVyaW5nIGEgbGlzdCBvZiBidXR0b24gaXRlbXMgd2l0aCBvcHRpb25hbCBkaXZpZGVycyBiZXR3ZWVuIHRoZW0uXG4gKiBcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1pdGVtLWxpc3QnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBmb3IgKGl0ZW0gb2YgaXRlbXMoKTsgdHJhY2sgaXRlbS5uYW1lKSB7XG4gICAgICA8YXgtYnV0dG9uLWl0ZW1cbiAgICAgICAgW3RleHRdPVwiaXRlbS50ZXh0XCJcbiAgICAgICAgW25hbWVdPVwiaXRlbS5uYW1lXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cIml0ZW0uZGlzYWJsZWRcIlxuICAgICAgICBbY29sb3JdPVwiaXRlbS5jb2xvclwiXG4gICAgICAgIChvbkNsaWNrKT1cIl9oYW5kbGVPbkl0ZW1DbGljaygkZXZlbnQpXCJcbiAgICAgID5cbiAgICAgICAgQGlmIChpdGVtLmljb24pIHtcbiAgICAgICAgICA8YXgtcHJlZml4PlxuICAgICAgICAgICAgPGF4LWljb24gW2ljb25dPVwiaXRlbS5pY29uXCI+PC9heC1pY29uPlxuICAgICAgICAgIDwvYXgtcHJlZml4PlxuICAgICAgICB9XG4gICAgICA8L2F4LWJ1dHRvbi1pdGVtPlxuICAgICAgQGlmIChpdGVtLmRpdmlkZWQpIHtcbiAgICAgICAgPGF4LWRpdmlkZXI+PC9heC1kaXZpZGVyPlxuICAgICAgfVxuICAgIH1cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1idXR0b24taXRlbSwgYXgtdGl0bGUsIGF4LWRpdmlkZXIsIG5nLWNvbnRhaW5lclwiPjwvbmctY29udGVudD5cbiAgYCxcbiAgc3R5bGVVcmxzOiBbJy4vYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtTGlzdENvbXBvbmVudCBleHRlbmRzIE1YSW50ZXJhY3RpdmVDb21wb25lbnQge1xuICBAQ29udGVudENoaWxkcmVuKEFYQnV0dG9uSXRlbUNvbXBvbmVudClcbiAgcHJvdGVjdGVkIF9jb250ZW50QnV0dG9uczogUXVlcnlMaXN0PEFYQnV0dG9uSXRlbUNvbXBvbmVudD47XG5cbiAgICAvKipcbiAgICogVGhlIGxpc3Qgb2YgYnV0dG9uIGl0ZW1zIHRvIGRpc3BsYXkuXG4gICAqIFxuICAgKiBAZGVmYXVsdFZhbHVlIFtdXG4gICAqL1xuICBpdGVtcyA9IGlucHV0PEFYQnV0dG9uSXRlbUxpc3RJdGVtW10+KFtdKTtcblxuXG4gICAgLyoqXG4gICAqIEVtaXRzIGFuIGV2ZW50IHdoZW4gYW4gaXRlbSBpcyBjbGlja2VkLlxuICAgKiBUaGUgZXZlbnQgY29udGFpbnMgZGV0YWlscyBhYm91dCB0aGUgY2xpY2tlZCBpdGVtLlxuICAgKiBcbiAgICogQGV2ZW50IHtBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD59IC0gVGhlIGV2ZW50IG9iamVjdCBjb250YWluaW5nIGNsaWNrZWQgaXRlbSBkZXRhaWxzLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIG9uSXRlbUNsaWNrOiBFdmVudEVtaXR0ZXI8QVhJdGVtQ2xpY2tFdmVudDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhJdGVtQ2xpY2tFdmVudDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+PigpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKClcbiAgICBASW5qZWN0KEFYQ2xvc2JhbGVDb21wb25lbnQpXG4gICAgcHJpdmF0ZSBwYXJlbnQ/OiBBWENsb3NiYWxlQ29tcG9uZW50LFxuICApIHtcbiAgICBzdXBlcigpO1xuICAgIGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgICB0aGlzLl9pbml0Q29udGVudHMoKTtcbiAgICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zLmNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfaW5pdENvbnRlbnRzKCkge1xuICAgIHRoaXMuX2JpbmRFdmVudHMoKTtcbiAgICB0aGlzLl9iaW5kUHJvcHMoKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfYmluZEV2ZW50cygpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYikgPT4ge1xuICAgICAgaWYgKCFiLm9uQ2xpY2subGVuZ3RoKVxuICAgICAgICBiLm9uQ2xpY2suc3Vic2NyaWJlKChjKSA9PiB7XG4gICAgICAgICAgdGhpcy5faGFuZGxlT25JdGVtQ2xpY2soYyk7XG4gICAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9iaW5kUHJvcHMoKSB7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnM/LmZvckVhY2goKGIpID0+IHtcbiAgICAgIGIuZGlzYWJsZWQgPSBiLmRpc2FibGVkID8/IHRoaXMuZGlzYWJsZWQ7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfaGFuZGxlT25JdGVtQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XG4gICAgdGhpcy5wYXJlbnQ/LmNsb3NlKCk7XG4gICAgdGhpcy5fZW1pdE9uSXRlbUNsaWNrRXZlbnQoZSwgZS5jb21wb25lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBfZW1pdE9uSXRlbUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBpdGVtOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaXRlbSxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCxcbiAgICAgIG5hbWU6IGl0ZW0ubmFtZSxcbiAgICAgIGRhdGE6IGl0ZW0uZGF0YSxcbiAgICB9KTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLG1CQUFtQixFQUVuQixzQkFBc0IsR0FDdkIsTUFBTSwyQkFBMkIsQ0FBQztBQUNuQyxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxlQUFlLEVBQ2YsWUFBWSxFQUNaLFdBQVcsRUFDWCxNQUFNLEVBQ04sUUFBUSxFQUNSLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLGVBQWUsRUFDZixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLHFCQUFxQixFQUF3QixNQUFNLHlCQUF5QixDQUFDOzs7OztBQUV0Rjs7OztHQUlHO0FBNEJILE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxzQkFBc0I7SUFzQm5FOztPQUVHO0lBQ0gsWUFHVSxNQUE0QjtRQUVwQyxLQUFLLEVBQUUsQ0FBQztRQUZBLFdBQU0sR0FBTixNQUFNLENBQXNCO1FBeEJ0Qzs7OztXQUlHO1FBQ0gsVUFBSyxHQUFHLEtBQUssQ0FBeUIsRUFBRSxDQUFDLENBQUM7UUFFMUM7Ozs7O1dBS0c7UUFFSCxnQkFBVyxHQUEwRCxJQUFJLFlBQVksRUFFbEYsQ0FBQztRQVdGLGVBQWUsQ0FBQyxHQUFHLEVBQUU7WUFDbkIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQzFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVEOztPQUVHO0lBQ0ssYUFBYTtRQUNuQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0ssV0FBVztRQUNqQixJQUFJLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFO1lBQ2xDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLE1BQU07Z0JBQ25CLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUU7b0JBQ3hCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDN0IsQ0FBQyxDQUFDLENBQUM7UUFDUCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNLLFVBQVU7UUFDaEIsSUFBSSxDQUFDLGVBQWUsRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtZQUNsQyxDQUFDLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQztRQUMzQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7T0FFRztJQUNPLGtCQUFrQixDQUFDLENBQWU7UUFDMUMsSUFBSSxDQUFDLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMscUJBQXFCLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBRUQ7O09BRUc7SUFDSCxxQkFBcUIsQ0FBQyxDQUFlLEVBQUUsSUFBMkI7UUFDaEUsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUM7WUFDcEIsU0FBUyxFQUFFLElBQUk7WUFDZixJQUFJO1lBQ0osV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDbEMsV0FBVyxFQUFFLENBQUMsQ0FBQyxXQUFXO1lBQzFCLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtZQUNmLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSTtTQUNoQixDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUNZLFdBQVc7UUFDckIsT0FBTyx3Q0FBd0MsQ0FBQztJQUNsRCxDQUFDOzhHQWpHVSx5QkFBeUIsa0JBMkIxQixtQkFBbUI7a0dBM0JsQix5QkFBeUIsK1RBQ25CLHFCQUFxQixvREExQjVCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CVDs7MkZBS1UseUJBQXlCO2tCQTNCckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBb0JULG1CQUVnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJOzswQkE0QmxDLFFBQVE7OzBCQUNSLE1BQU07MkJBQUMsbUJBQW1CO3lDQXpCbkIsZUFBZTtzQkFEeEIsZUFBZTt1QkFBQyxxQkFBcUI7Z0JBaUJ0QyxXQUFXO3NCQURWLE1BQU07Z0JBOEVLLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFYQ2xpY2tFdmVudCxcbiAgQVhDbG9zYmFsZUNvbXBvbmVudCxcbiAgQVhJdGVtQ2xpY2tFdmVudCxcbiAgTVhJbnRlcmFjdGl2ZUNvbXBvbmVudCxcbn0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEluamVjdCxcbiAgT3B0aW9uYWwsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgYWZ0ZXJOZXh0UmVuZGVyLFxuICBpbnB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWEJ1dHRvbkl0ZW1Db21wb25lbnQsIEFYQnV0dG9uSXRlbUxpc3RJdGVtIH0gZnJvbSAnLi9idXR0b24taXRlbS5jb21wb25lbnQnO1xuXG4vKipcbiAqIEEgY29tcG9uZW50IGZvciByZW5kZXJpbmcgYSBsaXN0IG9mIGJ1dHRvbiBpdGVtcyB3aXRoIG9wdGlvbmFsIGRpdmlkZXJzIGJldHdlZW4gdGhlbS5cbiAqXG4gKiBAY2F0ZWdvcnkgQ29tcG9uZW50c1xuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24taXRlbS1saXN0JyxcbiAgdGVtcGxhdGU6IGBcbiAgICBAZm9yIChpdGVtIG9mIGl0ZW1zKCk7IHRyYWNrIGl0ZW0ubmFtZSkge1xuICAgICAgPGF4LWJ1dHRvbi1pdGVtXG4gICAgICAgIFt0ZXh0XT1cIml0ZW0udGV4dFwiXG4gICAgICAgIFtuYW1lXT1cIml0ZW0ubmFtZVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgW2NvbG9yXT1cIml0ZW0uY29sb3JcIlxuICAgICAgICAob25DbGljayk9XCJfaGFuZGxlT25JdGVtQ2xpY2soJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICAgIEBpZiAoaXRlbS5pY29uKSB7XG4gICAgICAgICAgPGF4LXByZWZpeD5cbiAgICAgICAgICAgIDxheC1pY29uIFtpY29uXT1cIml0ZW0uaWNvblwiPjwvYXgtaWNvbj5cbiAgICAgICAgICA8L2F4LXByZWZpeD5cbiAgICAgICAgfVxuICAgICAgPC9heC1idXR0b24taXRlbT5cbiAgICAgIEBpZiAoaXRlbS5kaXZpZGVkKSB7XG4gICAgICAgIDxheC1kaXZpZGVyPjwvYXgtZGl2aWRlcj5cbiAgICAgIH1cbiAgICB9XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uLWl0ZW0sIGF4LXRpdGxlLCBheC1kaXZpZGVyLCBuZy1jb250YWluZXJcIj48L25nLWNvbnRlbnQ+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnQgZXh0ZW5kcyBNWEludGVyYWN0aXZlQ29tcG9uZW50IHtcbiAgQENvbnRlbnRDaGlsZHJlbihBWEJ1dHRvbkl0ZW1Db21wb25lbnQpXG4gIHByb3RlY3RlZCBfY29udGVudEJ1dHRvbnM6IFF1ZXJ5TGlzdDxBWEJ1dHRvbkl0ZW1Db21wb25lbnQ+O1xuXG4gIC8qKlxuICAgKiBUaGUgbGlzdCBvZiBidXR0b24gaXRlbXMgdG8gZGlzcGxheS5cbiAgICpcbiAgICogQGRlZmF1bHRWYWx1ZSBbXVxuICAgKi9cbiAgaXRlbXMgPSBpbnB1dDxBWEJ1dHRvbkl0ZW1MaXN0SXRlbVtdPihbXSk7XG5cbiAgLyoqXG4gICAqIEVtaXRzIGFuIGV2ZW50IHdoZW4gYW4gaXRlbSBpcyBjbGlja2VkLlxuICAgKiBUaGUgZXZlbnQgY29udGFpbnMgZGV0YWlscyBhYm91dCB0aGUgY2xpY2tlZCBpdGVtLlxuICAgKlxuICAgKiBAZXZlbnQge0FYSXRlbUNsaWNrRXZlbnQ8QVhCdXR0b25JdGVtQ29tcG9uZW50Pn0gLSBUaGUgZXZlbnQgb2JqZWN0IGNvbnRhaW5pbmcgY2xpY2tlZCBpdGVtIGRldGFpbHMuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgb25JdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD4+ID0gbmV3IEV2ZW50RW1pdHRlcjxcbiAgICBBWEl0ZW1DbGlja0V2ZW50PEFYQnV0dG9uSXRlbUNvbXBvbmVudD5cbiAgPigpO1xuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKClcbiAgICBASW5qZWN0KEFYQ2xvc2JhbGVDb21wb25lbnQpXG4gICAgcHJpdmF0ZSBwYXJlbnQ/OiBBWENsb3NiYWxlQ29tcG9uZW50LFxuICApIHtcbiAgICBzdXBlcigpO1xuICAgIGFmdGVyTmV4dFJlbmRlcigoKSA9PiB7XG4gICAgICB0aGlzLl9pbml0Q29udGVudHMoKTtcbiAgICAgIHRoaXMuX2NvbnRlbnRCdXR0b25zLmNoYW5nZXMuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgICAgdGhpcy5faW5pdENvbnRlbnRzKCk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfaW5pdENvbnRlbnRzKCkge1xuICAgIHRoaXMuX2JpbmRFdmVudHMoKTtcbiAgICB0aGlzLl9iaW5kUHJvcHMoKTtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfYmluZEV2ZW50cygpIHtcbiAgICB0aGlzLl9jb250ZW50QnV0dG9ucz8uZm9yRWFjaCgoYikgPT4ge1xuICAgICAgaWYgKCFiLm9uQ2xpY2subGVuZ3RoKVxuICAgICAgICBiLm9uQ2xpY2suc3Vic2NyaWJlKChjKSA9PiB7XG4gICAgICAgICAgdGhpcy5faGFuZGxlT25JdGVtQ2xpY2soYyk7XG4gICAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9iaW5kUHJvcHMoKSB7XG4gICAgdGhpcy5fY29udGVudEJ1dHRvbnM/LmZvckVhY2goKGIpID0+IHtcbiAgICAgIGIuZGlzYWJsZWQgPSBiLmRpc2FibGVkID8/IHRoaXMuZGlzYWJsZWQ7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByb3RlY3RlZCBfaGFuZGxlT25JdGVtQ2xpY2soZTogQVhDbGlja0V2ZW50KSB7XG4gICAgdGhpcy5wYXJlbnQ/LmNsb3NlKCk7XG4gICAgdGhpcy5fZW1pdE9uSXRlbUNsaWNrRXZlbnQoZSwgZS5jb21wb25lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBfZW1pdE9uSXRlbUNsaWNrRXZlbnQoZTogQVhDbGlja0V2ZW50LCBpdGVtOiBBWEJ1dHRvbkl0ZW1Db21wb25lbnQpOiB2b2lkIHtcbiAgICB0aGlzLm9uSXRlbUNsaWNrLmVtaXQoe1xuICAgICAgY29tcG9uZW50OiB0aGlzLFxuICAgICAgaXRlbSxcbiAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICBuYXRpdmVFdmVudDogZS5uYXRpdmVFdmVudCxcbiAgICAgIG5hbWU6IGl0ZW0ubmFtZSxcbiAgICAgIGRhdGE6IGl0ZW0uZGF0YSxcbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBheC1hY3Rpb24tbGlzdCBheC1hY3Rpb24tbGlzdC12ZXJ0aWNhbGA7XG4gIH1cbn1cbiJdfQ==

package/esm2022/button/lib/button-item.component.mjs

@@ -1,7 +1,8 @@
-import { MXColorComponent, MXInteractiveComponent } from '@acorex/components/common';
+import { MXColorComponent, MXInteractiveComponent, } from '@acorex/components/common';
 import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, HostListener, Input, Output, ViewEncapsulation, } from '@angular/core';
 import { classes } from 'polytype';
 import * as i0 from "@angular/core";
+import * as i1 from "@acorex/components/decorators";
 /**
  * Represents a button item with optional content like icons, text, and dropdowns.
  *
@@ -11,9 +12,9 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
     constructor() {
         super(...arguments);
         /**
-       * Whether the item is visually separated from other items.
-       *  @defaultValue false
-       */
+         * Whether the item is visually separated from other items.
+         *  @defaultValue false
+         */
         this.divided = false;
         /**
          * Emitted when the button item is clicked.
@@ -27,11 +28,11 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
         this.tabindex = '0';
     }
     /**
-   * Indicates whether the button item is selected.
-   *
-   * @param v - A boolean indicating the selected state.
-   * Updates the view when the value changes.
-   */
+     * Indicates whether the button item is selected.
+     *
+     * @param v - A boolean indicating the selected state.
+     * Updates the view when the value changes.
+     */
     get selected() {
         return this._selected;
     }
@@ -72,8 +73,10 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
             'ax-state-disabled': this.disabled,
             'ax-state-selected': this.selected,
             'ax-divided': this.divided,
+            'ax-action-item': true,
+            'ax-el-interactive': true,
         };
-        cssClasses[`ax-${this.color || 'primary'}-default`] = true;
+        cssClasses[`ax-el-${this.color}-blank`] = true;
         return Object.entries(cssClasses)
             .filter((c) => c[1])
             .map((c) => c[0])
@@ -81,28 +84,36 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXButtonItemComponent, selector: "ax-button-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass", "attr.tabindex": "this.tabindex" } }, usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="ax-prefix"> </ng-content>
-    <ng-content select="ax-loading"> </ng-content>
-    <ng-content select="ax-icon"> </ng-content>
-    @if (text) {
-      <span class="ax-button-item-text">{{ text }}</span>
-    }
-    <ng-content select="ax-suffix"> </ng-content>
+    <div class="ax-action-item-prefix">
+      <ng-content select="ax-prefix"> </ng-content>
+      <ng-content select="ax-loading"> </ng-content>
+      <ng-content select="ax-icon"> </ng-content>
+      @if (text) {
+        <ax-text>{{ text }}</ax-text>
+      }
+    </div>
+    <div class="ax-action-item-suffix">
+      <ng-content select="ax-suffix"> </ng-content>
+    </div>
     <ng-content select="ax-dropdown-panel"> </ng-content>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-button-item',
                     template: `
-    <ng-content select="ax-prefix"> </ng-content>
-    <ng-content select="ax-loading"> </ng-content>
-    <ng-content select="ax-icon"> </ng-content>
-    @if (text) {
-      <span class="ax-button-item-text">{{ text }}</span>
-    }
-    <ng-content select="ax-suffix"> </ng-content>
+    <div class="ax-action-item-prefix">
+      <ng-content select="ax-prefix"> </ng-content>
+      <ng-content select="ax-loading"> </ng-content>
+      <ng-content select="ax-icon"> </ng-content>
+      @if (text) {
+        <ax-text>{{ text }}</ax-text>
+      }
+    </div>
+    <div class="ax-action-item-suffix">
+      <ng-content select="ax-suffix"> </ng-content>
+    </div>
     <ng-content select="ax-dropdown-panel"> </ng-content>
   `,
                     encapsulation: ViewEncapsulation.None,
@@ -138,4 +149,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
                 type: HostBinding,
                 args: ['attr.tabindex']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWtDLGdCQUFnQixFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFckgsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLFVBQVUsQ0FBQzs7QUFXbkM7Ozs7R0FJRztBQWtCSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsT0FBTyxDQUFDLHNCQUFzQixFQUFFLGdCQUFnQixDQUFDO0lBakI1Rjs7UUE0Q0k7OztTQUdDO1FBRUgsWUFBTyxHQUFHLEtBQUssQ0FBQztRQWVoQjs7OztXQUlHO1FBRUgsWUFBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztRQWlEdkU7O1dBRUc7UUFDMkIsYUFBUSxHQUFHLEdBQUcsQ0FBQztLQUM5QztJQTlGRzs7Ozs7S0FLQztJQUNILElBQ1csUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQVcsUUFBUSxDQUFDLENBQVU7UUFDNUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBOEJEOztPQUVHO0lBRUssV0FBVyxDQUFDLENBQWE7UUFDL0IsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztnQkFDaEIsU0FBUyxFQUFFLElBQUk7Z0JBQ2YsV0FBVyxFQUFFLElBQUksQ0FBQyxjQUFjLEVBQUU7Z0JBQ2xDLFdBQVcsRUFBRSxDQUFDO2FBQ2YsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFDRDs7T0FFRztJQUVLLFdBQVcsQ0FBQyxDQUFhO1FBQy9CLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQ7O09BRUc7SUFFSyxVQUFVLENBQUMsQ0FBYTtRQUM5QixJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQ1ksV0FBVztRQUNyQixNQUFNLFVBQVUsR0FBRztZQUNqQixnQkFBZ0IsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJO1lBQzVCLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2xDLG1CQUFtQixFQUFFLElBQUksQ0FBQyxRQUFRO1lBQ2xDLFlBQVksRUFBRSxJQUFJLENBQUMsT0FBTztTQUMzQixDQUFDO1FBQ0YsVUFBVSxDQUFDLE1BQU0sSUFBSSxDQUFDLEtBQUssSUFBSSxTQUFTLFVBQVUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUMzRCxPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsVUFBVSxDQUFDO2FBQzlCLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ25CLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ2hCLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUNmLENBQUM7OEdBcEdVLHFCQUFxQjtrR0FBckIscUJBQXFCLGtnQkFmdEI7Ozs7Ozs7OztHQVNUOzsyRkFNVSxxQkFBcUI7a0JBakJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7b0JBQ0QsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxNQUFNLEVBQUUsQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDO29CQUM3QixPQUFPLEVBQUUsQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsQ0FBQztpQkFDNUQ7OEJBTUMsSUFBSTtzQkFESCxLQUFLO2dCQWVLLFFBQVE7c0JBRGxCLEtBQUs7Z0JBY04sT0FBTztzQkFETixLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFPTixJQUFJO3NCQURILEtBQUs7Z0JBVU4sT0FBTztzQkFETixNQUFNO2dCQU9DLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQWN6QixXQUFXO3NCQURsQixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFTekIsVUFBVTtzQkFEakIsWUFBWTt1QkFBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBU3BCLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTztnQkFrQlUsUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhDbGlja0V2ZW50LCBBWFN0eWxlQ29sb3JUeXBlLCBNWENvbG9yQ29tcG9uZW50LCBNWEludGVyYWN0aXZlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5cbmltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJ3BvbHl0eXBlJztcblxuZXhwb3J0IGludGVyZmFjZSBBWEJ1dHRvbkl0ZW1MaXN0SXRlbSB7XG4gIG5hbWU6IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICBpY29uOiBzdHJpbmc7XG4gIGRpdmlkZWQ/OiBib29sZWFuO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNvbG9yPzogQVhTdHlsZUNvbG9yVHlwZTtcbn1cblxuLyoqXG4gKiBSZXByZXNlbnRzIGEgYnV0dG9uIGl0ZW0gd2l0aCBvcHRpb25hbCBjb250ZW50IGxpa2UgaWNvbnMsIHRleHQsIGFuZCBkcm9wZG93bnMuXG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYnV0dG9uLWl0ZW0nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtbG9hZGluZ1wiPiA8L25nLWNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtaWNvblwiPiA8L25nLWNvbnRlbnQ+XG4gICAgQGlmICh0ZXh0KSB7XG4gICAgICA8c3BhbiBjbGFzcz1cImF4LWJ1dHRvbi1pdGVtLXRleHRcIj57eyB0ZXh0IH19PC9zcGFuPlxuICAgIH1cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbiAgYCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGlucHV0czogWydjb2xvcicsICdkaXNhYmxlZCddLFxuICBvdXRwdXRzOiBbJ29uQ2xpY2snLCAnb25Gb2N1cycsICdvbkJsdXInLCAnZGlzYWJsZWRDaGFuZ2UnXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25JdGVtQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhNWEludGVyYWN0aXZlQ29tcG9uZW50LCBNWENvbG9yQ29tcG9uZW50KSB7XG4gIC8qKlxuICAgKiBUZXh0IGRpc3BsYXllZCBvbiB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqL1xuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIF9zZWxlY3RlZDogYm9vbGVhbjtcblxuICAgIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYnV0dG9uIGl0ZW0gaXMgc2VsZWN0ZWQuXG4gICAqIFxuICAgKiBAcGFyYW0gdiAtIEEgYm9vbGVhbiBpbmRpY2F0aW5nIHRoZSBzZWxlY3RlZCBzdGF0ZS5cbiAgICogVXBkYXRlcyB0aGUgdmlldyB3aGVuIHRoZSB2YWx1ZSBjaGFuZ2VzLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGdldCBzZWxlY3RlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2VsZWN0ZWQ7XG4gIH1cbiAgcHVibGljIHNldCBzZWxlY3RlZCh2OiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2VsZWN0ZWQgPSB2O1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgICAvKipcbiAgICogV2hldGhlciB0aGUgaXRlbSBpcyB2aXN1YWxseSBzZXBhcmF0ZWQgZnJvbSBvdGhlciBpdGVtcy5cbiAgICogIEBkZWZhdWx0VmFsdWUgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpdmlkZWQgPSBmYWxzZTtcblxuICAgIC8qKlxuICAgKiBEYXRhIGFzc29jaWF0ZWQgd2l0aCB0aGUgYnV0dG9uIGl0ZW0uXG4gICAqL1xuICBASW5wdXQoKVxuICBkYXRhOiB1bmtub3duO1xuXG4gICAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIHRoZSBidXR0b24gaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIG5hbWU6IHN0cmluZztcblxuXG4gIC8qKlxuICAgKiBFbWl0dGVkIHdoZW4gdGhlIGJ1dHRvbiBpdGVtIGlzIGNsaWNrZWQuXG4gICAqIEBldmVudFxuICAgKiBUaGUgZW1pdHRlZCB2YWx1ZSBpcyBhbiBgQVhDbGlja0V2ZW50YCBvYmplY3QgY29udGFpbmluZyBldmVudCBkZXRhaWxzLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXMnLCBbJyRldmVudCddKVxuICBwcml2YXRlIF9faG9zdEZvY3VzKGU6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRPbkZvY3VzRXZlbnQoZSk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2JsdXInLCBbJyRldmVudCddKVxuICBwcml2YXRlIF9faG9zdEJsdXIoZTogRm9jdXNFdmVudCkge1xuICAgIHRoaXMuZW1pdE9uQmx1ckV2ZW50KGUpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjc3NDbGFzc2VzID0ge1xuICAgICAgJ2F4LWJ1dHRvbi1pY29uJzogIXRoaXMudGV4dCxcbiAgICAgICdheC1zdGF0ZS1kaXNhYmxlZCc6IHRoaXMuZGlzYWJsZWQsXG4gICAgICAnYXgtc3RhdGUtc2VsZWN0ZWQnOiB0aGlzLnNlbGVjdGVkLFxuICAgICAgJ2F4LWRpdmlkZWQnOiB0aGlzLmRpdmlkZWQsXG4gICAgfTtcbiAgICBjc3NDbGFzc2VzW2BheC0ke3RoaXMuY29sb3IgfHwgJ3ByaW1hcnknfS1kZWZhdWx0YF0gPSB0cnVlO1xuICAgIHJldHVybiBPYmplY3QuZW50cmllcyhjc3NDbGFzc2VzKVxuICAgICAgLmZpbHRlcigoYykgPT4gY1sxXSlcbiAgICAgIC5tYXAoKGMpID0+IGNbMF0pXG4gICAgICAuam9pbignICcpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICcwJztcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2J1dHRvbi9zcmMvbGliL2J1dHRvbi1pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsZ0JBQWdCLEVBQ2hCLHNCQUFzQixHQUN2QixNQUFNLDJCQUEyQixDQUFDO0FBRW5DLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04saUJBQWlCLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxVQUFVLENBQUM7OztBQVduQzs7OztHQUlHO0FBc0JILE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxPQUFPLENBQUMsc0JBQXNCLEVBQUUsZ0JBQWdCLENBQUM7SUFyQjVGOztRQWdERTs7O1dBR0c7UUFFSCxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBY2hCOzs7O1dBSUc7UUFFSCxZQUFPLEdBQStCLElBQUksWUFBWSxFQUFnQixDQUFDO1FBbUR2RTs7V0FFRztRQUMyQixhQUFRLEdBQUcsR0FBRyxDQUFDO0tBQzlDO0lBL0ZDOzs7OztPQUtHO0lBQ0gsSUFDVyxRQUFRO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUN4QixDQUFDO0lBQ0QsSUFBVyxRQUFRLENBQUMsQ0FBVTtRQUM1QixJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztRQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUE2QkQ7O09BRUc7SUFFSyxXQUFXLENBQUMsQ0FBYTtRQUMvQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO2dCQUNoQixTQUFTLEVBQUUsSUFBSTtnQkFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGNBQWMsRUFBRTtnQkFDbEMsV0FBVyxFQUFFLENBQUM7YUFDZixDQUFDLENBQUM7UUFDTCxDQUFDO0lBQ0gsQ0FBQztJQUNEOztPQUVHO0lBRUssV0FBVyxDQUFDLENBQWE7UUFDL0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQzNCLENBQUM7SUFFRDs7T0FFRztJQUVLLFVBQVUsQ0FBQyxDQUFhO1FBQzlCLElBQUksQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDMUIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFDWSxXQUFXO1FBQ3JCLE1BQU0sVUFBVSxHQUFHO1lBQ2pCLGdCQUFnQixFQUFFLENBQUMsSUFBSSxDQUFDLElBQUk7WUFDNUIsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbEMsbUJBQW1CLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDbEMsWUFBWSxFQUFFLElBQUksQ0FBQyxPQUFPO1lBQzFCLGdCQUFnQixFQUFFLElBQUk7WUFDdEIsbUJBQW1CLEVBQUUsSUFBSTtTQUMxQixDQUFDO1FBQ0YsVUFBVSxDQUFDLFNBQVMsSUFBSSxDQUFDLEtBQUssUUFBUSxDQUFDLEdBQUcsSUFBSSxDQUFDO1FBQy9DLE9BQU8sTUFBTSxDQUFDLE9BQU8sQ0FBQyxVQUFVLENBQUM7YUFDOUIsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDbkIsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDaEIsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ2YsQ0FBQzs4R0FyR1UscUJBQXFCO2tHQUFyQixxQkFBcUIsa2dCQW5CdEI7Ozs7Ozs7Ozs7Ozs7R0FhVDs7MkZBTVUscUJBQXFCO2tCQXJCakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7R0FhVDtvQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLE1BQU0sRUFBRSxDQUFDLE9BQU8sRUFBRSxVQUFVLENBQUM7b0JBQzdCLE9BQU8sRUFBRSxDQUFDLFNBQVMsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLGdCQUFnQixDQUFDO2lCQUM1RDs4QkFNQyxJQUFJO3NCQURILEtBQUs7Z0JBZUssUUFBUTtzQkFEbEIsS0FBSztnQkFjTixPQUFPO3NCQUROLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxLQUFLO2dCQU9OLElBQUk7c0JBREgsS0FBSztnQkFTTixPQUFPO3NCQUROLE1BQU07Z0JBT0MsV0FBVztzQkFEbEIsWUFBWTt1QkFBQyxPQUFPLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBY3pCLFdBQVc7c0JBRGxCLFlBQVk7dUJBQUMsT0FBTyxFQUFFLENBQUMsUUFBUSxDQUFDO2dCQVN6QixVQUFVO3NCQURqQixZQUFZO3VCQUFDLE1BQU0sRUFBRSxDQUFDLFFBQVEsQ0FBQztnQkFTcEIsV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPO2dCQW9CVSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBWENsaWNrRXZlbnQsXG4gIEFYU3R5bGVDb2xvclR5cGUsXG4gIE1YQ29sb3JDb21wb25lbnQsXG4gIE1YSW50ZXJhY3RpdmVDb21wb25lbnQsXG59IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuXG5pbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGNsYXNzZXMgfSBmcm9tICdwb2x5dHlwZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQVhCdXR0b25JdGVtTGlzdEl0ZW0ge1xuICBuYW1lOiBzdHJpbmc7XG4gIHRleHQ6IHN0cmluZztcbiAgaWNvbjogc3RyaW5nO1xuICBkaXZpZGVkPzogYm9vbGVhbjtcbiAgZGlzYWJsZWQ/OiBib29sZWFuO1xuICBjb2xvcj86IEFYU3R5bGVDb2xvclR5cGU7XG59XG5cbi8qKlxuICogUmVwcmVzZW50cyBhIGJ1dHRvbiBpdGVtIHdpdGggb3B0aW9uYWwgY29udGVudCBsaWtlIGljb25zLCB0ZXh0LCBhbmQgZHJvcGRvd25zLlxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbi1pdGVtJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiYXgtYWN0aW9uLWl0ZW0tcHJlZml4XCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj4gPC9uZy1jb250ZW50PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtbG9hZGluZ1wiPiA8L25nLWNvbnRlbnQ+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1pY29uXCI+IDwvbmctY29udGVudD5cbiAgICAgIEBpZiAodGV4dCkge1xuICAgICAgICA8YXgtdGV4dD57eyB0ZXh0IH19PC9heC10ZXh0PlxuICAgICAgfVxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJheC1hY3Rpb24taXRlbS1zdWZmaXhcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtZHJvcGRvd24tcGFuZWxcIj4gPC9uZy1jb250ZW50PlxuICBgLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW5wdXRzOiBbJ2NvbG9yJywgJ2Rpc2FibGVkJ10sXG4gIG91dHB1dHM6IFsnb25DbGljaycsICdvbkZvY3VzJywgJ29uQmx1cicsICdkaXNhYmxlZENoYW5nZSddLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBjbGFzc2VzKE1YSW50ZXJhY3RpdmVDb21wb25lbnQsIE1YQ29sb3JDb21wb25lbnQpIHtcbiAgLyoqXG4gICAqIFRleHQgZGlzcGxheWVkIG9uIHRoZSBidXR0b24gaXRlbS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHRleHQ6IHN0cmluZztcblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX3NlbGVjdGVkOiBib29sZWFuO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgYnV0dG9uIGl0ZW0gaXMgc2VsZWN0ZWQuXG4gICAqXG4gICAqIEBwYXJhbSB2IC0gQSBib29sZWFuIGluZGljYXRpbmcgdGhlIHNlbGVjdGVkIHN0YXRlLlxuICAgKiBVcGRhdGVzIHRoZSB2aWV3IHdoZW4gdGhlIHZhbHVlIGNoYW5nZXMuXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZ2V0IHNlbGVjdGVkKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLl9zZWxlY3RlZDtcbiAgfVxuICBwdWJsaWMgc2V0IHNlbGVjdGVkKHY6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9zZWxlY3RlZCA9IHY7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAvKipcbiAgICogV2hldGhlciB0aGUgaXRlbSBpcyB2aXN1YWxseSBzZXBhcmF0ZWQgZnJvbSBvdGhlciBpdGVtcy5cbiAgICogIEBkZWZhdWx0VmFsdWUgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIGRpdmlkZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogRGF0YSBhc3NvY2lhdGVkIHdpdGggdGhlIGJ1dHRvbiBpdGVtLlxuICAgKi9cbiAgQElucHV0KClcbiAgZGF0YTogdW5rbm93bjtcblxuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIGJ1dHRvbiBpdGVtLlxuICAgKi9cbiAgQElucHV0KClcbiAgbmFtZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBFbWl0dGVkIHdoZW4gdGhlIGJ1dHRvbiBpdGVtIGlzIGNsaWNrZWQuXG4gICAqIEBldmVudFxuICAgKiBUaGUgZW1pdHRlZCB2YWx1ZSBpcyBhbiBgQVhDbGlja0V2ZW50YCBvYmplY3QgY29udGFpbmluZyBldmVudCBkZXRhaWxzLlxuICAgKi9cbiAgQE91dHB1dCgpXG4gIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdExpc3RlbmVyKCdjbGljaycsIFsnJGV2ZW50J10pXG4gIHByaXZhdGUgX19ob3N0Q2xpY2soZTogTW91c2VFdmVudCkge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQoe1xuICAgICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmdldEhvc3RFbGVtZW50KCksXG4gICAgICAgIG5hdGl2ZUV2ZW50OiBlLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG4gIC8qKlxuICAgKiAgQGlnbm9yZVxuICAgKi9cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXMnLCBbJyRldmVudCddKVxuICBwcml2YXRlIF9faG9zdEZvY3VzKGU6IEZvY3VzRXZlbnQpIHtcbiAgICB0aGlzLmVtaXRPbkZvY3VzRXZlbnQoZSk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2JsdXInLCBbJyRldmVudCddKVxuICBwcml2YXRlIF9faG9zdEJsdXIoZTogRm9jdXNFdmVudCkge1xuICAgIHRoaXMuZW1pdE9uQmx1ckV2ZW50KGUpO1xuICB9XG5cbiAgLyoqXG4gICAqICBAaWdub3JlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgcHJpdmF0ZSBnZXQgX19ob3N0Q2xhc3MoKTogc3RyaW5nIHtcbiAgICBjb25zdCBjc3NDbGFzc2VzID0ge1xuICAgICAgJ2F4LWJ1dHRvbi1pY29uJzogIXRoaXMudGV4dCxcbiAgICAgICdheC1zdGF0ZS1kaXNhYmxlZCc6IHRoaXMuZGlzYWJsZWQsXG4gICAgICAnYXgtc3RhdGUtc2VsZWN0ZWQnOiB0aGlzLnNlbGVjdGVkLFxuICAgICAgJ2F4LWRpdmlkZWQnOiB0aGlzLmRpdmlkZWQsXG4gICAgICAnYXgtYWN0aW9uLWl0ZW0nOiB0cnVlLFxuICAgICAgJ2F4LWVsLWludGVyYWN0aXZlJzogdHJ1ZSxcbiAgICB9O1xuICAgIGNzc0NsYXNzZXNbYGF4LWVsLSR7dGhpcy5jb2xvcn0tYmxhbmtgXSA9IHRydWU7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKGNzc0NsYXNzZXMpXG4gICAgICAuZmlsdGVyKChjKSA9PiBjWzFdKVxuICAgICAgLm1hcCgoYykgPT4gY1swXSlcbiAgICAgIC5qb2luKCcgJyk7XG4gIH1cblxuICAvKipcbiAgICogIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYmluZGV4ID0gJzAnO1xufVxuIl19

package/esm2022/button-group/index.mjs

@@ -1,3 +1,4 @@
+export * from './lib/button-group-item.component';
 export * from './lib/button-group.component';
 export * from './lib/button-group.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uLWdyb3VwL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDhCQUE4QixDQUFDO0FBQzdDLGNBQWMsMkJBQTJCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1ncm91cC5tb2R1bGUnO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uLWdyb3VwL3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYywyQkFBMkIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1ncm91cC1pdGVtLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9idXR0b24tZ3JvdXAuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2J1dHRvbi1ncm91cC5tb2R1bGUnO1xuIl19