@acorex/components 18.12.37 → 18.12.39
Sign up to get free protection for your applications and to get access to all the features.
- package/color-palette/lib/color-palette-picker.component.d.ts +3 -0
- package/common/lib/components/button-base-component.class.d.ts +10 -10
- package/common/lib/components/interactive-component.class.d.ts +11 -11
- package/common/lib/types/base/button.type.d.ts +8 -0
- package/common/lib/types/base/color.type.d.ts +7 -0
- package/common/lib/types/base/events.types.d.ts +1 -1
- package/common/lib/types/base/index.d.ts +5 -0
- package/common/lib/types/base/interactive.type.d.ts +13 -0
- package/common/lib/types/base/look.type.d.ts +7 -0
- package/common/lib/types/base/value.type.d.ts +9 -0
- package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +2 -2
- package/esm2022/button-group/lib/button-group.component.mjs +2 -2
- package/esm2022/color-palette/lib/color-palette-picker.component.mjs +28 -4
- package/esm2022/common/lib/components/base-component.class.mjs +1 -1
- package/esm2022/common/lib/components/button-base-component.class.mjs +11 -11
- package/esm2022/common/lib/components/interactive-component.class.mjs +12 -12
- package/esm2022/common/lib/components/selection-base.component.class.mjs +13 -5
- package/esm2022/common/lib/types/base/button.type.mjs +18 -0
- package/esm2022/common/lib/types/base/color.type.mjs +16 -0
- package/esm2022/common/lib/types/base/events.types.mjs +1 -1
- package/esm2022/common/lib/types/base/index.mjs +6 -1
- package/esm2022/common/lib/types/base/interactive.type.mjs +31 -0
- package/esm2022/common/lib/types/base/look.type.mjs +16 -0
- package/esm2022/common/lib/types/base/value.type.mjs +19 -0
- package/esm2022/drawer/lib/drawer/drawer-item/drawer.component.mjs +2 -2
- package/esm2022/dropdown/lib/dropdown-box.component.mjs +3 -3
- package/esm2022/form/lib/form-field.component.mjs +2 -2
- package/esm2022/form/lib/validation-rule.directive.mjs +1 -1
- package/esm2022/menu/lib/context-menu.component.mjs +2 -2
- package/esm2022/menu/lib/menu.component.mjs +2 -2
- package/esm2022/otp/lib/otp.component.mjs +32 -28
- package/esm2022/phone-box/lib/phone-box.component.mjs +21 -20
- package/esm2022/picker/lib/picker.component.mjs +8 -5
- package/esm2022/range-slider/lib/range-slider.component.mjs +1 -1
- package/esm2022/search-box/lib/search-box.component.mjs +4 -4
- package/esm2022/select-box/lib/select-box.component.mjs +6 -4
- package/esm2022/selection-list/lib/selection-list.component.mjs +9 -5
- package/esm2022/side-menu/lib/side-menu.component.mjs +2 -2
- package/esm2022/tabs/lib/tab-item.component.mjs +5 -4
- package/esm2022/tabs/lib/tabs.component.mjs +2 -2
- package/esm2022/text-area/lib/text-area.component.mjs +4 -4
- package/esm2022/wysiwyg/lib/wysiwyg/wysiwyg-view/wysiwyg-view.component.mjs +2 -2
- package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +2 -2
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-color-palette.mjs +27 -3
- package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
- package/fesm2022/acorex-components-common.mjs +124 -28
- package/fesm2022/acorex-components-common.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +2 -2
- package/fesm2022/acorex-components-drawer.mjs.map +1 -1
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +1 -1
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +4 -4
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-otp.mjs +31 -27
- package/fesm2022/acorex-components-otp.mjs.map +1 -1
- package/fesm2022/acorex-components-phone-box.mjs +20 -19
- package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
- package/fesm2022/acorex-components-picker.mjs +7 -4
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +2 -2
- package/fesm2022/acorex-components-search-box.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +5 -3
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-selection-list.mjs +7 -3
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +2 -2
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +6 -5
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +2 -2
- package/fesm2022/acorex-components-text-area.mjs.map +1 -1
- package/fesm2022/acorex-components-wysiwyg.mjs +2 -2
- package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
- package/form/lib/validation-rule.directive.d.ts +1 -1
- package/otp/lib/otp.component.d.ts +16 -15
- package/package.json +1 -1
- package/phone-box/lib/phone-box.component.d.ts +1 -2
- package/picker/lib/picker.component.d.ts +2 -2
- package/range-slider/lib/range-slider.component.d.ts +2 -2
- package/tabs/lib/tab-item.component.d.ts +9 -9
@@ -16,10 +16,10 @@ export declare class MXButtonBaseComponent extends MXButtonBaseComponent_base {
|
|
16
16
|
get text(): string;
|
17
17
|
set text(v: string);
|
18
18
|
/**
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
19
|
+
* Emits an event when the toggleable state of the action sheet changes.
|
20
|
+
*
|
21
|
+
* @event
|
22
|
+
*/
|
23
23
|
toggleableChange: EventEmitter<boolean>;
|
24
24
|
private _toggleable?;
|
25
25
|
/**
|
@@ -28,10 +28,10 @@ export declare class MXButtonBaseComponent extends MXButtonBaseComponent_base {
|
|
28
28
|
get toggleable(): boolean;
|
29
29
|
set toggleable(value: boolean);
|
30
30
|
/**
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
31
|
+
* Emits an event whenever the selection state of the component changes.
|
32
|
+
*
|
33
|
+
* @event
|
34
|
+
*/
|
35
35
|
selectedChange: EventEmitter<boolean>;
|
36
36
|
private _selected?;
|
37
37
|
/**
|
@@ -40,8 +40,8 @@ export declare class MXButtonBaseComponent extends MXButtonBaseComponent_base {
|
|
40
40
|
get selected(): boolean;
|
41
41
|
set selected(value: boolean);
|
42
42
|
/**
|
43
|
-
|
44
|
-
|
43
|
+
* @ignore
|
44
|
+
*/
|
45
45
|
constructor();
|
46
46
|
/**
|
47
47
|
* @ignore
|
@@ -3,25 +3,25 @@ import { AXFocusEvent } from '../classes/events.class';
|
|
3
3
|
import { MXBaseComponent } from './base-component.class';
|
4
4
|
export declare class MXInteractiveComponent extends MXBaseComponent {
|
5
5
|
/**
|
6
|
-
|
7
|
-
|
6
|
+
* @ignore
|
7
|
+
*/
|
8
8
|
protected onTouchedCallback: () => void;
|
9
9
|
registerOnTouched(fn: () => void): void;
|
10
10
|
private _touched;
|
11
11
|
/**
|
12
|
-
|
13
|
-
|
14
|
-
|
12
|
+
* Indicates whether the component has been touched.
|
13
|
+
*
|
14
|
+
*/
|
15
15
|
get touched(): boolean;
|
16
16
|
/**
|
17
|
-
|
18
|
-
|
17
|
+
* @ignore
|
18
|
+
*/
|
19
19
|
protected markAsTouched(): void;
|
20
20
|
/**
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
21
|
+
* Emits an event whenever the disabled state of the component changes.
|
22
|
+
*
|
23
|
+
* @event
|
24
|
+
*/
|
25
25
|
disabledChange: EventEmitter<boolean>;
|
26
26
|
private _disabled;
|
27
27
|
/**
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare abstract class NXButtonComponent {
|
3
|
+
text: import("@angular/core").ModelSignal<string>;
|
4
|
+
toggleableChange: import("@angular/core").OutputEmitterRef<boolean>;
|
5
|
+
selectedChange: import("@angular/core").OutputEmitterRef<boolean>;
|
6
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NXButtonComponent, never>;
|
7
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NXButtonComponent, "ng-component", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "toggleableChange": "toggleableChange"; "selectedChange": "selectedChange"; }, never, never, false, never>;
|
8
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { AXStyleColorType } from '../../classes/styles.class';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare abstract class NXColorComponent {
|
4
|
+
color: import("@angular/core").ModelSignal<AXStyleColorType>;
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NXColorComponent, never>;
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NXColorComponent, "ng-component", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "color": "colorChange"; }, never, never, false, never>;
|
7
|
+
}
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { NXComponent } from './component.types';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare abstract class NXInteractiveComponent extends NXComponent {
|
4
|
+
disabled: import("@angular/core").ModelSignal<boolean>;
|
5
|
+
tabIndex: import("@angular/core").ModelSignal<number>;
|
6
|
+
onFocus: import("@angular/core").OutputEmitterRef<void>;
|
7
|
+
onBlur: import("@angular/core").OutputEmitterRef<void>;
|
8
|
+
focus(): void;
|
9
|
+
blur(): void;
|
10
|
+
hasFocus(): boolean;
|
11
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NXInteractiveComponent, never>;
|
12
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NXInteractiveComponent, "ng-component", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "tabIndex": "tabIndexChange"; "onFocus": "onFocus"; "onBlur": "onBlur"; }, never, never, false, never>;
|
13
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { AXStyleLookType } from '../../classes/styles.class';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export declare abstract class NXLookComponent {
|
4
|
+
look: import("@angular/core").ModelSignal<AXStyleLookType>;
|
5
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NXLookComponent, never>;
|
6
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NXLookComponent, "ng-component", never, { "look": { "alias": "look"; "required": false; "isSignal": true; }; }, { "look": "lookChange"; }, never, never, false, never>;
|
7
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import * as i0 from "@angular/core";
|
2
|
+
export declare abstract class NXValueComponent {
|
3
|
+
readonly: import("@angular/core").ModelSignal<boolean>;
|
4
|
+
name: import("@angular/core").ModelSignal<string>;
|
5
|
+
value: import("@angular/core").ModelSignal<unknown>;
|
6
|
+
onValueChanged: import("@angular/core").OutputEmitterRef<void>;
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NXValueComponent, never>;
|
8
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<NXValueComponent, "ng-component", never, { "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "readonly": "readonlyChange"; "name": "nameChange"; "value": "valueChange"; "onValueChanged": "onValueChanged"; }, never, never, false, never>;
|
9
|
+
}
|
@@ -9,11 +9,11 @@ import * as i1 from "@angular/common";
|
|
9
9
|
*/
|
10
10
|
export class AXBreadCrumbsComponent extends MXBaseComponent {
|
11
11
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
12
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;text-
|
12
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.0", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;text-decoration-line:none;font-weight:500;color:rgba(var(--ax-color-text-default),.75)}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-left:.375rem;padding-right:.375rem;padding-top:2px;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
13
13
|
}
|
14
14
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
|
15
15
|
type: Component,
|
16
|
-
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;text-
|
16
|
+
args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;text-decoration-line:none;font-weight:500;color:rgba(var(--ax-color-text-default),.75)}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{font-size:.875rem;padding-left:.375rem;padding-right:.375rem;padding-top:2px;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}\n"] }]
|
17
17
|
}], propDecorators: { _divider: [{
|
18
18
|
type: ContentChild,
|
19
19
|
args: ['divider']
|
@@ -143,11 +143,11 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
|
|
143
143
|
}
|
144
144
|
}
|
145
145
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
146
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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", onClick: "onClick", selectionChange: "selectionChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500))!important;border-color:rgba(var(--ax-color-primary-500))!important;color:rgba(var(--ax-color-primary-fore))!important}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))!important}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500))!important;border-color:rgba(var(--ax-color-secondary-500))!important;color:rgba(var(--ax-color-secondary-fore))!important}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))!important}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500))!important;border-color:rgba(var(--ax-color-success-500))!important;color:rgba(var(--ax-color-success-fore))!important}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))!important}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500))!important;border-color:rgba(var(--ax-color-warning-500))!important;color:rgba(var(--ax-color-warning-fore))!important}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))!important}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500))!important;border-color:rgba(var(--ax-color-danger-500))!important;color:rgba(var(--ax-color-danger-fore))!important}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))!important}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500))!important;border-color:rgba(var(--ax-color-info-500))!important;color:rgba(var(--ax-color-info-fore))!important}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))!important}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
146
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", 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", onClick: "onClick", selectionChange: "selectionChange" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass", "attr.role": "this.role" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonGroupItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
147
147
|
}
|
148
148
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
149
149
|
type: Component,
|
150
|
-
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500))!important;border-color:rgba(var(--ax-color-primary-500))!important;color:rgba(var(--ax-color-primary-fore))!important}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))!important}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500))!important;border-color:rgba(var(--ax-color-secondary-500))!important;color:rgba(var(--ax-color-secondary-fore))!important}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))!important}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500))!important;border-color:rgba(var(--ax-color-success-500))!important;color:rgba(var(--ax-color-success-fore))!important}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))!important}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500))!important;border-color:rgba(var(--ax-color-warning-500))!important;color:rgba(var(--ax-color-warning-fore))!important}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))!important}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500))!important;border-color:rgba(var(--ax-color-danger-500))!important;color:rgba(var(--ax-color-danger-fore))!important}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))!important}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500))!important;border-color:rgba(var(--ax-color-info-500))!important;color:rgba(var(--ax-color-info-fore))!important}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))!important}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"] }]
|
150
|
+
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-group-item{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-width:1px;border-color:rgba(var(--ax-color-input-border));background-color:rgba(var(--ax-color-surface));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:rgba(var(--ax-color-surface-fore));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-group-item:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-group-item:not(ax-button-group ax-button-group-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;height:100%;width:1px;padding:1px 0;content:\"\"}ax-button-group ax-button-group-item .ax-button-group-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-group-item,ax-button-group.ax-state-loading>ax-button-group-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:1rem;line-height:1.25rem}ax-button-group.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button-group.ax-xl{font-size:1.5rem;line-height:2rem}ax-button-group.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-100))}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:is(ax-button-group.ax-color-primary ax-button-group-item:focus-visible,ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-color-primary ax-button-group-item:hover:not(ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-500))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-100))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:is(ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-color-secondary ax-button-group-item:hover:not(ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-500))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-100))}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:is(ax-button-group.ax-color-success ax-button-group-item:focus-visible,ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button-group.ax-color-success ax-button-group-item:hover:not(ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-500))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-100))}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:is(ax-button-group.ax-color-warning ax-button-group-item:focus-visible,ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-color-warning ax-button-group-item:hover:not(ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-500))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-100))}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:is(ax-button-group.ax-color-danger ax-button-group-item:focus-visible,ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-color-danger ax-button-group-item:hover:not(ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-500))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-100))}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:is(ax-button-group.ax-color-info ax-button-group-item:focus-visible,ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button-group.ax-color-info ax-button-group-item:hover:not(ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:transparent;color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-500))}ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-100));background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-tint))}ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-primary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-primary-200));border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:focus){outline-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-secondary ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-secondary-200));border-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:is(.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-group-item:focus){outline-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-success ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-success-200));border-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:focus){outline-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-warning ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-warning-200));border-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:focus){outline-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-danger ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-danger-200));border-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected{background-color:transparent;border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:is(.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-group-item:focus){outline-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected){border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover:not(.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-disabled,.ax-dark ax-button-group.ax-color-info ax-button-group-item:hover.ax-state-selected):before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected{background-color:rgba(var(--ax-color-info-200));border-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}.ax-dark ax-button-group.ax-look-solid.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-outline.ax-color-ghost ax-button-group-item.ax-state-selected:before{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-twotone.ax-color-ghost ax-button-group-item.ax-state-selected{border-color:rgba(var(--ax-color-primary-200));background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button-group.ax-look-blank.ax-color-ghost ax-button-group-item.ax-state-selected{color:rgba(var(--ax-color-primary-200))}\n"] }]
|
151
151
|
}], propDecorators: { onClick: [{
|
152
152
|
type: Output
|
153
153
|
}], _contentButtons: [{
|