npm - @acorex/components - Versions diffs - 7.17.10 → 7.17.11 - Mend

@acorex/components 7.17.10 → 7.17.11

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

Files changed (106) hide show

package/esm2022/button-group/lib/button-group.component.mjs CHANGED Viewed

@@ -90,11 +90,11 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;--tw-content: \"\";content:var(--tw-content)}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{height:1.5rem;width:1.5rem;align-items:center;justify-content:center;display:flex!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1.25rem;line-height:1.75rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500),1)}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus)){outline-color:rgba(var(--ax-color-secondary-200),1)}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500),1)}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus)){outline-color:rgba(var(--ax-color-success-200),1)}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500),1)}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus)){outline-color:rgba(var(--ax-color-warning-200),1)}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500),1)}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus)){outline-color:rgba(var(--ax-color-danger-200),1)}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500),1)}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus)){outline-color:rgba(var(--ax-color-info-200),1)}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n  <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;--tw-content: \"\";content:var(--tw-content)}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{height:1.5rem;width:1.5rem;align-items:center;justify-content:center;display:flex!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1.25rem;line-height:1.75rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500),1)}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus)){outline-color:rgba(var(--ax-color-secondary-200),1)}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500),1)}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus)){outline-color:rgba(var(--ax-color-success-200),1)}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500),1)}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus)){outline-color:rgba(var(--ax-color-warning-200),1)}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500),1)}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus)){outline-color:rgba(var(--ax-color-danger-200),1)}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500),1)}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus)){outline-color:rgba(var(--ax-color-info-200),1)}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n  <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;--tw-content: \"\";content:var(--tw-content)}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{height:1.5rem;width:1.5rem;align-items:center;justify-content:center;display:flex!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1.25rem;line-height:1.75rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500),1)}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus)){outline-color:rgba(var(--ax-color-secondary-200),1)}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500),1)}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus)){outline-color:rgba(var(--ax-color-success-200),1)}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500),1)}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus)){outline-color:rgba(var(--ax-color-warning-200),1)}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500),1)}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus)){outline-color:rgba(var(--ax-color-danger-200),1)}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500),1)}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus)){outline-color:rgba(var(--ax-color-info-200),1)}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}\n"] }]
+            args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n  <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;--tw-content: \"\";content:var(--tw-content)}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{height:1.5rem;width:1.5rem;align-items:center;justify-content:center;display:flex!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1.25rem;line-height:1.75rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(ax-button-group.ax-color-primary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500),1)}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus)){outline-color:rgba(var(--ax-color-secondary-200),1)}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500),1)}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus)){outline-color:rgba(var(--ax-color-success-200),1)}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(ax-button-group.ax-color-success ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500),1)}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus)){outline-color:rgba(var(--ax-color-warning-200),1)}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(ax-button-group.ax-color-warning ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500),1)}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus)){outline-color:rgba(var(--ax-color-danger-200),1)}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(ax-button-group.ax-color-danger ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500),1)}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus)){outline-color:rgba(var(--ax-color-info-200),1)}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(ax-button-group.ax-color-info ax-button-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-item:hover.ax-state-selected)):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}:is(.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-item.ax-state-selected):before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-100),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-item.ax-state-selected){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-item.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}\n"] }]
         }], propDecorators: { _contentButtons: [{
                 type: ContentChildren,
                 args: [AXButtonItemComponent]

package/esm2022/calendar/lib/calendar.component.mjs CHANGED Viewed

@@ -414,7 +414,7 @@ export class AXCalendarComponent extends classes((MXValueComponent), MXInteracti
                 multi: true,
             },
             AXUnsubscriber,
-        ], usesInheritance: true, ngImport: i0, template: "<!-- ax-col-start-1 ax-col-start-2 ax-col-start-3 ax-col-start-4 ax-col-start-5 ax-col-start-6 ax-col-start-7 -->\n<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-calendar-body\">\n    <ng-container *ngFor=\"let v of views; let first = first; let last = last\">\n      <div [ngSwitch]=\"activeView\">\n        <ng-container *ngSwitchCase=\"'year'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }} - {{ v.range.endTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else yearTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #yearTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'month'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else monthTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #monthTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'month')\"\n              >\n                {{ v.range.startTime.format('MMM') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-week\">\n            <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <ng-container *ngFor=\"let slot of v.slots\">\n              <div\n                tabindex=\"0\"\n                class=\"ax-calendar-slot\"\n                [ngClass]=\"slot.cssClass\"\n                (click)=\"_handleSlotClick($event, slot)\"\n              >\n                <ng-container *ngIf=\"cellTemplate; else dayTpl\">\n                  <div>\n                    <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                    </ng-container>\n                  </div>\n                </ng-container>\n                <ng-template #dayTpl>\n                  <div [title]=\"slot.tooltip\">\n                    {{ slot.text }}\n                  </div>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n</ng-container>\n<ng-template #pickerTemplate>\n  <div class=\"ax-calendar-picker\">//TODO: picker</div>\n</ng-template>\n", styles: ["html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}ax-calendar{display:block;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity))}@media (min-width: 768px){ax-calendar{width:max-content}}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text;opacity:.75}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{float:left;padding-top:100%;content:\"\"}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected)){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:2px;outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:2px}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{--tw-text-opacity: 1 !important;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-left:.5rem;padding-right:.5rem;padding-top:.75rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{position:relative;margin:.125rem;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:.875rem;line-height:1.25rem}ax-calendar .ax-calendar-footer{margin-top:1.25rem;display:flex;align-items:center;justify-content:center}ax-calendar .ax-calendar-footer .ax-today-button{display:block;height:var(--ax-size-default);width:100%;cursor:pointer;border-radius:var(--ax-rounded-border-default);--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-600),var(--tw-bg-opacity))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], usesInheritance: true, ngImport: i0, template: "<!-- ax-col-start-1 ax-col-start-2 ax-col-start-3 ax-col-start-4 ax-col-start-5 ax-col-start-6 ax-col-start-7 -->\n<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-calendar-body\">\n    <ng-container *ngFor=\"let v of views; let first = first; let last = last\">\n      <div [ngSwitch]=\"activeView\">\n        <ng-container *ngSwitchCase=\"'year'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }} - {{ v.range.endTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else yearTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #yearTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'month'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else monthTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #monthTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'month')\"\n              >\n                {{ v.range.startTime.format('MMM') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-week\">\n            <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <ng-container *ngFor=\"let slot of v.slots\">\n              <div\n                tabindex=\"0\"\n                class=\"ax-calendar-slot\"\n                [ngClass]=\"slot.cssClass\"\n                (click)=\"_handleSlotClick($event, slot)\"\n              >\n                <ng-container *ngIf=\"cellTemplate; else dayTpl\">\n                  <div>\n                    <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                    </ng-container>\n                  </div>\n                </ng-container>\n                <ng-template #dayTpl>\n                  <div [title]=\"slot.tooltip\">\n                    {{ slot.text }}\n                  </div>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n</ng-container>\n<ng-template #pickerTemplate>\n  <div class=\"ax-calendar-picker\">//TODO: picker</div>\n</ng-template>\n", styles: ["html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}ax-calendar{display:block;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity))}@media (min-width: 768px){ax-calendar{width:-webkit-max-content;width:-moz-max-content;width:max-content}}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text;opacity:.75}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;grid-gap:.25rem;gap:.25rem;padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{float:left;padding-top:100%;content:\"\"}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected)){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:2px;outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:2px}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{--tw-text-opacity: 1 !important;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-left:.5rem;padding-right:.5rem;padding-top:.75rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{position:relative;margin:.125rem;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:.875rem;line-height:1.25rem}ax-calendar .ax-calendar-footer{margin-top:1.25rem;display:flex;align-items:center;justify-content:center}ax-calendar .ax-calendar-footer .ax-today-button{display:block;height:var(--ax-size-default);width:100%;cursor:pointer;border-radius:var(--ax-rounded-border-default);--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-600),var(--tw-bg-opacity))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i2.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i2.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXCalendarComponent, decorators: [{
             type: Component,
@@ -458,7 +458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                             multi: true,
                         },
                         AXUnsubscriber,
-                    ], template: "<!-- ax-col-start-1 ax-col-start-2 ax-col-start-3 ax-col-start-4 ax-col-start-5 ax-col-start-6 ax-col-start-7 -->\n<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-calendar-body\">\n    <ng-container *ngFor=\"let v of views; let first = first; let last = last\">\n      <div [ngSwitch]=\"activeView\">\n        <ng-container *ngSwitchCase=\"'year'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }} - {{ v.range.endTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else yearTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #yearTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'month'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else monthTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #monthTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'month')\"\n              >\n                {{ v.range.startTime.format('MMM') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-week\">\n            <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <ng-container *ngFor=\"let slot of v.slots\">\n              <div\n                tabindex=\"0\"\n                class=\"ax-calendar-slot\"\n                [ngClass]=\"slot.cssClass\"\n                (click)=\"_handleSlotClick($event, slot)\"\n              >\n                <ng-container *ngIf=\"cellTemplate; else dayTpl\">\n                  <div>\n                    <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                    </ng-container>\n                  </div>\n                </ng-container>\n                <ng-template #dayTpl>\n                  <div [title]=\"slot.tooltip\">\n                    {{ slot.text }}\n                  </div>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n</ng-container>\n<ng-template #pickerTemplate>\n  <div class=\"ax-calendar-picker\">//TODO: picker</div>\n</ng-template>\n", styles: ["html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}ax-calendar{display:block;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity))}@media (min-width: 768px){ax-calendar{width:max-content}}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text;opacity:.75}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem;padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{float:left;padding-top:100%;content:\"\"}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected)){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:2px;outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:2px}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{--tw-text-opacity: 1 !important;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-left:.5rem;padding-right:.5rem;padding-top:.75rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{position:relative;margin:.125rem;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:.875rem;line-height:1.25rem}ax-calendar .ax-calendar-footer{margin-top:1.25rem;display:flex;align-items:center;justify-content:center}ax-calendar .ax-calendar-footer .ax-today-button{display:block;height:var(--ax-size-default);width:100%;cursor:pointer;border-radius:var(--ax-rounded-border-default);--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-600),var(--tw-bg-opacity))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
+                    ], template: "<!-- ax-col-start-1 ax-col-start-2 ax-col-start-3 ax-col-start-4 ax-col-start-5 ax-col-start-6 ax-col-start-7 -->\n<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\n  <ng-content select=\"ax-header\"></ng-content>\n  <div class=\"ax-calendar-body\">\n    <ng-container *ngFor=\"let v of views; let first = first; let last = last\">\n      <div [ngSwitch]=\"activeView\">\n        <ng-container *ngSwitchCase=\"'year'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-state-disabled\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }} - {{ v.range.endTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon ax-next\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-year\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else yearTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #yearTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchCase=\"'month'\">\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-month\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <div\n              tabindex=\"0\"\n              *ngFor=\"let slot of v.slots\"\n              class=\"ax-calendar-slot\"\n              [ngClass]=\"slot.cssClass\"\n              (click)=\"_handleSlotClick($event, slot)\"\n            >\n              <ng-container *ngIf=\"cellTemplate; else monthTpl\">\n                <div>\n                  <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                  </ng-container>\n                </div>\n              </ng-container>\n              <ng-template #monthTpl>\n                <div [title]=\"slot.tooltip\">\n                  {{ slot.text }}\n                </div>\n              </ng-template>\n            </div>\n          </div>\n        </ng-container>\n        <ng-container *ngSwitchDefault>\n          <div class=\"ax-calendar-view-header\">\n            <div class=\"ax-calendar-header-info\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'year')\"\n              >\n                {{ v.range.startTime.format('YYYY') }}\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded\"\n                (click)=\"_handleNavClick($event, 'month')\"\n              >\n                {{ v.range.startTime.format('MMM') }}\n              </button>\n            </div>\n            <div class=\"ax-calendar-header-buttons\" *ngIf=\"last\">\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handlePrevClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-left\"></i>\n              </button>\n              <button\n                type=\"button\"\n                [attr.disabled]=\"disabled ? '' : null\"\n                [attr.readonly]=\"readonly ? '' : null\"\n                class=\"ax-general-button ax-button-rounded ax-button-icon\"\n                (click)=\"_handleNextClick()\"\n              >\n                <i class=\"ax-icon ax-icon-chevron-right\"></i>\n              </button>\n            </div>\n          </div>\n          <div class=\"ax-calendar-week\">\n            <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\n          </div>\n          <div class=\"ax-calendar-slots ax-calendar-slots-day\" [ngClass]=\"{ 'ax-default': !cellTemplate }\">\n            <ng-container *ngFor=\"let slot of v.slots\">\n              <div\n                tabindex=\"0\"\n                class=\"ax-calendar-slot\"\n                [ngClass]=\"slot.cssClass\"\n                (click)=\"_handleSlotClick($event, slot)\"\n              >\n                <ng-container *ngIf=\"cellTemplate; else dayTpl\">\n                  <div>\n                    <ng-container *ngTemplateOutlet=\"cellTemplate; context: { $implicit: { slot: slot } }\">\n                    </ng-container>\n                  </div>\n                </ng-container>\n                <ng-template #dayTpl>\n                  <div [title]=\"slot.tooltip\">\n                    {{ slot.text }}\n                  </div>\n                </ng-template>\n              </div>\n            </ng-container>\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <ng-content select=\"ax-footer\"></ng-content>\n</ng-container>\n<ng-template #pickerTemplate>\n  <div class=\"ax-calendar-picker\">//TODO: picker</div>\n</ng-template>\n", styles: ["html[dir=rtl] ax-calendar .ax-calendar-header-buttons{flex-direction:row-reverse}ax-calendar{display:block;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity))}@media (min-width: 768px){ax-calendar{width:-webkit-max-content;width:-moz-max-content;width:max-content}}ax-calendar.ax-state-disabled .ax-calendar-slots{cursor:not-allowed;opacity:.5}ax-calendar.ax-state-readonly .ax-calendar-slots{cursor:text;opacity:.75}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{display:flex;flex-direction:column}@media (min-width: 1024px){ax-calendar .ax-calendar-body{flex-direction:column}}ax-calendar .ax-calendar-body>div{width:100%;flex:1 1 0%}@media (min-width: 768px){ax-calendar .ax-calendar-body>div{width:20rem}}ax-calendar .ax-calendar-body .ax-calendar-view-header{display:flex;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-body .ax-calendar-view-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;grid-gap:.25rem;gap:.25rem;padding:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:before{float:left;padding-top:100%;content:\"\"}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:after{content:\"\";clear:both;display:block}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:hover.ax-state-selected)){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled){outline-width:2px;outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot:focus-visible.ax-state-disabled{outline-style:dashed;outline-width:2px}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-1{grid-column-start:1}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-2{grid-column-start:2}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-3{grid-column-start:3}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-4{grid-column-start:4}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-5{grid-column-start:5}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-6{grid-column-start:6}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-column-start-7{grid-column-start:7}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-other{opacity:.05}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-today){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-focused{border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}:is(.ax-dark ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-selected.ax-state-holiday{--tw-text-opacity: 1 !important;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))!important}ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-state-holiday{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-left:.5rem;padding-right:.5rem;padding-top:.75rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{position:relative;margin:.125rem;display:flex;cursor:pointer;align-items:center;justify-content:center;text-align:center;font-size:.875rem;line-height:1.25rem}ax-calendar .ax-calendar-footer{margin-top:1.25rem;display:flex;align-items:center;justify-content:center}ax-calendar .ax-calendar-footer .ax-today-button{display:block;height:var(--ax-size-default);width:100%;cursor:pointer;border-radius:var(--ax-rounded-border-default);--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-readonly{cursor:text;opacity:.75}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:hover):not(.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-600),var(--tw-bg-opacity))}ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled){outline-color:rgba(var(--ax-color-primary-500),1)}:is(.ax-dark ax-calendar .ax-calendar-footer .ax-today-button:is(ax-calendar .ax-calendar-footer .ax-today-button:focus,ax-calendar .ax-calendar-footer .ax-today-button:focus-visible):not(.ax-state-disabled)){outline-color:rgba(var(--ax-color-primary-200),1)}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
         }], ctorParameters: () => [{ type: i1.AXUnsubscriber }], propDecorators: { __hostClass: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/check-box/lib/check-box.component.mjs CHANGED Viewed

@@ -57,7 +57,7 @@ export class AXCheckBoxComponent extends MXValueComponent {
                 useExisting: forwardRef(() => AXCheckBoxComponent),
                 multi: true,
             },
-        ], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    <input\n      [id]=\"id\"\n      class=\"ax-checkbox\"\n      type=\"checkbox\"\n      [indeterminate]=\"_stateIndeterminate\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"_handleModelChange($event)\"\n      [checked]=\"value\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      (blur)=\"emitOnBlurEvent($event)\"\n    />\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-checkbox-label{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-checkbox:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    <input\n      [id]=\"id\"\n      class=\"ax-checkbox\"\n      type=\"checkbox\"\n      [indeterminate]=\"_stateIndeterminate\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"_handleModelChange($event)\"\n      [checked]=\"value\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      (blur)=\"emitOnBlurEvent($event)\"\n    />\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-checkbox-label{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-checkbox:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center}.ax-checkbox-label .ax-checkbox-end-side{-webkit-margin-start:.75rem;margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}\n"], dependencies: [{ kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXCheckBoxComponent, decorators: [{
             type: Component,
@@ -67,7 +67,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                             useExisting: forwardRef(() => AXCheckBoxComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    <input\n      [id]=\"id\"\n      class=\"ax-checkbox\"\n      type=\"checkbox\"\n      [indeterminate]=\"_stateIndeterminate\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"_handleModelChange($event)\"\n      [checked]=\"value\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      (blur)=\"emitOnBlurEvent($event)\"\n    />\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-checkbox-label{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-checkbox:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center}.ax-checkbox-label .ax-checkbox-end-side{margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;user-select:text}\n"] }]
+                    ], template: "<div class=\"ax-checkbox-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n  <div class=\"ax-checkbox-start-side\">\n    <input\n      [id]=\"id\"\n      class=\"ax-checkbox\"\n      type=\"checkbox\"\n      [indeterminate]=\"_stateIndeterminate\"\n      [ngModel]=\"value\"\n      (ngModelChange)=\"_handleModelChange($event)\"\n      [checked]=\"value\"\n      [disabled]=\"disabled\"\n      [readonly]=\"readonly\"\n      [tabindex]=\"tabIndex\"\n      (focus)=\"emitOnFocusEvent($event)\"\n      (blur)=\"emitOnBlurEvent($event)\"\n    />\n  </div>\n  <div class=\"ax-checkbox-end-side\">\n    <ng-content select=\"ax-label\"></ng-content>\n    <ng-content select=\"ax-form-hint\"></ng-content>\n    <span class=\"ax-error-container\"></span>\n  </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>\n", styles: [".ax-checkbox-label{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-checkbox-label.ax-state-readonly{opacity:.75}.ax-checkbox-label.ax-state-disabled{cursor:not-allowed;opacity:.5}.ax-checkbox-label.ax-state-disabled .ax-checkbox:disabled{opacity:1}.ax-checkbox-label .ax-checkbox-start-side{display:flex;height:1.25rem;align-items:center}.ax-checkbox-label .ax-checkbox-end-side{-webkit-margin-start:.75rem;margin-inline-start:.75rem}.ax-checkbox-label .ax-checkbox-end-side ax-label label{margin-bottom:0}.ax-checkbox-label .ax-checkbox-end-side ax-form-hint{margin-top:.25rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}\n"] }]
         }], propDecorators: { _labels: [{
                 type: ContentChildren,
                 args: [AXLabelComponent]