@acorex/components 18.12.37 → 18.12.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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: [{
|