npm - @acorex/components - Versions diffs - 7.8.11 → 7.8.13 - Mend

@acorex/components 7.8.11 → 7.8.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (243) hide show

package/fesm2022/acorex-components-button.mjs CHANGED Viewed

@@ -1,13 +1,22 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, EventEmitter, ChangeDetectionStrategy, Input, Output, HostListener, HostBinding, NgModule } from '@angular/core';
 import * as i2 from '@acorex/components/common';
 import { MXInteractiveComponent, MXColorComponent, MXButtonBaseComponent, AXComponent, AXFocusableComponent, AXCommonModule } from '@acorex/components/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostListener, HostBinding, NgModule } from '@angular/core';
 import { classes } from 'polytype';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { AXDecoratorModule } from '@acorex/components/decorators';
 import { AXLoadingModule } from '@acorex/components/loading';
+class AXButtonItemListComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonItemListComponent, selector: "ax-button-item-list", ngImport: i0, template: ` <ng-content select="ax-button-item, ax-title, ax-divider"></ng-content> `, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ax-button-item-list', template: ` <ng-content select="ax-button-item, ax-title, ax-divider"></ng-content> `, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
+        }] });
 class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {
     constructor() {
         super(...arguments);
@@ -49,8 +58,8 @@ class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorCompo
             .map((c) => c[0])
             .join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXButtonItemComponent, selector: "ax-button-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { attributes: { "tabindex": "0" }, listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonItemComponent, selector: "ax-button-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { attributes: { "tabindex": "0" }, listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass" } }, 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>
@@ -59,7 +68,7 @@ class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorCompo
     <ng-content select="ax-dropdown-panel"> </ng-content>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'ax-button-item',
@@ -157,14 +166,14 @@ class AXButtonComponent extends MXButtonBaseComponent {
     blur() {
         this.getButton().classList.remove('ax-state-focus');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.9", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
             { provide: AXComponent, useExisting: AXButtonComponent },
             { provide: AXButtonItemComponent, useExisting: AXButtonComponent },
             { provide: AXFocusableComponent, useExisting: AXButtonComponent },
-        ], usesInheritance: true, ngImport: i0, template: "<button\n  axRipple\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (click)=\"_handleClick($event)\"\n  [attr.type]=\"type\"\n>\n  <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n  <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.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.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.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.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone > button:focus-visible,ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid > button:focus-visible,ax-button.ax-primary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone > button:focus-visible,ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.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.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible,ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible,ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid > button:focus-visible,ax-button.ax-secondary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone > button:focus-visible,ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible,ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible,ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid > button:focus-visible,ax-button.ax-success-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone > button:focus-visible,ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.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.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible,ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible,ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid > button:focus-visible,ax-button.ax-warning-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone > button:focus-visible,ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.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.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible,ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible,ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid > button:focus-visible,ax-button.ax-danger-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone > button:focus-visible,ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.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.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible,ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible,ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid > button:focus-visible,ax-button.ax-info-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone > button:focus-visible,ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible,ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible,ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone > button:focus-visible,.ax-dark ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible,.ax-dark ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible,.ax-dark ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone > button:focus-visible,.ax-dark ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible,.ax-dark ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible,.ax-dark ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone > button:focus-visible,.ax-dark ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible,.ax-dark ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible,.ax-dark ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone > button:focus-visible,.ax-dark ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible,.ax-dark ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible,.ax-dark ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone > button:focus-visible,.ax-dark ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible,.ax-dark ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible,.ax-dark ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone > button:focus-visible,.ax-dark ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible,.ax-dark ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible,.ax-dark ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.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-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid > button:focus-visible,.ax-dark ax-button.ax-ghost-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.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-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline > button:focus-visible,.ax-dark ax-button.ax-ghost-outline > button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank > button:focus-visible,.ax-dark ax-button.ax-ghost-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone > button:focus-visible,.ax-dark ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXRippleDirective, selector: "[axRipple]", inputs: ["axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<button\n  axRipple\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (click)=\"_handleClick($event)\"\n  [attr.type]=\"type\"\n>\n  <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n  <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.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.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.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.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.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.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.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.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.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.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.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.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.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-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.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-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXRippleDirective, selector: "[axRipple]", inputs: ["axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [
                         'onBlur',
@@ -179,7 +188,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                         { provide: AXComponent, useExisting: AXButtonComponent },
                         { provide: AXButtonItemComponent, useExisting: AXButtonComponent },
                         { provide: AXFocusableComponent, useExisting: AXButtonComponent },
-                    ], template: "<button\n  axRipple\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (click)=\"_handleClick($event)\"\n  [attr.type]=\"type\"\n>\n  <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n  <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.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.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.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.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone > button:focus-visible,ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid > button:focus-visible,ax-button.ax-primary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone > button:focus-visible,ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.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.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible,ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible,ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid > button:focus-visible,ax-button.ax-secondary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone > button:focus-visible,ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible,ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible,ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid > button:focus-visible,ax-button.ax-success-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone > button:focus-visible,ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.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.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible,ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible,ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid > button:focus-visible,ax-button.ax-warning-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone > button:focus-visible,ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.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.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible,ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible,ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid > button:focus-visible,ax-button.ax-danger-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone > button:focus-visible,ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.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.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible,ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible,ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid > button:focus-visible,ax-button.ax-info-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone > button:focus-visible,ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible,ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible,ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone > button:focus-visible,.ax-dark ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible,.ax-dark ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible,.ax-dark ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone > button:focus-visible,.ax-dark ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible,.ax-dark ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible,.ax-dark ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone > button:focus-visible,.ax-dark ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible,.ax-dark ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible,.ax-dark ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone > button:focus-visible,.ax-dark ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible,.ax-dark ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible,.ax-dark ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone > button:focus-visible,.ax-dark ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible,.ax-dark ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible,.ax-dark ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone > button:focus-visible,.ax-dark ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible,.ax-dark ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible,.ax-dark ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.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-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid > button:focus-visible,.ax-dark ax-button.ax-ghost-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.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-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline > button:focus-visible,.ax-dark ax-button.ax-ghost-outline > button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank > button:focus-visible,.ax-dark ax-button.ax-ghost-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone > button:focus-visible,.ax-dark ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"] }]
+                    ], template: "<button\n  axRipple\n  [disabled]=\"disabled\"\n  [attr.tabindex]=\"tabIndex\"\n  (focus)=\"emitOnFocusEvent($event)\"\n  (blur)=\"emitOnBlurEvent($event)\"\n  (click)=\"_handleClick($event)\"\n  [attr.type]=\"type\"\n>\n  <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n  <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\n  <ng-content select=\"ax-suffix\"> </ng-content>\n  <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  <ng-content select=\".tab-content\"> </ng-content>\n</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.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.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.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.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.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.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.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.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.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.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.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.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.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-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.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-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"] }]
         }], propDecorators: { type: [{
                 type: Input
             }], __hostClass: [{
@@ -187,14 +196,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
                 args: ['class']
             }] } });
