@acorex/components 19.10.0-next.1 → 19.10.0-next.2

package/fesm2022/acorex-components-button-group.mjs

@@ -1,148 +1,12 @@
-import { MXInteractiveComponent, MXColorComponent, MXColorLookComponent } from '@acorex/components/common';
+import { MXInteractiveComponent, MXColorLookComponent, MXColorComponent } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, HostBinding, HostListener, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, ContentChildren, NgModule } from '@angular/core';
+import { effect, EventEmitter, contentChildren, output, HostListener, HostBinding, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Component, inject, NgModule } from '@angular/core';
 import { classes } from 'polytype';
+import * as i1 from '@acorex/components/button';
+import { AXButtonModule } from '@acorex/components/button';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { CommonModule } from '@angular/common';
 
-/**
- * Represents a button item with optional content like icons, text, and dropdowns.
- *
- * @category Components
- */
-class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {
-    constructor() {
-        super(...arguments);
-        /**
-         * Whether the item is visually separated from other items.
-         *  @defaultValue false
-         */
-        this.divided = false;
-        /**
-         * Emitted when the button item is clicked.
-         * @event
-         * The emitted value is an `AXClickEvent` object containing event details.
-         */
-        this.onClick = new EventEmitter();
-        /**
-         *  @ignore
-         */
-        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.
-     */
-    get selected() {
-        return this._selected;
-    }
-    set selected(v) {
-        this._selected = v;
-        this.cdr.markForCheck();
-    }
-    /**
-     *  @ignore
-     */
-    __hostClick(e) {
-        if (!this.disabled) {
-            this.onClick.emit({
-                component: this,
-                htmlElement: this.getHostElement(),
-                nativeEvent: e,
-            });
-        }
-    }
-    /**
-     *  @ignore
-     */
-    __hostFocus(e) {
-        this.emitOnFocusEvent(e);
-    }
-    /**
-     *  @ignore
-     */
-    __hostBlur(e) {
-        this.emitOnBlurEvent(e);
-    }
-    /**
-     *  @ignore
-     */
-    get __hostClass() {
-        const cssClasses = {
-            'ax-button-icon': !this.text,
-            'ax-state-disabled': this.disabled,
-            'ax-state-selected': this.selected,
-            'ax-divided': this.divided,
-        };
-        cssClasses[`ax-${this.color || 'primary'}-default`] = true;
-        return Object.entries(cssClasses)
-            .filter((c) => c[1])
-            .map((c) => c[0])
-            .join(' ');
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXButtonGroupItemComponent, isStandalone: false, selector: "ax-button-group-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-group-item-text">{{ text }}</span>
-    }
-    <ng-content select="ax-suffix"> </ng-content>
-    <ng-content select="ax-dropdown-panel"> </ng-content>
-  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ax-button-group-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-group-item-text">{{ text }}</span>
-    }
-    <ng-content select="ax-suffix"> </ng-content>
-    <ng-content select="ax-dropdown-panel"> </ng-content>
-  `,
-                    encapsulation: ViewEncapsulation.None,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    inputs: ['color', 'disabled'],
-                    outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],
-                    standalone: false
-                }]
-        }], propDecorators: { text: [{
-                type: Input
-            }], selected: [{
-                type: Input
-            }], divided: [{
-                type: Input
-            }], data: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], onClick: [{
-                type: Output
-            }], __hostClick: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }], __hostFocus: [{
-                type: HostListener,
-                args: ['focus', ['$event']]
-            }], __hostBlur: [{
-                type: HostListener,
-                args: ['blur', ['$event']]
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }], tabindex: [{
-                type: HostBinding,
-                args: ['attr.tabindex']
-            }] } });
-
 /**
  * A component that groups multiple buttons together, allowing for consistent styling and behavior.
  *
@@ -151,19 +15,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLookComponent) {
     constructor() {
         super(...arguments);
+        this.#effect = effect(() => {
+            if (this._contentButtons().length) {
+                this._bindEvents();
+                this._bindProps();
+            }
+        });
         /**
          * Fires when any button in the group is clicked.
          *
          * @event
          */
         this.onClick = new EventEmitter();
+        /**
+         *  @ignore
+         */
+        this._contentButtons = contentChildren(AXButtonGroupItemComponent, { descendants: true });
         /**
          * Emitted when the selection mode changes.
          *
          * @event
          */
         this.selectionChange = new EventEmitter();
+        this.selectedButtonChange = output();
     }
+    #effect;
     /**
      * Defines the selection mode for the component.
      */
@@ -186,22 +62,11 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
             },
         });
     }
-    /**
-     *  @ignore
-     */
-    ngAfterContentInit() {
-        this._bindEvents();
-        this._bindProps();
-        this._contentButtons.changes.subscribe(() => {
-            this._bindEvents();
-            this._bindProps();
-        });
-    }
     /**
      *  @ignore
      */
     _bindEvents() {
-        this._contentButtons?.forEach((b) => {
+        this._contentButtons()?.forEach((b) => {
             if (!b.onClick.length)
                 b.onClick.subscribe((c) => {
                     this._handleClickEvent(c, b);
@@ -212,7 +77,7 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
      *  @ignore
      */
     _bindProps() {
-        this._contentButtons?.forEach((b) => {
+        this._contentButtons()?.forEach((b) => {
             if (b['originDisabled'] == null) {
                 b['originDisabled'] = b.disabled;
             }
@@ -234,6 +99,7 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
      *  @ignore
      */
     _handleClickEvent(e, button) {
+        this.selectedButtonChange.emit(button);
         if (this.selection == 'multiple') {
             button.selected = !button.selected;
         }
@@ -249,7 +115,7 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
      *  @ignore
      */
     clearSelection() {
-        this._contentButtons?.forEach((c) => {
+        this._contentButtons()?.forEach((c) => {
             c.selected = false;
         });
     }
@@ -260,8 +126,8 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
         const cssClasses = {
             'ax-state-disabled': this.disabled,
         };
-        cssClasses[`ax-color-${this.color || 'primary'}`] = true;
-        cssClasses[`ax-look-${this.look || 'default'}`] = true;
+        cssClasses[`ax-${this.color || 'primary'}`] = true;
+        cssClasses[`ax-${this.look || 'default'}`] = true;
         return cssClasses;
     }
     /**
@@ -283,16 +149,13 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXButtonGroupComponent, isStandalone: false, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", onClick: "onClick", selectionChange: "selectionChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-500));border-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-fore))}ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-twotone.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-100));color:rgba(var(--ax-color-neutral-fore-tint));border-color:rgba(var(--ax-color-neutral-100))}ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-blank.ax-color-neutral ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-color-neutral ax-button-group-item:is(ax-button-group.ax-color-neutral ax-button-group-item:focus-visible,ax-button-group.ax-color-neutral ax-button-group-item:focus){outline-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-color-neutral ax-button-group-item:hover:not(ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-color-neutral ax-button-group-item:hover:not(ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-fore));border-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-neutral-500));border-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint));border-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-neutral ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:is(.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:focus){outline-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.3", type: AXButtonGroupComponent, isStandalone: false, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", onClick: "onClick", selectionChange: "selectionChange", selectedButtonChange: "selectedButtonChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item ax-button{--ax-sys-transition-duration: 0}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{--ax-comp-button-border-radius: 0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item:first-child ax-button{--ax-comp-button-border-radius: 0;border-start-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}ax-button-group ax-button-group-item:last-child ax-button{--ax-comp-button-border-radius: 0;border-start-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], standalone: false, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-500));border-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-fore))}ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-twotone.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-100));color:rgba(var(--ax-color-neutral-fore-tint));border-color:rgba(var(--ax-color-neutral-100))}ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-blank.ax-color-neutral ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-color-neutral ax-button-group-item:is(ax-button-group.ax-color-neutral ax-button-group-item:focus-visible,ax-button-group.ax-color-neutral ax-button-group-item:focus){outline-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-color-neutral ax-button-group-item:hover:not(ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-color-neutral ax-button-group-item:hover:not(ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-500));color:rgba(var(--ax-color-neutral-fore));border-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-neutral-500));border-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint));border-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-neutral ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-neutral ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:is(.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:focus){outline-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-neutral ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-neutral-200));border-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-neutral-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"] }]
+            args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], standalone: false, template: "<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item ax-button{--ax-sys-transition-duration: 0}ax-button-group ax-button-group-item.ax-state-selected ax-button{z-index:1}ax-button-group ax-button-group-item:not(:first-child,:last-child) ax-button{--ax-comp-button-border-radius: 0}ax-button-group ax-button-group-item:not(:first-child) ax-button{margin-inline-start:-1px}ax-button-group ax-button-group-item:first-child ax-button{--ax-comp-button-border-radius: 0;border-start-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-start-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}ax-button-group ax-button-group-item:last-child ax-button{--ax-comp-button-border-radius: 0;border-start-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius));border-end-end-radius:var(--ax-comp-button-group-border-radius, var(--ax-sys-border-radius))}\n"] }]
         }], propDecorators: { onClick: [{
                 type: Output
-            }], _contentButtons: [{
-                type: ContentChildren,
-                args: [AXButtonGroupItemComponent]
             }], selectionChange: [{
                 type: Output
             }], selection: [{
@@ -308,11 +171,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
                 args: ['click', ['$event']]
             }] } });
 
+/**
+ * Represents a button item with optional content like icons, text, and dropdowns.
+ *
+ * @category Components
+ */
+class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {
+    constructor() {
+        super(...arguments);
+        this.btnGroup = inject(AXButtonGroupComponent);
+        /**
+         * Whether the item is visually separated from other items.
+         *  @defaultValue false
+         */
+        this.divided = false;
+        /**
+         * Emitted when the button item is clicked.
+         * @event
+         * The emitted value is an `AXClickEvent` object containing event details.
+         */
+        this.onClick = new EventEmitter();
+        /**
+         *  @ignore
+         */
+        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.
+     */
+    get selected() {
+        return this._selected;
+    }
+    set selected(v) {
+        this._selected = v;
+        this.cdr.markForCheck();
+    }
+    /**
+     *  @ignore
+     */
+    __hostClick(e) {
+        if (!this.disabled) {
+            this.onClick.emit({
+                component: this,
+                htmlElement: this.getHostElement(),
+                nativeEvent: e,
+            });
+        }
+    }
+    /**
+     *  @ignore
+     */
+    __hostFocus(e) {
+        this.emitOnFocusEvent(e);
+    }
+    /**
+     *  @ignore
+     */
+    __hostBlur(e) {
+        this.emitOnBlurEvent(e);
+    }
+    /**
+     *  @ignore
+     */
+    get __hostClass() {
+        const cssClasses = {
+            'ax-button-icon': !this.text,
+            'ax-state-disabled': this.disabled,
+            'ax-state-selected': this.selected,
+            'ax-divided': this.divided,
+        };
+        cssClasses[`ax-${this.color || 'primary'}-default`] = true;
+        return Object.entries(cssClasses)
+            .filter((c) => c[1])
+            .map((c) => c[0])
+            .join(' ');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.3", type: AXButtonGroupItemComponent, isStandalone: false, selector: "ax-button-group-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: `
+    <ax-button
+      [color]="selected ? color : 'ghost'"
+      [text]="text"
+      [look]="btnGroup.look"
+      [disabled]="disabled"
+      [selected]="color === 'ghost' ? selected : false"
+    >
+      <ng-content></ng-content>
+    </ax-button>
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-button-group-item',
+                    template: `
+    <ax-button
+      [color]="selected ? color : 'ghost'"
+      [text]="text"
+      [look]="btnGroup.look"
+      [disabled]="disabled"
+      [selected]="color === 'ghost' ? selected : false"
+    >
+      <ng-content></ng-content>
+    </ax-button>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: ['color', 'disabled'],
+                    outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],
+                    standalone: false,
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], divided: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }], __hostClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], __hostFocus: [{
+                type: HostListener,
+                args: ['focus', ['$event']]
+            }], __hostBlur: [{
+                type: HostListener,
+                args: ['blur', ['$event']]
+            }], __hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }] } });
+
 const COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];
-const MODULES = [CommonModule, AXDecoratorModule];
+const MODULES = [CommonModule, AXDecoratorModule, AXButtonModule];
 class AXButtonGroupModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, declarations: [AXButtonGroupComponent, AXButtonGroupItemComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, declarations: [AXButtonGroupComponent, AXButtonGroupItemComponent], imports: [CommonModule, AXDecoratorModule, AXButtonModule], exports: [AXButtonGroupComponent, AXButtonGroupItemComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonGroupModule, decorators: [{

package/fesm2022/acorex-components-button-group.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-button-group.mjs","sources":["../../../../libs/components/button-group/src/lib/button-group-item.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.html","../../../../libs/components/button-group/src/lib/button-group.module.ts","../../../../libs/components/button-group/src/acorex-components-button-group.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXStyleColorType,\n  MXColorComponent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport interface AXButtonItemListItem {\n  name: string;\n  text: string;\n  icon: string;\n  divided?: boolean;\n  disabled?: boolean;\n  color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n    selector: 'ax-button-group-item',\n    template: `\n    <ng-content select=\"ax-prefix\"> </ng-content>\n    <ng-content select=\"ax-loading\"> </ng-content>\n    <ng-content select=\"ax-icon\"> </ng-content>\n    @if (text) {\n      <span class=\"ax-button-group-item-text\">{{ text }}</span>\n    }\n    <ng-content select=\"ax-suffix\"> </ng-content>\n    <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    inputs: ['color', 'disabled'],\n    outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n    standalone: false\n})\nexport class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n  /**\n   * Text displayed on the button item.\n   */\n  @Input()\n  text: string;\n\n  /**\n   *  @ignore\n   */\n  private _selected: boolean;\n\n  /**\n   * Indicates whether the button item is selected.\n   *\n   * @param v - A boolean indicating the selected state.\n   * Updates the view when the value changes.\n   */\n  @Input()\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(v: boolean) {\n    this._selected = v;\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Whether the item is visually separated from other items.\n   *  @defaultValue false\n   */\n  @Input()\n  divided = false;\n\n  /**\n   * Data associated with the button item.\n   */\n  @Input()\n  data: unknown;\n\n  /**\n   * The name of the button item.\n   */\n  @Input()\n  name: string;\n\n  /**\n   * Emitted when the button item is clicked.\n   * @event\n   * The emitted value is an `AXClickEvent` object containing event details.\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n  /**\n   *  @ignore\n   */\n  @HostListener('focus', ['$event'])\n  private __hostFocus(e: FocusEvent) {\n    this.emitOnFocusEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('blur', ['$event'])\n  private __hostBlur(e: FocusEvent) {\n    this.emitOnBlurEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    const cssClasses = {\n      'ax-button-icon': !this.text,\n      'ax-state-disabled': this.disabled,\n      'ax-state-selected': this.selected,\n      'ax-divided': this.divided,\n    };\n    cssClasses[`ax-${this.color || 'primary'}-default`] = true;\n    return Object.entries(cssClasses)\n      .filter((c) => c[1])\n      .map((c) => c[0])\n      .join(' ');\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import {\n  AXClickEvent,\n  AXSelectionMode,\n  MXColorLookComponent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\nimport {\n  AfterContentInit,\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\n\n/**\n * A component that groups multiple buttons together, allowing for consistent styling and behavior.\n *\n * @category Components\n */\n@Component({\n    selector: 'ax-button-group',\n    templateUrl: './button-group.component.html',\n    styleUrls: ['./button-group.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    inputs: ['disabled', 'color', 'look'],\n    outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'],\n    standalone: false\n})\nexport class AXButtonGroupComponent\n  extends classes(MXInteractiveComponent, MXColorLookComponent)\n  implements AfterContentInit\n{\n  /**\n   * Fires when any button in the group is clicked.\n   *\n   * @event\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  @ContentChildren(AXButtonGroupItemComponent)\n  private _contentButtons: QueryList<AXButtonGroupItemComponent>;\n\n  /**\n   * Emitted when the selection mode changes.\n   *\n   * @event\n   */\n  @Output()\n  selectionChange: EventEmitter<AXSelectionMode> = new EventEmitter();\n\n  /**\n   *  @ignore\n   */\n  private _selection: AXSelectionMode;\n\n  /**\n   * Defines the selection mode for the component.\n   */\n  @Input()\n  public get selection(): AXSelectionMode {\n    return this._selection;\n  }\n\n  /**\n   * Sets the selection mode for the component.\n   *\n   * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.\n   */\n  public set selection(value: AXSelectionMode) {\n    this.setOption({\n      name: 'selection',\n      value: value,\n      afterCallback: (o, n) => {\n        if (value == 'none') {\n          this.clearSelection();\n        }\n      },\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  ngAfterContentInit() {\n    this._bindEvents();\n    this._bindProps();\n    this._contentButtons.changes.subscribe(() => {\n      this._bindEvents();\n      this._bindProps();\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindEvents() {\n    this._contentButtons?.forEach((b: any) => {\n      if (!b.onClick.length)\n        b.onClick.subscribe((c: any) => {\n          this._handleClickEvent(c, b);\n        });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindProps() {\n    this._contentButtons?.forEach((b: any) => {\n      if (b['originDisabled'] == null) {\n        b['originDisabled'] = b.disabled;\n      }\n      if (this.look) b.look = this.look;\n      if (this.color) b.color = this.color;\n      b.disabled = b['originDisabled'] || this.disabled;\n      b.toggleable = false;\n    });\n  }\n\n  /**\n   * Updates component properties based on internal option changes.\n   */\n  override internalOptionChanged() {\n    this._bindProps();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _handleClickEvent(e: AXClickEvent, button: AXButtonGroupItemComponent) {\n    if (this.selection == 'multiple') {\n      button.selected = !button.selected;\n    } else if (this.selection == 'single') {\n      this.clearSelection();\n      button.selected = true;\n    } else {\n      button.selected = false;\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private clearSelection() {\n    this._contentButtons?.forEach((c: AXButtonGroupItemComponent) => {\n      c.selected = false;\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): { [key: string]: boolean } {\n    const cssClasses = {\n      'ax-state-disabled': this.disabled,\n    };\n    cssClasses[`ax-color-${this.color || 'primary'}`] = true;\n    cssClasses[`ax-look-${this.look || 'default'}`] = true;\n    return cssClasses;\n  }\n  /**\n   *  @ignore\n   */\n  @HostBinding('attr.role') get role() {\n    return 'group';\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n}\n","<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\nimport { AXButtonGroupComponent } from './button-group.component';\n\nconst COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-button-group.mjs","sources":["../../../../libs/components/button-group/src/lib/button-group.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.html","../../../../libs/components/button-group/src/lib/button-group-item.component.ts","../../../../libs/components/button-group/src/lib/button-group.module.ts","../../../../libs/components/button-group/src/acorex-components-button-group.ts"],"sourcesContent":["import {\n  AXClickEvent,\n  AXSelectionMode,\n  MXColorLookComponent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  contentChildren,\n  effect,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  output,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\n\n/**\n * A component that groups multiple buttons together, allowing for consistent styling and behavior.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-button-group',\n  templateUrl: './button-group.component.html',\n  styleUrls: ['./button-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  inputs: ['disabled', 'color', 'look'],\n  outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'],\n  standalone: false,\n})\nexport class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLookComponent) {\n  #effect = effect(() => {\n    if (this._contentButtons().length) {\n      this._bindEvents();\n      this._bindProps();\n    }\n  });\n\n  /**\n   * Fires when any button in the group is clicked.\n   *\n   * @event\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  private _contentButtons = contentChildren(AXButtonGroupItemComponent, { descendants: true });\n\n  /**\n   * Emitted when the selection mode changes.\n   *\n   * @event\n   */\n  @Output()\n  selectionChange: EventEmitter<AXSelectionMode> = new EventEmitter();\n\n  selectedButtonChange = output<AXButtonGroupItemComponent>();\n\n  /**\n   *  @ignore\n   */\n  private _selection: AXSelectionMode;\n\n  /**\n   * Defines the selection mode for the component.\n   */\n  @Input()\n  public get selection(): AXSelectionMode {\n    return this._selection;\n  }\n\n  /**\n   * Sets the selection mode for the component.\n   *\n   * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.\n   */\n  public set selection(value: AXSelectionMode) {\n    this.setOption({\n      name: 'selection',\n      value: value,\n      afterCallback: (o, n) => {\n        if (value == 'none') {\n          this.clearSelection();\n        }\n      },\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindEvents() {\n    this._contentButtons()?.forEach((b: any) => {\n      if (!b.onClick.length)\n        b.onClick.subscribe((c: any) => {\n          this._handleClickEvent(c, b);\n        });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindProps() {\n    this._contentButtons()?.forEach((b: any) => {\n      if (b['originDisabled'] == null) {\n        b['originDisabled'] = b.disabled;\n      }\n      if (this.look) b.look = this.look;\n      if (this.color) b.color = this.color;\n      b.disabled = b['originDisabled'] || this.disabled;\n      b.toggleable = false;\n    });\n  }\n\n  /**\n   * Updates component properties based on internal option changes.\n   */\n  override internalOptionChanged() {\n    this._bindProps();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _handleClickEvent(e: AXClickEvent, button: AXButtonGroupItemComponent) {\n    this.selectedButtonChange.emit(button);\n    if (this.selection == 'multiple') {\n      button.selected = !button.selected;\n    } else if (this.selection == 'single') {\n      this.clearSelection();\n      button.selected = true;\n    } else {\n      button.selected = false;\n    }\n  }\n\n  /**\n   *  @ignore\n   */\n  private clearSelection() {\n    this._contentButtons()?.forEach((c: AXButtonGroupItemComponent) => {\n      c.selected = false;\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): { [key: string]: boolean } {\n    const cssClasses = {\n      'ax-state-disabled': this.disabled,\n    };\n    cssClasses[`ax-${this.color || 'primary'}`] = true;\n    cssClasses[`ax-${this.look || 'default'}`] = true;\n    return cssClasses;\n  }\n  /**\n   *  @ignore\n   */\n  @HostBinding('attr.role') get role() {\n    return 'group';\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n}\n","<ng-container>\n  <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n","import {\n  AXClickEvent,\n  AXStyleColorType,\n  MXColorComponent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  inject,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXButtonGroupComponent } from './button-group.component';\n\nexport interface AXButtonItemListItem {\n  name: string;\n  text: string;\n  icon: string;\n  divided?: boolean;\n  disabled?: boolean;\n  color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-button-group-item',\n  template: `\n    <ax-button\n      [color]=\"selected ? color : 'ghost'\"\n      [text]=\"text\"\n      [look]=\"btnGroup.look\"\n      [disabled]=\"disabled\"\n      [selected]=\"color === 'ghost' ? selected : false\"\n    >\n      <ng-content></ng-content>\n    </ax-button>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['color', 'disabled'],\n  outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n  standalone: false,\n})\nexport class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n  btnGroup = inject(AXButtonGroupComponent);\n  /**\n   * Text displayed on the button item.\n   */\n  @Input()\n  text: string;\n\n  /**\n   *  @ignore\n   */\n  private _selected: boolean;\n\n  /**\n   * Indicates whether the button item is selected.\n   *\n   * @param v - A boolean indicating the selected state.\n   * Updates the view when the value changes.\n   */\n  @Input()\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(v: boolean) {\n    this._selected = v;\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Whether the item is visually separated from other items.\n   *  @defaultValue false\n   */\n  @Input()\n  divided = false;\n\n  /**\n   * Data associated with the button item.\n   */\n  @Input()\n  data: unknown;\n\n  /**\n   * The name of the button item.\n   */\n  @Input()\n  name: string;\n\n  /**\n   * Emitted when the button item is clicked.\n   * @event\n   * The emitted value is an `AXClickEvent` object containing event details.\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n  /**\n   *  @ignore\n   */\n  @HostListener('focus', ['$event'])\n  private __hostFocus(e: FocusEvent) {\n    this.emitOnFocusEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('blur', ['$event'])\n  private __hostBlur(e: FocusEvent) {\n    this.emitOnBlurEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    const cssClasses = {\n      'ax-button-icon': !this.text,\n      'ax-state-disabled': this.disabled,\n      'ax-state-selected': this.selected,\n      'ax-divided': this.divided,\n    };\n    cssClasses[`ax-${this.color || 'primary'}-default`] = true;\n    return Object.entries(cssClasses)\n      .filter((c) => c[1])\n      .map((c) => c[0])\n      .join(' ');\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\nimport { AXButtonGroupComponent } from './button-group.component';\n\nconst COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];\nconst MODULES = [CommonModule, AXDecoratorModule, AXButtonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}