@acorex/components 19.8.0-next.8 → 19.9.0

package/fesm2022/acorex-components-button.mjs

@@ -1,7 +1,7 @@
 import * as i3 from '@acorex/components/common';
 import { MXInteractiveComponent, MXColorComponent, AXClosbaleComponent, MXButtonBaseComponent, AXComponent, AXFocusableComponent, AXCommonModule, AXRippleDirective } from '@acorex/components/common';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, HostListener, HostBinding, input, afterNextRender, Optional, Inject, ContentChildren, model, NgModule } from '@angular/core';
+import { EventEmitter, HostBinding, HostListener, Output, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, input, afterNextRender, ContentChildren, Optional, Inject, model, NgModule } from '@angular/core';
 import { classes } from 'polytype';
 import * as i1 from '@acorex/components/decorators';
 import { AXDecoratorModule } from '@acorex/components/decorators';
@@ -79,8 +79,9 @@ class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorCompo
             'ax-state-selected': this.selected,
             'ax-divided': this.divided,
             'ax-action-item': true,
+            'ax-el-interactive': true,
         };
-        cssClasses[`ax-${this.color}`] = true;
+        cssClasses[`ax-el-${this.color}-blank`] = true;
         return Object.entries(cssClasses)
             .filter((c) => c[1])
             .map((c) => c[0])
@@ -100,11 +101,13 @@ class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorCompo
       <ng-content select="ax-suffix"> </ng-content>
     </div>
     <ng-content select="ax-dropdown-panel"> </ng-content>