-const COMPONENT = [AXButtonComponent, AXButtonItemComponent];
+const COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];
 const MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule];
 class AXButtonModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.9", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent, AXButtonItemComponent], imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule], exports: [AXButtonComponent, AXButtonItemComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonModule, imports: [MODULES] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, imports: [MODULES] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImport: i0, type: AXButtonModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [MODULES],
@@ -208,5 +217,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { AXButtonComponent, AXButtonItemComponent, AXButtonModule };
+export { AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent, AXButtonModule };
 //# sourceMappingURL=acorex-components-button.mjs.map

package/fesm2022/acorex-components-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"acorex-components-button.mjs","sources":["../../../../libs/components/button/src/lib/button-item.component.ts","../../../../libs/components/button/src/lib/button.component.ts","../../../../libs/components/button/src/lib/button.component.html","../../../../libs/components/button/src/lib/button.module.ts","../../../../libs/components/button/src/acorex-components-button.ts"],"sourcesContent":["import { AXClickEvent, MXColorComponent, MXInteractiveComponent } 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\n@Component({\n selector: 'ax-button-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 <span class=\"ax-button-item-text\" ngIf=\"text\">{{ text }}</span>\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `,\n host: { tabindex: '0' },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['color', 'disabled'],\n outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n})\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n @Input()\n text: string;\n\n private _selected: boolean;\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 @Input()\n divided = false;\n\n @Input()\n data: unknown;\n\n @Input()\n name: string;\n\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\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 @HostListener('focus', ['$event'])\n private __hostFocus(e: FocusEvent) {\n this.emitOnFocusEvent(e);\n }\n\n @HostListener('blur', ['$event'])\n private __hostBlur(e: FocusEvent) {\n this.emitOnBlurEvent(e);\n }\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","import {\n AXClickEvent,\n AXComponent,\n AXFocusableComponent,\n MXButtonBaseComponent,\n} from '@acorex/components/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXButtonType } from './button-item.class';\nimport { AXButtonItemComponent } from './button-item.component';\n\n/\n The Button is a component which detects user interaction and triggers a corresponding event\n \n @category Components\n /\n@Component({\n selector: 'ax-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'],\n outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'toggleableChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ],\n})\nexport class AXButtonComponent extends MXButtonBaseComponent implements AfterViewInit {\n /\n Fires each time the user clicks the button.\n * @event\n /\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n @Input()\n type: AXButtonType = 'button';\n\n ngAfterViewInit(): void {\n this.getHostElement().removeAttribute('tabindex');\n }\n\n private getButton(): HTMLButtonElement {\n return this.getHostElement().firstElementChild as HTMLButtonElement;\n }\n\n _handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n if (this.toggleable) {\n this.selected = !this.selected;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n\n click() {\n this.getButton()?.click();\n }\n\n @HostBinding('class')\n private get __hostClass(): string[] {\n return Object.entries(this.cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0]);\n }\n\n override focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n override blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n}\n","<button\n axRipple\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n>\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" ngIf=\"text\">{{ text }}</span>\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n <ng-content select=\".tab-content\"> </ng-content>\n</button>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXButtonComponent } from './button.component';\n\nconst COMPONENT = [AXButtonComponent, AXButtonItemComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule];\n\n@NgModule({\n imports: [MODULES],\n exports: [...COMPONENT],\n declarations: [...COMPONENT],\n providers: [],\n})\nexport class AXButtonModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"acorex-components-button.mjs","sources":["../../../../libs/components/button/src/lib/button-item-list.component.ts","../../../../libs/components/button/src/lib/button-item.component.ts","../../../../libs/components/button/src/lib/button.component.ts","../../../../libs/components/button/src/lib/button.component.html","../../../../libs/components/button/src/lib/button.module.ts","../../../../libs/components/button/src/acorex-components-button.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'ax-button-item-list',\n template: ` <ng-content select=\"ax-button-item, ax-title, ax-divider\"></ng-content> `,\n styleUrls: ['./button-item-list.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXButtonItemListComponent {}\n","import { AXClickEvent, MXColorComponent, MXInteractiveComponent } 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\n@Component({\n selector: 'ax-button-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 <span class=\"ax-button-item-text\" ngIf=\"text\">{{ text }}</span>\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `,\n host: { tabindex: '0' },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['color', 'disabled'],\n outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n})\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n @Input()\n text: string;\n\n private _selected: boolean;\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 @Input()\n divided = false;\n\n @Input()\n data: unknown;\n\n @Input()\n name: string;\n\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\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 @HostListener('focus', ['$event'])\n private __hostFocus(e: FocusEvent) {\n this.emitOnFocusEvent(e);\n }\n\n @HostListener('blur', ['$event'])\n private __hostBlur(e: FocusEvent) {\n this.emitOnBlurEvent(e);\n }\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","import {\n AXClickEvent,\n AXComponent,\n AXFocusableComponent,\n MXButtonBaseComponent,\n} from '@acorex/components/common';\nimport {\n AfterViewInit,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXButtonType } from './button-item.class';\nimport { AXButtonItemComponent } from './button-item.component';\n\n/\n The Button is a component which detects user interaction and triggers a corresponding event\n \n @category Components\n /\n@Component({\n selector: 'ax-button',\n templateUrl: './button.component.html',\n styleUrls: ['./button.component.scss'],\n inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'],\n outputs: [\n 'onBlur',\n 'onFocus',\n 'onClick',\n 'selectedChange',\n 'toggleableChange',\n 'lookChange',\n 'colorChange',\n 'disabledChange',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [\n { provide: AXComponent, useExisting: AXButtonComponent },\n { provide: AXButtonItemComponent, useExisting: AXButtonComponent },\n { provide: AXFocusableComponent, useExisting: AXButtonComponent },\n ],\n})\nexport class AXButtonComponent extends MXButtonBaseComponent implements AfterViewInit {\n /\n Fires each time the user clicks the button.\n * @event\n /\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n @Input()\n type: AXButtonType = 'button';\n\n ngAfterViewInit(): void {\n this.getHostElement().removeAttribute('tabindex');\n }\n\n private getButton(): HTMLButtonElement {\n return this.getHostElement().firstElementChild as HTMLButtonElement;\n }\n\n _handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n return;\n }\n if (this.toggleable) {\n this.selected = !this.selected;\n }\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n\n // TODO: check keyboard event\n setTimeout(() => {\n this.blur();\n });\n }\n\n click() {\n this.getButton()?.click();\n }\n\n @HostBinding('class')\n private get __hostClass(): string[] {\n return Object.entries(this.cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0]);\n }\n\n override focus() {\n this.getButton()?.focus();\n this.getButton().classList.add('ax-state-focus');\n }\n override blur() {\n this.getButton().classList.remove('ax-state-focus');\n }\n}\n","<button\n axRipple\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n>\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" ngIf=\"text\">{{ text }}</span>\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n <ng-content select=\".tab-content\"> </ng-content>\n</button>\n","import { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXLoadingModule } from '@acorex/components/loading';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonItemListComponent } from './button-item-list.component';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXButtonComponent } from './button.component';\n\nconst COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];\nconst MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule];\n\n@NgModule({\n imports: [MODULES],\n exports: [...COMPONENT],\n declarations: [...COMPONENT],\n providers: [],\n})\nexport class AXButtonModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}