@acorex/components 18.12.37 → 18.12.38
Sign up to get free protection for your applications and to get access to all the features.
- package/color-palette/lib/color-palette-picker.component.d.ts +3 -0
- package/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/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/text-area/lib/text-area.component.mjs +4 -4
- 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-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 +4 -3
- 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/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
@@ -1,5 +1,5 @@
|
|
1
1
|
import { AXClearableComponent, AXComponent, AXFocusableComponent, AXValuableComponent, MXInputBaseValueComponent, MXLookComponent, } from '@acorex/components/common';
|
2
|
-
import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, ViewEncapsulation, forwardRef } from '@angular/core';
|
2
|
+
import { ChangeDetectionStrategy, Component, ElementRef, Input, ViewChild, ViewEncapsulation, forwardRef, } from '@angular/core';
|
3
3
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
4
4
|
import { classes } from 'polytype';
|
5
5
|
import * as i0 from "@angular/core";
|
@@ -35,7 +35,7 @@ export class AXTextAreaComponent extends classes((MXInputBaseValueComponent), MX
|
|
35
35
|
useExisting: forwardRef(() => AXTextAreaComponent),
|
36
36
|
multi: true,
|
37
37
|
},
|
38
|
-
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-editor-container ax-look-{{this.look}}\" [class.ax-state-disabled]=\"disabled\">\n <textarea
|
38
|
+
], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-editor-container ax-look-{{ this.look }}\" [class.ax-state-disabled]=\"disabled\">\n <textarea\n class=\"ax-textarea\"\n #input\n [id]=\"id\"\n [name]=\"name\"\n type=\"text\"\n [rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.maxlength]=\"maxLength\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\"\n [class.ax-state-no-resizing]=\"!allowResize\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n (keydown)=\"emitOnKeydownEvent($event)\"\n (keyup)=\"emitOnKeyupEvent($event)\"\n (keypress)=\"emitOnKeypressEvent($event)\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n ></textarea>\n <ng-content select=\"ax-validation-rule\"> </ng-content>\n @if (showCounter) {\n <div class=\"ax-counter\">\n {{ input.value.length }}\n @if (maxLength) {\n <span>/ {{ maxLength }}</span>\n }\n </div>\n }\n</div>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-text-area{height:auto!important;position:relative;width:100%;overflow:hidden}ax-text-area .ax-editor-container{height:auto!important}ax-text-area .ax-editor-container textarea{width:100%;height:fit-content;background-color:inherit;padding:.625rem;font-size:.875rem;line-height:1.625}ax-text-area .ax-editor-container textarea:focus{outline-color:transparent}ax-text-area .ax-editor-container textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area .ax-editor-container textarea.ax-state-no-resizing{resize:none}ax-text-area .ax-editor-container .ax-counter{position:absolute;bottom:.5rem;inset-inline-end:.5rem;color:rgb(var(--ax-color-text-default),.5)}\n"], dependencies: [{ kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
39
39
|
}
|
40
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXTextAreaComponent, decorators: [{
|
41
41
|
type: Component,
|
@@ -60,7 +60,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
60
60
|
useExisting: forwardRef(() => AXTextAreaComponent),
|
61
61
|
multi: true,
|
62
62
|
},
|
63
|
-
], template: "<div class=\"ax-editor-container ax-look-{{this.look}}\" [class.ax-state-disabled]=\"disabled\">\n <textarea
|
63
|
+
], template: "<div class=\"ax-editor-container ax-look-{{ this.look }}\" [class.ax-state-disabled]=\"disabled\">\n <textarea\n class=\"ax-textarea\"\n #input\n [id]=\"id\"\n [name]=\"name\"\n type=\"text\"\n [rows]=\"rows\"\n [attr.placeholder]=\"placeholder\"\n [attr.maxlength]=\"maxLength\"\n [class.ax-state-disabled]=\"disabled\"\n [class.ax-state-readonly]=\"readonly\"\n [class.ax-state-no-resizing]=\"!allowResize\"\n [disabled]=\"disabled\"\n [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\"\n [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\"\n (keydown)=\"emitOnKeydownEvent($event)\"\n (keyup)=\"emitOnKeyupEvent($event)\"\n (keypress)=\"emitOnKeypressEvent($event)\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n ></textarea>\n <ng-content select=\"ax-validation-rule\"> </ng-content>\n @if (showCounter) {\n <div class=\"ax-counter\">\n {{ input.value.length }}\n @if (maxLength) {\n <span>/ {{ maxLength }}</span>\n }\n </div>\n }\n</div>\n<div class=\"ax-error-container\"></div>\n", styles: ["ax-text-area{height:auto!important;position:relative;width:100%;overflow:hidden}ax-text-area .ax-editor-container{height:auto!important}ax-text-area .ax-editor-container textarea{width:100%;height:fit-content;background-color:inherit;padding:.625rem;font-size:.875rem;line-height:1.625}ax-text-area .ax-editor-container textarea:focus{outline-color:transparent}ax-text-area .ax-editor-container textarea.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-text-area .ax-editor-container textarea.ax-state-no-resizing{resize:none}ax-text-area .ax-editor-container .ax-counter{position:absolute;bottom:.5rem;inset-inline-end:.5rem;color:rgb(var(--ax-color-text-default),.5)}\n"] }]
|
64
64
|
}], propDecorators: { input: [{
|
65
65
|
type: ViewChild,
|
66
66
|
args: ['input']
|
@@ -73,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImpor
|
|
73
73
|
}], maxLength: [{
|
74
74
|
type: Input
|
75
75
|
}] } });
|
76
|
-
//# sourceMappingURL=data:application/json;base64,
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy90ZXh0LWFyZWEvc3JjL2xpYi90ZXh0LWFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL3RleHQtYXJlYS9zcmMvbGliL3RleHQtYXJlYS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLFdBQVcsRUFDWCxvQkFBb0IsRUFDcEIsbUJBQW1CLEVBQ25CLHlCQUF5QixFQUN6QixlQUFlLEdBQ2hCLE1BQU0sMkJBQTJCLENBQUM7QUFFbkMsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsVUFBVSxFQUNWLEtBQUssRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLFVBQVUsR0FDWCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNuRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sVUFBVSxDQUFDOzs7QUFFbkM7OztHQUdHO0FBZ0NILE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxPQUFPLENBQUMsQ0FBQSx5QkFBaUMsQ0FBQSxFQUFFLGVBQWUsQ0FBQztJQS9CcEc7O1FBb0NFOztXQUVHO1FBRUgsU0FBSSxHQUFHLENBQUMsQ0FBQztRQUVUOztXQUVHO1FBRUgsZ0JBQVcsR0FBRyxJQUFJLENBQUM7S0FrQnBCO0lBSkMsY0FBYztJQUNKLGtCQUFrQixDQUFDLEtBQW9CO1FBQy9DLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2hDLENBQUM7OEdBaENVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLGtrQkFabkI7WUFDVCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1lBQzFELEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRTtZQUNuRSxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUU7WUFDbkUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFO1lBQ2xFO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUM7Z0JBQ2xELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRixpSkN0REgsNm1DQW1DQTs7MkZEcUJhLG1CQUFtQjtrQkEvQi9CLFNBQVM7K0JBQ0UsY0FBYyxVQUdoQixDQUFDLFVBQVUsRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLGFBQWEsRUFBRSxXQUFXLEVBQUUsTUFBTSxDQUFDLFdBQ2pHO3dCQUNQLFFBQVE7d0JBQ1IsU0FBUzt3QkFDVCxhQUFhO3dCQUNiLGFBQWE7d0JBQ2IsZ0JBQWdCO3dCQUNoQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsV0FBVzt3QkFDWCxTQUFTO3dCQUNULFlBQVk7cUJBQ2IsaUJBQ2MsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTt3QkFDMUQsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTt3QkFDbkUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTt3QkFDbkUsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTt3QkFDbEU7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsb0JBQW9CLENBQUM7NEJBQ2xELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUtELEtBQUs7c0JBREosU0FBUzt1QkFBQyxPQUFPO2dCQU9sQixJQUFJO3NCQURILEtBQUs7Z0JBT04sV0FBVztzQkFEVixLQUFLO2dCQU9DLFdBQVc7c0JBRGpCLEtBQUs7Z0JBT0MsU0FBUztzQkFEZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQVhDbGVhcmFibGVDb21wb25lbnQsXG4gIEFYQ29tcG9uZW50LFxuICBBWEZvY3VzYWJsZUNvbXBvbmVudCxcbiAgQVhWYWx1YWJsZUNvbXBvbmVudCxcbiAgTVhJbnB1dEJhc2VWYWx1ZUNvbXBvbmVudCxcbiAgTVhMb29rQ29tcG9uZW50LFxufSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvY29tbW9uJztcblxuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIGZvcndhcmRSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBjbGFzc2VzIH0gZnJvbSAncG9seXR5cGUnO1xuXG4vKipcbiAqIEBjYXRlZ29yeVxuICogVGhpcyBjb21wb25lbnQgcHJvdmlkZXMgdGhlIG1haW4gc2NoZWR1bGVyIGZ1bmN0aW9uYWxpdHksIGludGVncmF0aW5nIHZhcmlvdXMgdmlld3MgYW5kIGhhbmRsaW5nIHNjaGVkdWxpbmcgb3BlcmF0aW9ucy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtdGV4dC1hcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHQtYXJlYS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RleHQtYXJlYS5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAndGFiSW5kZXgnLCAncmVhZG9ubHknLCAndmFsdWUnLCAnc3RhdGUnLCAnbmFtZScsICdwbGFjZWhvbGRlcicsICdtYXhMZW5ndGgnLCAnbG9vayddLFxuICBvdXRwdXRzOiBbXG4gICAgJ29uQmx1cicsXG4gICAgJ29uRm9jdXMnLFxuICAgICd2YWx1ZUNoYW5nZScsXG4gICAgJ3N0YXRlQ2hhbmdlJyxcbiAgICAnb25WYWx1ZUNoYW5nZWQnLFxuICAgICdyZWFkb25seUNoYW5nZScsXG4gICAgJ2Rpc2FibGVkQ2hhbmdlJyxcbiAgICAnb25LZXlEb3duJyxcbiAgICAnb25LZXlVcCcsXG4gICAgJ29uS2V5UHJlc3MnLFxuICBdLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgeyBwcm92aWRlOiBBWENvbXBvbmVudCwgdXNlRXhpc3Rpbmc6IEFYVGV4dEFyZWFDb21wb25lbnQgfSxcbiAgICB7IHByb3ZpZGU6IEFYRm9jdXNhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0QXJlYUNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhDbGVhcmFibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWFRleHRBcmVhQ29tcG9uZW50IH0sXG4gICAgeyBwcm92aWRlOiBBWFZhbHVhYmxlQ29tcG9uZW50LCB1c2VFeGlzdGluZzogQVhUZXh0QXJlYUNvbXBvbmVudCB9LFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gQVhUZXh0QXJlYUNvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWFRleHRBcmVhQ29tcG9uZW50IGV4dGVuZHMgY2xhc3NlcyhNWElucHV0QmFzZVZhbHVlQ29tcG9uZW50PHN0cmluZz4sIE1YTG9va0NvbXBvbmVudCkge1xuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkKCdpbnB1dCcpXG4gIGlucHV0OiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIG51bWJlciBvZiByb3dzIGZvciB0aGUgY29tcG9uZW50LCB0eXBpY2FsbHkgdXNlZCBmb3IgY29uZmlndXJpbmcgdGhlIHNpemUgb2YgYSB0ZXh0IGFyZWEgb3Igc2ltaWxhciBpbnB1dCBmaWVsZC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHJvd3MgPSAwO1xuXG4gIC8qKlxuICAgKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgY29tcG9uZW50IGFsbG93cyByZXNpemluZy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGFsbG93UmVzaXplID0gdHJ1ZTtcblxuICAvKipcbiAgICogRGV0ZXJtaW5lcyB3aGV0aGVyIGEgY291bnRlciBpcyBkaXNwbGF5ZWQgaW4gdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzaG93Q291bnRlcjogYm9vbGVhbjtcblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBtYXhpbXVtIG51bWJlciBvZiBjaGFyYWN0ZXJzIGFsbG93ZWQgaW4gdGhlIGlucHV0IGZpZWxkLlxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIG1heExlbmd0aDogbnVtYmVyO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBfaGFuZGxlTW9kZWxDaGFuZ2UodmFsdWU6IHN0cmluZyB8IG51bGwpIHtcbiAgICB0aGlzLmNvbW1pdFZhbHVlKHZhbHVlLCB0cnVlKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF4LWVkaXRvci1jb250YWluZXIgYXgtbG9vay17eyB0aGlzLmxvb2sgfX1cIiBbY2xhc3MuYXgtc3RhdGUtZGlzYWJsZWRdPVwiZGlzYWJsZWRcIj5cbiAgPHRleHRhcmVhXG4gICAgY2xhc3M9XCJheC10ZXh0YXJlYVwiXG4gICAgI2lucHV0XG4gICAgW2lkXT1cImlkXCJcbiAgICBbbmFtZV09XCJuYW1lXCJcbiAgICB0eXBlPVwidGV4dFwiXG4gICAgW3Jvd3NdPVwicm93c1wiXG4gICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgIFthdHRyLm1heGxlbmd0aF09XCJtYXhMZW5ndGhcIlxuICAgIFtjbGFzcy5heC1zdGF0ZS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2NsYXNzLmF4LXN0YXRlLXJlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICBbY2xhc3MuYXgtc3RhdGUtbm8tcmVzaXppbmddPVwiIWFsbG93UmVzaXplXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtyZWFkb25seV09XCJyZWFkb25seVwiXG4gICAgW3RhYmluZGV4XT1cInRhYkluZGV4XCJcbiAgICBbbmdNb2RlbF09XCJ2YWx1ZVwiXG4gICAgKG5nTW9kZWxDaGFuZ2UpPVwiX2hhbmRsZU1vZGVsQ2hhbmdlKCRldmVudClcIlxuICAgIChrZXlkb3duKT1cImVtaXRPbktleWRvd25FdmVudCgkZXZlbnQpXCJcbiAgICAoa2V5dXApPVwiZW1pdE9uS2V5dXBFdmVudCgkZXZlbnQpXCJcbiAgICAoa2V5cHJlc3MpPVwiZW1pdE9uS2V5cHJlc3NFdmVudCgkZXZlbnQpXCJcbiAgICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgICAoYmx1cik9XCJlbWl0T25CbHVyRXZlbnQoJGV2ZW50KVwiXG4gID48L3RleHRhcmVhPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC12YWxpZGF0aW9uLXJ1bGVcIj4gPC9uZy1jb250ZW50PlxuICBAaWYgKHNob3dDb3VudGVyKSB7XG4gICAgPGRpdiBjbGFzcz1cImF4LWNvdW50ZXJcIj5cbiAgICAgIHt7IGlucHV0LnZhbHVlLmxlbmd0aCB9fVxuICAgICAgQGlmIChtYXhMZW5ndGgpIHtcbiAgICAgICAgPHNwYW4+LyB7eyBtYXhMZW5ndGggfX08L3NwYW4+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImF4LWVycm9yLWNvbnRhaW5lclwiPjwvZGl2PlxuIl19
|
@@ -12,11 +12,11 @@ import { RouterModule } from '@angular/router';
|
|
12
12
|
*/
|
13
13
|
class AXBreadCrumbsComponent extends MXBaseComponent {
|
14
14
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
15
|
-
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-
|
15
|
+
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 }); }
|
16
16
|
}
|
17
17
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
|
18
18
|
type: Component,
|
19
|
-
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-
|
19
|
+
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"] }]
|
20
20
|
}], propDecorators: { _divider: [{
|
21
21
|
type: ContentChild,
|
22
22
|
args: ['divider']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../libs/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n/**\n * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-breadcrumbs',\n templateUrl: './breadcrumbs.component.html',\n styleUrls: ['./breadcrumbs.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n /**\n * @ignore\n */\n @ContentChild('divider')\n protected _divider: TemplateRef<any>;\n\n /**\n * @ignore\n */\n @ViewChild('dividerTpl')\n dividerTemplate: TemplateRef<any>;\n}\n","<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>","import { MXInteractiveComponent } from '@acorex/components/common';\nimport { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n/**\n * Component representing an item in a breadcrumbs navigation.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-breadcrumbs-item',\n inputs: ['disabled'],\n templateUrl: './breadcrumbs-item.component.html',\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n /**\n * Indicates whether this breadcrumb item is the current active item.\n */\n @Input() active: boolean;\n\n /**\n * @ignore\n */\n constructor(\n @Inject(AXBreadCrumbsComponent)\n public _parent: AXBreadCrumbsComponent,\n ) {\n super();\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n imports: [CommonModule, RouterModule],\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAGA;;;;AAIG;AAQG,MAAO,sBAAuB,SAAQ,eAAe,CAAA;8GAA9C,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,6RCfnC,uYAWc,EAAA,MAAA,EAAA,CAAA,
|
1
|
+
{"version":3,"file":"acorex-components-breadcrumbs.mjs","sources":["../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.ts","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs-item.component.html","../../../../libs/components/breadcrumbs/src/lib/breadcrumbs.module.ts","../../../../libs/components/breadcrumbs/src/acorex-components-breadcrumbs.ts"],"sourcesContent":["import { MXBaseComponent } from '@acorex/components/common';\nimport { ChangeDetectionStrategy, Component, ContentChild, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core';\n\n/**\n * The Breadcrumbs component displays a navigation trail of links, helping users to track their location within an application's hierarchy.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-breadcrumbs',\n templateUrl: './breadcrumbs.component.html',\n styleUrls: ['./breadcrumbs.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AXBreadCrumbsComponent extends MXBaseComponent {\n /**\n * @ignore\n */\n @ContentChild('divider')\n protected _divider: TemplateRef<any>;\n\n /**\n * @ignore\n */\n @ViewChild('dividerTpl')\n dividerTemplate: TemplateRef<any>;\n}\n","<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>","import { MXInteractiveComponent } from '@acorex/components/common';\nimport { Component, HostBinding, Inject, Input } from '@angular/core';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n/**\n * Component representing an item in a breadcrumbs navigation.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-breadcrumbs-item',\n inputs: ['disabled'],\n templateUrl: './breadcrumbs-item.component.html',\n})\nexport class AXBreadCrumbsItemComponent extends MXInteractiveComponent {\n /**\n * Indicates whether this breadcrumb item is the current active item.\n */\n @Input() active: boolean;\n\n /**\n * @ignore\n */\n constructor(\n @Inject(AXBreadCrumbsComponent)\n public _parent: AXBreadCrumbsComponent,\n ) {\n super();\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string[] {\n return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];\n }\n}\n","<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { AXBreadCrumbsItemComponent } from './breadcrumbs-item.component';\nimport { AXBreadCrumbsComponent } from './breadcrumbs.component';\n\n@NgModule({\n declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n imports: [CommonModule, RouterModule],\n exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],\n providers: [],\n})\nexport class AXBreadcrumbsModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
@@ -282,11 +282,11 @@ class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXColorLook
|
|
282
282
|
}
|
283
283
|
}
|
284
284
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
285
|
-
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 }); }
|
285
|
+
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));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 }); }
|
286
286
|
}
|
287
287
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
288
288
|
type: Component,
|
289
|
-
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"] }]
|
289
|
+
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));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"] }]
|
290
290
|
}], propDecorators: { onClick: [{
|
291
291
|
type: Output
|
292
292
|
}], _contentButtons: [{
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"acorex-components-button-group.mjs","sources":["../../../../libs/components/button-group/src/lib/button-group-item.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.html","../../../../libs/components/button-group/src/lib/button-group.module.ts","../../../../libs/components/button-group/src/acorex-components-button-group.ts"],"sourcesContent":["import {\n AXClickEvent,\n AXStyleColorType,\n MXColorComponent,\n MXInteractiveComponent,\n} from '@acorex/components/common';\n\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport interface AXButtonItemListItem {\n name: string;\n text: string;\n icon: string;\n divided?: boolean;\n disabled?: boolean;\n color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button-group-item',\n template: `\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <span class=\"ax-button-group-item-text\">{{ text }}</span>\n }\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['color', 'disabled'],\n outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n})\nexport class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n /**\n * Text displayed on the button item.\n */\n @Input()\n text: string;\n\n /**\n * @ignore\n */\n private _selected: boolean;\n\n /**\n * Indicates whether the button item is selected.\n *\n * @param v - A boolean indicating the selected state.\n * Updates the view when the value changes.\n */\n @Input()\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(v: boolean) {\n this._selected = v;\n this.cdr.markForCheck();\n }\n\n /**\n * Whether the item is visually separated from other items.\n * @defaultValue false\n */\n @Input()\n divided = false;\n\n /**\n * Data associated with the button item.\n */\n @Input()\n data: unknown;\n\n /**\n * The name of the button item.\n */\n @Input()\n name: string;\n\n /**\n * Emitted when the button item is clicked.\n * @event\n * The emitted value is an `AXClickEvent` object containing event details.\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n /**\n * @ignore\n */\n @HostListener('focus', ['$event'])\n private __hostFocus(e: FocusEvent) {\n this.emitOnFocusEvent(e);\n }\n\n /**\n * @ignore\n */\n @HostListener('blur', ['$event'])\n private __hostBlur(e: FocusEvent) {\n this.emitOnBlurEvent(e);\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string {\n const cssClasses = {\n 'ax-button-icon': !this.text,\n 'ax-state-disabled': this.disabled,\n 'ax-state-selected': this.selected,\n 'ax-divided': this.divided,\n };\n cssClasses[`ax-${this.color || 'primary'}-default`] = true;\n return Object.entries(cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0])\n .join(' ');\n }\n\n /**\n * @ignore\n */\n @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import {\n AXClickEvent,\n AXSelectionMode,\n MXColorLookComponent,\n MXInteractiveComponent,\n} from '@acorex/components/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\n\n/**\n * A component that groups multiple buttons together, allowing for consistent styling and behavior.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button-group',\n templateUrl: './button-group.component.html',\n styleUrls: ['./button-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['disabled', 'color', 'look'],\n outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'],\n})\nexport class AXButtonGroupComponent\n extends classes(MXInteractiveComponent, MXColorLookComponent)\n implements AfterContentInit\n{\n /**\n * Fires when any button in the group is clicked.\n *\n * @event\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n /**\n * @ignore\n */\n @ContentChildren(AXButtonGroupItemComponent)\n private _contentButtons: QueryList<AXButtonGroupItemComponent>;\n\n /**\n * Emitted when the selection mode changes.\n *\n * @event\n */\n @Output()\n selectionChange: EventEmitter<AXSelectionMode> = new EventEmitter();\n\n /**\n * @ignore\n */\n private _selection: AXSelectionMode;\n\n /**\n * Defines the selection mode for the component.\n */\n @Input()\n public get selection(): AXSelectionMode {\n return this._selection;\n }\n\n /**\n * Sets the selection mode for the component.\n *\n * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.\n */\n public set selection(value: AXSelectionMode) {\n this.setOption({\n name: 'selection',\n value: value,\n afterCallback: (o, n) => {\n if (value == 'none') {\n this.clearSelection();\n }\n },\n });\n }\n\n /**\n * @ignore\n */\n ngAfterContentInit() {\n this._bindEvents();\n this._bindProps();\n this._contentButtons.changes.subscribe(() => {\n this._bindEvents();\n this._bindProps();\n });\n }\n\n /**\n * @ignore\n */\n private _bindEvents() {\n this._contentButtons?.forEach((b: any) => {\n if (!b.onClick.length)\n b.onClick.subscribe((c: any) => {\n this._handleClickEvent(c, b);\n });\n });\n }\n\n /**\n * @ignore\n */\n private _bindProps() {\n this._contentButtons?.forEach((b: any) => {\n if (b['originDisabled'] == null) {\n b['originDisabled'] = b.disabled;\n }\n if (this.look) b.look = this.look;\n if (this.color) b.color = this.color;\n b.disabled = b['originDisabled'] || this.disabled;\n b.toggleable = false;\n });\n }\n\n /**\n * Updates component properties based on internal option changes.\n */\n override internalOptionChanged() {\n this._bindProps();\n }\n\n /**\n * @ignore\n */\n private _handleClickEvent(e: AXClickEvent, button: AXButtonGroupItemComponent) {\n if (this.selection == 'multiple') {\n button.selected = !button.selected;\n } else if (this.selection == 'single') {\n this.clearSelection();\n button.selected = true;\n } else {\n button.selected = false;\n }\n }\n\n /**\n * @ignore\n */\n private clearSelection() {\n this._contentButtons?.forEach((c: AXButtonGroupItemComponent) => {\n c.selected = false;\n });\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): { [key: string]: boolean } {\n const cssClasses = {\n 'ax-state-disabled': this.disabled,\n };\n cssClasses[`ax-color-${this.color || 'primary'}`] = true;\n cssClasses[`ax-look-${this.look || 'default'}`] = true;\n return cssClasses;\n }\n /**\n * @ignore\n */\n @HostBinding('attr.role') get role() {\n return 'group';\n }\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n}\n","<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\nimport { AXButtonGroupComponent } from './button-group.component';\n\nconst COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"acorex-components-button-group.mjs","sources":["../../../../libs/components/button-group/src/lib/button-group-item.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.ts","../../../../libs/components/button-group/src/lib/button-group.component.html","../../../../libs/components/button-group/src/lib/button-group.module.ts","../../../../libs/components/button-group/src/acorex-components-button-group.ts"],"sourcesContent":["import {\n AXClickEvent,\n AXStyleColorType,\n MXColorComponent,\n MXInteractiveComponent,\n} from '@acorex/components/common';\n\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\nexport interface AXButtonItemListItem {\n name: string;\n text: string;\n icon: string;\n divided?: boolean;\n disabled?: boolean;\n color?: AXStyleColorType;\n}\n\n/**\n * Represents a button item with optional content like icons, text, and dropdowns.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button-group-item',\n template: `\n <ng-content select=\"ax-prefix\"> </ng-content>\n <ng-content select=\"ax-loading\"> </ng-content>\n <ng-content select=\"ax-icon\"> </ng-content>\n @if (text) {\n <span class=\"ax-button-group-item-text\">{{ text }}</span>\n }\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\n `,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n inputs: ['color', 'disabled'],\n outputs: ['onClick', 'onFocus', 'onBlur', 'disabledChange'],\n})\nexport class AXButtonGroupItemComponent extends classes(MXInteractiveComponent, MXColorComponent) {\n /**\n * Text displayed on the button item.\n */\n @Input()\n text: string;\n\n /**\n * @ignore\n */\n private _selected: boolean;\n\n /**\n * Indicates whether the button item is selected.\n *\n * @param v - A boolean indicating the selected state.\n * Updates the view when the value changes.\n */\n @Input()\n public get selected(): boolean {\n return this._selected;\n }\n public set selected(v: boolean) {\n this._selected = v;\n this.cdr.markForCheck();\n }\n\n /**\n * Whether the item is visually separated from other items.\n * @defaultValue false\n */\n @Input()\n divided = false;\n\n /**\n * Data associated with the button item.\n */\n @Input()\n data: unknown;\n\n /**\n * The name of the button item.\n */\n @Input()\n name: string;\n\n /**\n * Emitted when the button item is clicked.\n * @event\n * The emitted value is an `AXClickEvent` object containing event details.\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n /**\n * @ignore\n */\n @HostListener('focus', ['$event'])\n private __hostFocus(e: FocusEvent) {\n this.emitOnFocusEvent(e);\n }\n\n /**\n * @ignore\n */\n @HostListener('blur', ['$event'])\n private __hostBlur(e: FocusEvent) {\n this.emitOnBlurEvent(e);\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): string {\n const cssClasses = {\n 'ax-button-icon': !this.text,\n 'ax-state-disabled': this.disabled,\n 'ax-state-selected': this.selected,\n 'ax-divided': this.divided,\n };\n cssClasses[`ax-${this.color || 'primary'}-default`] = true;\n return Object.entries(cssClasses)\n .filter((c) => c[1])\n .map((c) => c[0])\n .join(' ');\n }\n\n /**\n * @ignore\n */\n @HostBinding('attr.tabindex') tabindex = '0';\n}\n","import {\n AXClickEvent,\n AXSelectionMode,\n MXColorLookComponent,\n MXInteractiveComponent,\n} from '@acorex/components/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\n\n/**\n * A component that groups multiple buttons together, allowing for consistent styling and behavior.\n *\n * @category Components\n */\n@Component({\n selector: 'ax-button-group',\n templateUrl: './button-group.component.html',\n styleUrls: ['./button-group.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n inputs: ['disabled', 'color', 'look'],\n outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'],\n})\nexport class AXButtonGroupComponent\n extends classes(MXInteractiveComponent, MXColorLookComponent)\n implements AfterContentInit\n{\n /**\n * Fires when any button in the group is clicked.\n *\n * @event\n */\n @Output()\n onClick: EventEmitter<AXClickEvent> = new EventEmitter<AXClickEvent>();\n\n /**\n * @ignore\n */\n @ContentChildren(AXButtonGroupItemComponent)\n private _contentButtons: QueryList<AXButtonGroupItemComponent>;\n\n /**\n * Emitted when the selection mode changes.\n *\n * @event\n */\n @Output()\n selectionChange: EventEmitter<AXSelectionMode> = new EventEmitter();\n\n /**\n * @ignore\n */\n private _selection: AXSelectionMode;\n\n /**\n * Defines the selection mode for the component.\n */\n @Input()\n public get selection(): AXSelectionMode {\n return this._selection;\n }\n\n /**\n * Sets the selection mode for the component.\n *\n * @param value - The selection mode to be set. Possible values include 'single', 'multiple', or 'none'.\n */\n public set selection(value: AXSelectionMode) {\n this.setOption({\n name: 'selection',\n value: value,\n afterCallback: (o, n) => {\n if (value == 'none') {\n this.clearSelection();\n }\n },\n });\n }\n\n /**\n * @ignore\n */\n ngAfterContentInit() {\n this._bindEvents();\n this._bindProps();\n this._contentButtons.changes.subscribe(() => {\n this._bindEvents();\n this._bindProps();\n });\n }\n\n /**\n * @ignore\n */\n private _bindEvents() {\n this._contentButtons?.forEach((b: any) => {\n if (!b.onClick.length)\n b.onClick.subscribe((c: any) => {\n this._handleClickEvent(c, b);\n });\n });\n }\n\n /**\n * @ignore\n */\n private _bindProps() {\n this._contentButtons?.forEach((b: any) => {\n if (b['originDisabled'] == null) {\n b['originDisabled'] = b.disabled;\n }\n if (this.look) b.look = this.look;\n if (this.color) b.color = this.color;\n b.disabled = b['originDisabled'] || this.disabled;\n b.toggleable = false;\n });\n }\n\n /**\n * Updates component properties based on internal option changes.\n */\n override internalOptionChanged() {\n this._bindProps();\n }\n\n /**\n * @ignore\n */\n private _handleClickEvent(e: AXClickEvent, button: AXButtonGroupItemComponent) {\n if (this.selection == 'multiple') {\n button.selected = !button.selected;\n } else if (this.selection == 'single') {\n this.clearSelection();\n button.selected = true;\n } else {\n button.selected = false;\n }\n }\n\n /**\n * @ignore\n */\n private clearSelection() {\n this._contentButtons?.forEach((c: AXButtonGroupItemComponent) => {\n c.selected = false;\n });\n }\n\n /**\n * @ignore\n */\n @HostBinding('class')\n private get __hostClass(): { [key: string]: boolean } {\n const cssClasses = {\n 'ax-state-disabled': this.disabled,\n };\n cssClasses[`ax-color-${this.color || 'primary'}`] = true;\n cssClasses[`ax-look-${this.look || 'default'}`] = true;\n return cssClasses;\n }\n /**\n * @ignore\n */\n @HostBinding('attr.role') get role() {\n return 'group';\n }\n\n /**\n * @ignore\n */\n @HostListener('click', ['$event'])\n private __hostClick(e: MouseEvent) {\n if (!this.disabled) {\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n });\n }\n }\n}\n","<ng-container>\n <ng-content select=\"ax-button-group-item\"></ng-content>\n</ng-container>\n","import { AXDecoratorModule } from '@acorex/components/decorators';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXButtonGroupItemComponent } from './button-group-item.component';\nimport { AXButtonGroupComponent } from './button-group.component';\n\nconst COMPONENT = [AXButtonGroupComponent, AXButtonGroupItemComponent];\nconst MODULES = [CommonModule, AXDecoratorModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXButtonGroupModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|