-  `, isInline: true, styles: ["ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-size-ratio: .75;--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-size-ratio: .875;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-size-ratio: 1;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-700)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-700)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-700)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-700)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-700)}ax-button.ax-solid.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-border-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-500)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-500)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-500)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-500)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-500)}ax-button.ax-outline.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-ghost-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-400);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-500);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-600);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:-4px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500)}ax-button.ax-twotone.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300)}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200)}ax-button.ax-blank.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger)}ax-button.ax-link.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-500)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-500)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-500)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-500)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-500)}ax-button-item.ax-ghost{--ax-comp-button-item-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button-item ax-text,ax-button-item ax-icon{color:rgba(var(--ax-comp-button-item-text-color))}\n"], dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: i1.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-sub-title, ax-placeholder, ax-overlay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-button-item', template: `
+            args: [{
+                    selector: 'ax-button-item',
+                    template: `
     <div class="ax-action-item-prefix">
       <ng-content select="ax-prefix"> </ng-content>
       <ng-content select="ax-loading"> </ng-content>
@@ -117,7 +120,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
       <ng-content select="ax-suffix"> </ng-content>
     </div>
     <ng-content select="ax-dropdown-panel"> </ng-content>
-  `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, inputs: ['color', 'disabled'], outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'], standalone: false, styles: ["ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-size-ratio: .75;--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-size-ratio: .875;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-size-ratio: 1;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-700)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-700)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-700)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-700)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-700)}ax-button.ax-solid.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-border-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-500)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-500)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-500)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-500)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-500)}ax-button.ax-outline.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-ghost-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-400);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-500);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-600);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:-4px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500)}ax-button.ax-twotone.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300)}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200)}ax-button.ax-blank.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger)}ax-button.ax-link.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-500)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-500)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-500)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-500)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-500)}ax-button-item.ax-ghost{--ax-comp-button-item-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button-item ax-text,ax-button-item ax-icon{color:rgba(var(--ax-comp-button-item-text-color))}\n"] }]
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    inputs: ['color', 'disabled'],
+                    outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],
+                    standalone: false
+                }]
         }], propDecorators: { text: [{
                 type: Input
             }], selected: [{
@@ -312,6 +321,10 @@ class AXButtonComponent extends MXButtonBaseComponent {
          * @defaultValue 'button'
          */
         this.type = input('button');
+        /**
+         * convert button to just icon in specific break points.
+         */
+        this.responsiveOn = model();
         /**
          * Defines the text displayed while the action sheet is loading.
          *
@@ -323,7 +336,6 @@ class AXButtonComponent extends MXButtonBaseComponent {
      *  @ignore
      */
     ngAfterViewInit() {
-        // import("@acorex/styles/button/solid")
         this.getHostElement().removeAttribute('tabindex');
     }
     /**
@@ -383,28 +395,19 @@ class AXButtonComponent extends MXButtonBaseComponent {
         this.getButton().classList.remove('ax-state-focus');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXButtonComponent, isStandalone: false, selector: "ax-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", loadingText: "loadingTextChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: AXButtonComponent, isStandalone: false, selector: "ax-button", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: false, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: false, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: false, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: false, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: false, isRequired: false, transformFunction: null }, toggleable: { classPropertyName: "toggleable", publicName: "toggleable", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, responsiveOn: { classPropertyName: "responsiveOn", publicName: "responsiveOn", isSignal: true, isRequired: false, transformFunction: null }, loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", responsiveOn: "responsiveOnChange", loadingText: "loadingTextChange" }, 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-loading, ax-loading-spinner\"> </ng-content>\n  <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText()) {\n    <span class=\"ax-button-text\">{{ text }}</span>\n  }\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\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\n  <ng-content></ng-content>\n</button>\n", styles: ["ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-size-ratio: .75;--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-size-ratio: .875;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-size-ratio: 1;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-700)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-700)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-700)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-700)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-700)}ax-button.ax-solid.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-border-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-500)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-500)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-500)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-500)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-500)}ax-button.ax-outline.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-ghost-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-400);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-500);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-600);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:-4px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500)}ax-button.ax-twotone.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300)}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200)}ax-button.ax-blank.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger)}ax-button.ax-link.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-500)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-500)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-500)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-500)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-500)}ax-button-item.ax-ghost{--ax-comp-button-item-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}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.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\n"], dependencies: [{ kind: "directive", type: i3.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<button\n  [axRipple]\n  [disabled]=\"disabled\"\n  [class]=\"'ax-state-responsive-' + responsiveOn()\"\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-loading, ax-loading-spinner\"> </ng-content>\n  <ng-content select=\"ax-prefix,ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText()) {\n    <span class=\"ax-button-text\">{{ text }}</span>\n  }\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\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{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button.ax-xs{font-size:.75rem;line-height:1rem}ax-button.ax-xs>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem;line-height:1.25rem}ax-button.ax-lg{font-size:1rem;line-height:1.25rem}ax-button.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button.ax-xl{font-size:1.125rem;line-height:1.75rem}ax-button.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button.ax-xl.ax-button-icon{font-size:1.5rem}ax-button.ax-xs.ax-button-icon,ax-button.ax-sm.ax-button-icon{font-size:1rem}ax-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}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{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;padding-left:1rem;padding-right:1rem;outline-color:transparent}@media screen and (max-width: 640px){ax-button>button.ax-state-responsive-xs .ax-button-text{display:none!important}}@media screen and (max-width: 768px){ax-button>button.ax-state-responsive-md .ax-button-text{display:none!important}}@media screen and (max-width: 1024px){ax-button>button.ax-state-responsive-lg .ax-button-text{display:none!important}}@media screen and (max-width: 1280px){ax-button>button.ax-state-responsive-xl .ax-button-text{display:none!important}}@media screen and (max-width: 1536px){ax-button>button.ax-state-responsive-2xl .ax-button-text{display:none!important}}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#000;border-radius:inherit}ax-button>button .ax-button-text{white-space:nowrap;padding-left:.5rem;padding-right:.5rem;font-weight:500;line-height:1}ax-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i3.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [
-                        'onBlur',
-                        'onFocus',
-                        'onClick',
-                        'selectedChange',
-                        'toggleableChange',
-                        'lookChange',
-                        'colorChange',
-                        'disabledChange',
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+            args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'toggleableChange', 'lookChange', 'colorChange', 'disabledChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
                         { provide: AXComponent, useExisting: AXButtonComponent },
                         { provide: AXButtonItemComponent, useExisting: AXButtonComponent },
                         { provide: AXFocusableComponent, useExisting: AXButtonComponent },
-                    ], standalone: false, 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-loading, ax-loading-spinner\"> </ng-content>\n  <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText()) {\n    <span class=\"ax-button-text\">{{ text }}</span>\n  }\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\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\n  <ng-content></ng-content>\n</button>\n", styles: ["ax-button{--ax-comp-button-padding-y: 0;--ax-comp-button-border-radius: var(--ax-sys-border-radius);--ax-comp-button-height: calc(var(--ax-sys-size-base) * var(--ax-comp-button-size-ratio));--ax-comp-button-text-padding-x: .5rem}ax-button ax-prefix{padding-inline-start:var(--ax-comp-button-decorator-padding-x)}ax-button ax-suffix{padding-inline-end:var(--ax-comp-button-decorator-padding-x)}ax-button.ax-button-icon{--ax-comp-button-decorator-padding-x: 0 !important;font-size:var(--ax-comp-button-icon-only-font-size)}.ax-xs ax-button,ax-button.ax-xs{--ax-comp-button-size-ratio: .75;--ax-comp-button-font-size: .75rem;--ax-comp-button-padding-x: .25rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: .875rem}.ax-sm ax-button,ax-button.ax-sm{--ax-comp-button-size-ratio: .875;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: .5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1rem}.ax-md ax-button,ax-button{--ax-comp-button-size-ratio: 1;--ax-comp-button-font-size: .875rem;--ax-comp-button-padding-x: 1rem;--ax-comp-button-decorator-padding-x: .25rem;--ax-comp-button-icon-only-font-size: 1.25rem}.ax-lg ax-button,ax-button.ax-lg{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.125rem;--ax-comp-button-padding-x: 1.125rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.5rem}.ax-xl ax-button,ax-button.ax-xl{--ax-comp-button-size-ratio: 1.125;--ax-comp-button-font-size: 1.5rem;--ax-comp-button-padding-x: 1.5rem;--ax-comp-button-decorator-padding-x: .5rem;--ax-comp-button-icon-only-font-size: 1.75rem}ax-button.ax-solid.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-700)}ax-button.ax-solid.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-700)}ax-button.ax-solid.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-700)}ax-button.ax-solid.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-700)}ax-button.ax-solid.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-700)}ax-button.ax-solid.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-border-width: 1px;--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-50);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-border-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-solid>button:focus-visible,ax-button.ax-solid>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-outline.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-primary-500)}ax-button.ax-outline.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-secondary-500)}ax-button.ax-outline.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-success-500)}ax-button.ax-outline.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-warning-500)}ax-button.ax-outline.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-normal-border-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-hover-border-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-pressed-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-border-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500);--ax-comp-button-selected-border-color: var(--ax-sys-color-danger-500)}ax-button.ax-outline.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-ghost-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-normal-border-color: var(--ax-sys-color-ghost-400);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-border-color: var(--ax-sys-color-ghost-500);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-border-color: var(--ax-sys-color-ghost-600);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-600);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-border-color: var(--ax-sys-color-ghost-300)}ax-button.ax-outline{--ax-comp-button-border-width: 1px;--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-outline>button:focus-visible,ax-button.ax-outline>button.ax-state-focus{outline:2px solid;outline-offset:-4px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-twotone.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-primary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-500)}ax-button.ax-twotone.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-secondary), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-normal-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-500)}ax-button.ax-twotone.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-success), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-normal-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-500)}ax-button.ax-twotone.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-danger), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-normal-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-500)}ax-button.ax-twotone.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-warning), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-normal-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-500)}ax-button.ax-twotone.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-normal-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-300)}ax-button.ax-twotone>button:focus-visible,ax-button.ax-twotone>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-blank.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-primary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-primary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200)}ax-button.ax-blank.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-secondary-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-secondary-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200)}ax-button.ax-blank.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-success-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-success-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200)}ax-button.ax-blank.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-warning-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-warning-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200)}ax-button.ax-blank.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-bg-color: var(--ax-sys-color-danger-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-bg-color: var(--ax-sys-color-danger-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200)}ax-button.ax-blank.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-bg-color: var(--ax-sys-color-ghost-100);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-bg-color: var(--ax-sys-color-ghost-300);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-300);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200)}ax-button.ax-blank{--ax-comp-button-normal-bg-color: transparent}ax-button.ax-blank>button:focus-visible,ax-button.ax-blank>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button.ax-link.ax-primary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-primary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-primary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-primary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-primary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-primary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-primary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-primary)}ax-button.ax-link.ax-secondary{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-secondary-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-secondary-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-secondary-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-secondary-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-secondary-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-secondary-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-secondary)}ax-button.ax-link.ax-success{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-success-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-success-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-success-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-success-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-success-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-success-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-success)}ax-button.ax-link.ax-warning{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-warning-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-warning-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-warning-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-warning-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-warning-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-warning-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-warning)}ax-button.ax-link.ax-danger{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-danger-500), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-danger-500);--ax-comp-button-hover-text-color: var(--ax-sys-color-danger-600);--ax-comp-button-pressed-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-text-color: var(--ax-sys-color-danger-700);--ax-comp-button-focused-outline-color: var(--ax-sys-color-danger-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-danger-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-danger)}ax-button.ax-link.ax-ghost{--ax-comp-ripple-bg-color: rgba(var(--ax-sys-color-on-contrast-ghost), .3);--ax-comp-button-normal-text-color: var(--ax-sys-color-ghost-800);--ax-comp-button-hover-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-pressed-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-text-color: var(--ax-sys-color-on-contrast-ghost);--ax-comp-button-focused-outline-color: var(--ax-sys-color-ghost-700);--ax-comp-button-selected-bg-color: var(--ax-sys-color-ghost-200);--ax-comp-button-selected-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button.ax-link{--ax-comp-button-normal-bg-color: transparent;--ax-comp-button-hover-bg-color: transparent;--ax-comp-button-pressed-bg-color: transparent;--ax-comp-button-focused-bg-color: transparent}ax-button.ax-link>button:focus-visible,ax-button.ax-link>button.ax-state-focus{outline:2px solid;outline-offset:2px;color:rgba(var(--ax-comp-button-focused-text-color));background-color:rgba(var(--ax-comp-button-focused-bg-color));border-color:rgba(var(--ax-comp-button-focused-border-color));outline-color:rgba(var(--ax-comp-button-focused-outline-color))}ax-button-item.ax-primary{--ax-comp-button-item-text-color: var(--ax-sys-color-primary-500)}ax-button-item.ax-secondary{--ax-comp-button-item-text-color: var(--ax-sys-color-secondary-500)}ax-button-item.ax-success{--ax-comp-button-item-text-color: var(--ax-sys-color-success-500)}ax-button-item.ax-danger{--ax-comp-button-item-text-color: var(--ax-sys-color-danger-500)}ax-button-item.ax-warning{--ax-comp-button-item-text-color: var(--ax-sys-color-warning-500)}ax-button-item.ax-ghost{--ax-comp-button-item-text-color: var(--ax-sys-color-on-contrast-ghost)}ax-button{position:relative;display:inline-flex;cursor:pointer;align-items:center;justify-content:center;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:var(--ax-sys-transition-duration);color:rgba(var(--ax-comp-button-normal-text-color));background-color:rgba(var(--ax-comp-button-normal-bg-color));border-color:rgba(var(--ax-comp-button-normal-border-color));border-width:var(--ax-comp-button-border-width, 0px);font-family:var(--ax-comp-button-font-family);font-size:var(--ax-comp-button-font-size);font-weight:var(--ax-comp-button-font-weight);border-radius:var(--ax-comp-button-border-radius);height:var(--ax-comp-button-height)}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;outline-color:transparent;-webkit-user-select:none;user-select:none;padding:var(--ax-comp-button-padding-y) var(--ax-comp-button-padding-x)}ax-button>button .ax-button-text{white-space:nowrap;padding:0 var(--ax-comp-button-text-padding-x);font-weight:500}ax-button:hover:not(ax-button:hover.ax-state-disabled,ax-button:hover.ax-state-loading,ax-button:hover.ax-state-selected){color:rgba(var(--ax-comp-button-hover-text-color));background-color:rgba(var(--ax-comp-button-hover-bg-color));border-color:rgba(var(--ax-comp-button-hover-border-color))}ax-button:active:not(ax-button:active.ax-state-disabled,ax-button:active.ax-state-loading,ax-button:active.ax-state-selected){color:rgba(var(--ax-comp-button-pressed-text-color));background-color:rgba(var(--ax-comp-button-pressed-bg-color));border-color:rgba(var(--ax-comp-button-pressed-border-color))}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.ax-button-icon{height:var(--ax-comp-button-height);width:var(--ax-comp-button-height)}ax-button.ax-state-selected{color:rgba(var(--ax-comp-button-selected-text-color));background-color:rgba(var(--ax-comp-button-selected-bg-color));border-color:rgba(var(--ax-comp-button-selected-border-color))}\n"] }]
+                    ], standalone: false, template: "<button\n  [axRipple]\n  [disabled]=\"disabled\"\n  [class]=\"'ax-state-responsive-' + responsiveOn()\"\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-loading, ax-loading-spinner\"> </ng-content>\n  <ng-content select=\"ax-prefix,ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText()) {\n    <span class=\"ax-button-text\">{{ text }}</span>\n  }\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\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{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button.ax-xs{font-size:.75rem;line-height:1rem}ax-button.ax-xs>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem;line-height:1.25rem}ax-button.ax-lg{font-size:1rem;line-height:1.25rem}ax-button.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button.ax-xl{font-size:1.125rem;line-height:1.75rem}ax-button.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button.ax-xl.ax-button-icon{font-size:1.5rem}ax-button.ax-xs.ax-button-icon,ax-button.ax-sm.ax-button-icon{font-size:1rem}ax-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1.25rem}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{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:inherit;padding-left:1rem;padding-right:1rem;outline-color:transparent}@media screen and (max-width: 640px){ax-button>button.ax-state-responsive-xs .ax-button-text{display:none!important}}@media screen and (max-width: 768px){ax-button>button.ax-state-responsive-md .ax-button-text{display:none!important}}@media screen and (max-width: 1024px){ax-button>button.ax-state-responsive-lg .ax-button-text{display:none!important}}@media screen and (max-width: 1280px){ax-button>button.ax-state-responsive-xl .ax-button-text{display:none!important}}@media screen and (max-width: 1536px){ax-button>button.ax-state-responsive-2xl .ax-button-text{display:none!important}}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#000;border-radius:inherit}ax-button>button .ax-button-text{white-space:nowrap;padding-left:.5rem;padding-right:.5rem;font-weight:500;line-height:1}ax-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
         }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

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

@@ -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-item-list.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 {\n  AXClickEvent,\n  AXStyleColorType,\n  MXColorComponent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport interface AXButtonItemListItem {\n  name: string;\n  text: string;\n  icon: string;\n  divided?: boolean;\n  disabled?: boolean;\n  color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-button-item',\n  styleUrl: 'button-item.component.scss',\n  template: `\n    <div class=\"ax-action-item-prefix\">\n      <ng-content select=\"ax-prefix\"> </ng-content>\n      <ng-content select=\"ax-loading\"> </ng-content>\n      <ng-content select=\"ax-icon\"> </ng-content>\n      @if (text) {\n        <ax-text>{{ text }}</ax-text>\n      }\n    </div>\n    <div class=\"ax-action-item-suffix\">\n      <ng-content select=\"ax-suffix\"> </ng-content>\n    </div>\n    <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  inputs: ['color', 'disabled'],\n  outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n  standalone: false,\n})\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n  /**\n   * Text displayed on the button item.\n   */\n  @Input()\n  text: string;\n\n  /**\n   *  @ignore\n   */\n  private _selected: boolean;\n\n  /**\n   * Indicates whether the button item is selected.\n   *\n   * @param v - A boolean indicating the selected state.\n   * Updates the view when the value changes.\n   */\n  @Input()\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(v: boolean) {\n    this._selected = v;\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Whether the item is visually separated from other items.\n   *  @defaultValue false\n   */\n  @Input()\n  divided = false;\n\n  /**\n   * Data associated with the button item.\n   */\n  @Input()\n  data: unknown;\n\n  /**\n   * The name of the button item.\n   */\n  @Input()\n  name: string;\n\n  /**\n   * Emitted when the button item is clicked.\n   * @event\n   * The emitted value is an `AXClickEvent` object containing event details.\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n  /**\n   *  @ignore\n   */\n  @HostListener('focus', ['$event'])\n  private __hostFocus(e: FocusEvent) {\n    this.emitOnFocusEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('blur', ['$event'])\n  private __hostBlur(e: FocusEvent) {\n    this.emitOnBlurEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    const cssClasses = {\n      'ax-button-icon': !this.text,\n      'ax-state-disabled': this.disabled,\n      'ax-state-selected': this.selected,\n      'ax-divided': this.divided,\n      'ax-action-item': true,\n    };\n    cssClasses[`ax-${this.color}`] = true;\n    return Object.entries(cssClasses)\n      .filter((c) => c[1])\n      .map((c) => c[0])\n      .join(' ');\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import {\n  AXClickEvent,\n  AXClosbaleComponent,\n  AXItemClickEvent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Optional,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n  afterNextRender,\n  input,\n} from '@angular/core';\nimport { AXButtonItemComponent, AXButtonItemListItem } from './button-item.component';\n\n/**\n * A component for rendering a list of button items with optional dividers between them.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-button-item-list',\n  template: `\n    @for (item of items(); track item.name) {\n      <ax-button-item\n        [text]=\"item.text\"\n        [name]=\"item.name\"\n        [disabled]=\"item.disabled\"\n        [color]=\"item.color\"\n        (onClick)=\"_handleOnItemClick($event)\"\n      >\n        @if (item.icon) {\n          <ax-prefix>\n            <ax-icon [icon]=\"item.icon\"></ax-icon>\n          </ax-prefix>\n        }\n      </ax-button-item>\n      @if (item.divided) {\n        <ax-divider></ax-divider>\n      }\n    }\n    <ng-content></ng-content>\n  `,\n  styleUrls: ['./button-item-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXButtonItemListComponent extends MXInteractiveComponent {\n  @ContentChildren(AXButtonItemComponent)\n  protected _contentButtons: QueryList<AXButtonItemComponent>;\n\n  /**\n   * The list of button items to display.\n   *\n   * @defaultValue []\n   */\n  items = input<AXButtonItemListItem[]>([]);\n\n  /**\n   * Emits an event when an item is clicked.\n   * The event contains details about the clicked item.\n   *\n   * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.\n   */\n  @Output()\n  onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>> = new EventEmitter<\n    AXItemClickEvent<AXButtonItemComponent>\n  >();\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private parent?: AXClosbaleComponent,\n  ) {\n    super();\n    afterNextRender(() => {\n      this._initContents();\n      this._contentButtons.changes.subscribe(() => {\n        this._initContents();\n      });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _initContents() {\n    this._bindEvents();\n    this._bindProps();\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindEvents() {\n    this._contentButtons?.forEach((b) => {\n      if (!b.onClick.length)\n        b.onClick.subscribe((c) => {\n          this._handleOnItemClick(c);\n        });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindProps() {\n    this._contentButtons?.forEach((b) => {\n      b.disabled = b.disabled ?? this.disabled;\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnItemClick(e: AXClickEvent) {\n    this.parent?.close();\n    this._emitOnItemClickEvent(e, e.component);\n  }\n\n  /**\n   *  @ignore\n   */\n  _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void {\n    this.onItemClick.emit({\n      component: this,\n      item,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e.nativeEvent,\n      name: item.name,\n      data: item.data,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-action-list ax-action-list-vertical`;\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  ViewEncapsulation,\n  input,\n  model,\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  standalone: false,\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  /**\n   * Specifies the type of button to be used in the action sheet.\n   *\n   * @defaultValue 'button'\n   */\n  type = input<AXButtonType>('button');\n\n  /**\n   * Defines the text displayed while the action sheet is loading.\n   *\n   * @defaultValue null\n   */\n  loadingText = model<string | null>(null);\n\n  /**\n   *  @ignore\n   */\n  ngAfterViewInit(): void {\n    // import(\"@acorex/styles/button/solid\")\n    this.getHostElement().removeAttribute('tabindex');\n  }\n\n  /**\n   *  @ignore\n   */\n  private getButton(): HTMLButtonElement {\n    return this.getHostElement().firstElementChild as HTMLButtonElement;\n  }\n\n  /**\n   *  @ignore\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  /**\n   * Triggers a click event on the button element.\n   */\n  click() {\n    this.getButton()?.click();\n  }\n\n  /**\n   *  @ignore\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  /**\n   * Sets focus on the button element and adds a focus style class.\n   *\n   */\n  override focus() {\n    this.getButton()?.focus();\n    this.getButton().classList.add('ax-state-focus');\n  }\n  /**\n   * Removes the focus style class from the button element\n   * when the button loses 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-loading, ax-loading-spinner\"> </ng-content>\n  <ng-content select=\"ax-prefix, ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText()) {\n    <span class=\"ax-button-text\">{{ text }}</span>\n  }\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\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\n  <ng-content></ng-content>\n</button>\n","import { AXCommonModule, AXRippleDirective } 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, AXRippleDirective];\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":["i2.AXButtonItemComponent","i1"],"mappings":"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"}
+{"version":3,"file":"acorex-components-button.mjs","sources":["../../../../libs/components/button/src/lib/button-item.component.ts","../../../../libs/components/button/src/lib/button-item-list.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 {\n  AXClickEvent,\n  AXStyleColorType,\n  MXColorComponent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\n\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport interface AXButtonItemListItem {\n  name: string;\n  text: string;\n  icon: string;\n  divided?: boolean;\n  disabled?: boolean;\n  color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n    selector: 'ax-button-item',\n    template: `\n    <div class=\"ax-action-item-prefix\">\n      <ng-content select=\"ax-prefix\"> </ng-content>\n      <ng-content select=\"ax-loading\"> </ng-content>\n      <ng-content select=\"ax-icon\"> </ng-content>\n      @if (text) {\n        <ax-text>{{ text }}</ax-text>\n      }\n    </div>\n    <div class=\"ax-action-item-suffix\">\n      <ng-content select=\"ax-suffix\"> </ng-content>\n    </div>\n    <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n  `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    inputs: ['color', 'disabled'],\n    outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n    standalone: false\n})\nexport class AXButtonItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n  /**\n   * Text displayed on the button item.\n   */\n  @Input()\n  text: string;\n\n  /**\n   *  @ignore\n   */\n  private _selected: boolean;\n\n  /**\n   * Indicates whether the button item is selected.\n   *\n   * @param v - A boolean indicating the selected state.\n   * Updates the view when the value changes.\n   */\n  @Input()\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(v: boolean) {\n    this._selected = v;\n    this.cdr.markForCheck();\n  }\n\n  /**\n   * Whether the item is visually separated from other items.\n   *  @defaultValue false\n   */\n  @Input()\n  divided = false;\n\n  /**\n   * Data associated with the button item.\n   */\n  @Input()\n  data: unknown;\n\n  /**\n   * The name of the button item.\n   */\n  @Input()\n  name: string;\n\n  /**\n   * Emitted when the button item is clicked.\n   * @event\n   * The emitted value is an `AXClickEvent` object containing event details.\n   */\n  @Output()\n  onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n  /**\n   *  @ignore\n   */\n  @HostListener('click', ['$event'])\n  private __hostClick(e: MouseEvent) {\n    if (!this.disabled) {\n      this.onClick.emit({\n        component: this,\n        htmlElement: this.getHostElement(),\n        nativeEvent: e,\n      });\n    }\n  }\n  /**\n   *  @ignore\n   */\n  @HostListener('focus', ['$event'])\n  private __hostFocus(e: FocusEvent) {\n    this.emitOnFocusEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostListener('blur', ['$event'])\n  private __hostBlur(e: FocusEvent) {\n    this.emitOnBlurEvent(e);\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    const cssClasses = {\n      'ax-button-icon': !this.text,\n      'ax-state-disabled': this.disabled,\n      'ax-state-selected': this.selected,\n      'ax-divided': this.divided,\n      'ax-action-item': true,\n      'ax-el-interactive': true,\n    };\n    cssClasses[`ax-el-${this.color}-blank`] = true;\n    return Object.entries(cssClasses)\n      .filter((c) => c[1])\n      .map((c) => c[0])\n      .join(' ');\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import {\n  AXClickEvent,\n  AXClosbaleComponent,\n  AXItemClickEvent,\n  MXInteractiveComponent,\n} from '@acorex/components/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  EventEmitter,\n  HostBinding,\n  Inject,\n  Optional,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n  afterNextRender,\n  input,\n} from '@angular/core';\nimport { AXButtonItemComponent, AXButtonItemListItem } from './button-item.component';\n\n/**\n * A component for rendering a list of button items with optional dividers between them.\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-button-item-list',\n  template: `\n    @for (item of items(); track item.name) {\n      <ax-button-item\n        [text]=\"item.text\"\n        [name]=\"item.name\"\n        [disabled]=\"item.disabled\"\n        [color]=\"item.color\"\n        (onClick)=\"_handleOnItemClick($event)\"\n      >\n        @if (item.icon) {\n          <ax-prefix>\n            <ax-icon [icon]=\"item.icon\"></ax-icon>\n          </ax-prefix>\n        }\n      </ax-button-item>\n      @if (item.divided) {\n        <ax-divider></ax-divider>\n      }\n    }\n    <ng-content></ng-content>\n  `,\n  styleUrls: ['./button-item-list.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  standalone: false,\n})\nexport class AXButtonItemListComponent extends MXInteractiveComponent {\n  @ContentChildren(AXButtonItemComponent)\n  protected _contentButtons: QueryList<AXButtonItemComponent>;\n\n  /**\n   * The list of button items to display.\n   *\n   * @defaultValue []\n   */\n  items = input<AXButtonItemListItem[]>([]);\n\n  /**\n   * Emits an event when an item is clicked.\n   * The event contains details about the clicked item.\n   *\n   * @event {AXItemClickEvent<AXButtonItemComponent>} - The event object containing clicked item details.\n   */\n  @Output()\n  onItemClick: EventEmitter<AXItemClickEvent<AXButtonItemComponent>> = new EventEmitter<\n    AXItemClickEvent<AXButtonItemComponent>\n  >();\n\n  /**\n   *  @ignore\n   */\n  constructor(\n    @Optional()\n    @Inject(AXClosbaleComponent)\n    private parent?: AXClosbaleComponent,\n  ) {\n    super();\n    afterNextRender(() => {\n      this._initContents();\n      this._contentButtons.changes.subscribe(() => {\n        this._initContents();\n      });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _initContents() {\n    this._bindEvents();\n    this._bindProps();\n    this.cdr.markForCheck();\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindEvents() {\n    this._contentButtons?.forEach((b) => {\n      if (!b.onClick.length)\n        b.onClick.subscribe((c) => {\n          this._handleOnItemClick(c);\n        });\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  private _bindProps() {\n    this._contentButtons?.forEach((b) => {\n      b.disabled = b.disabled ?? this.disabled;\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  protected _handleOnItemClick(e: AXClickEvent) {\n    this.parent?.close();\n    this._emitOnItemClickEvent(e, e.component);\n  }\n\n  /**\n   *  @ignore\n   */\n  _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void {\n    this.onItemClick.emit({\n      component: this,\n      item,\n      htmlElement: this.getHostElement(),\n      nativeEvent: e.nativeEvent,\n      name: item.name,\n      data: item.data,\n    });\n  }\n\n  /**\n   *  @ignore\n   */\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-action-list ax-action-list-vertical`;\n  }\n}\n","import { AXClickEvent, AXComponent, AXFocusableComponent, MXButtonBaseComponent } from '@acorex/components/common';\nimport {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  ViewEncapsulation,\n  input,\n  model,\n} from '@angular/core';\nimport { AXButtonType } from './button-item.class';\nimport { AXButtonItemComponent } from './button-item.component';\nimport { AXResponsiveOn } from './button.class';\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: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'toggleableChange', 'lookChange', 'colorChange', 'disabledChange'],\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    standalone: false\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  /**\n   * Specifies the type of button to be used in the action sheet.\n   *\n   * @defaultValue 'button'\n   */\n  type = input<AXButtonType>('button');\n\n  /**\n   * convert button to just icon in specific break points.\n   */\n  responsiveOn = model<AXResponsiveOn>();\n\n  /**\n   * Defines the text displayed while the action sheet is loading.\n   *\n   * @defaultValue null\n   */\n  loadingText = model<string | null>(null);\n\n  /**\n   *  @ignore\n   */\n  ngAfterViewInit(): void {\n    this.getHostElement().removeAttribute('tabindex');\n  }\n\n  /**\n   *  @ignore\n   */\n  private getButton(): HTMLButtonElement {\n    return this.getHostElement().firstElementChild as HTMLButtonElement;\n  }\n\n  /**\n   *  @ignore\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  /**\n   * Triggers a click event on the button element.\n   */\n  click() {\n    this.getButton()?.click();\n  }\n\n  /**\n   *  @ignore\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  /**\n   * Sets focus on the button element and adds a focus style class.\n   *\n   */\n  override focus() {\n    this.getButton()?.focus();\n    this.getButton().classList.add('ax-state-focus');\n  }\n  /**\n   * Removes the focus style class from the button element\n   * when the button loses focus.\n   */\n  override blur() {\n    this.getButton().classList.remove('ax-state-focus');\n  }\n}\n","<button\n  [axRipple]\n  [disabled]=\"disabled\"\n  [class]=\"'ax-state-responsive-' + responsiveOn()\"\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-loading, ax-loading-spinner\"> </ng-content>\n  <ng-content select=\"ax-prefix,ax-icon\"> </ng-content>\n  <ng-content select=\"ax-content\"> </ng-content>\n\n  @if (text && !loadingText()) {\n    <span class=\"ax-button-text\">{{ text }}</span>\n  }\n  @if (loadingText()) {\n    <span class=\"ax-button-text\">{{ loadingText() }}</span>\n  }\n\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, AXRippleDirective } 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, AXRippleDirective];\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":["i2.AXButtonItemComponent","i1"],"mappings":"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"}