@acorex/components 7.17.1 → 7.17.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +5 -5
- package/esm2022/action-sheet/lib/action-sheet.module.mjs +4 -4
- package/esm2022/action-sheet/lib/action-sheet.service.mjs +3 -3
- package/esm2022/alert/lib/alert.component.mjs +4 -4
- package/esm2022/alert/lib/alert.module.mjs +4 -4
- package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
- package/esm2022/avatar/lib/avatar.component.mjs +4 -4
- package/esm2022/avatar/lib/avatar.module.mjs +4 -4
- package/esm2022/badge/lib/badge.component.mjs +3 -3
- package/esm2022/badge/lib/badge.module.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +3 -3
- package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +4 -4
- package/esm2022/button/lib/button-item-list.component.mjs +5 -5
- package/esm2022/button/lib/button-item.component.mjs +3 -3
- package/esm2022/button/lib/button.component.mjs +3 -3
- package/esm2022/button/lib/button.module.mjs +4 -4
- package/esm2022/button-group/lib/button-group.component.mjs +4 -4
- package/esm2022/button-group/lib/button-group.module.mjs +4 -4
- package/esm2022/calendar/lib/calendar-range.component.mjs +4 -4
- package/esm2022/calendar/lib/calendar.class.mjs +3 -3
- package/esm2022/calendar/lib/calendar.component.mjs +5 -5
- package/esm2022/calendar/lib/calendar.module.mjs +4 -4
- package/esm2022/check-box/lib/check-box.component.mjs +3 -3
- package/esm2022/check-box/lib/check-box.module.mjs +4 -4
- package/esm2022/chips/lib/chips.component.mjs +3 -3
- package/esm2022/chips/lib/chips.module.mjs +4 -4
- package/esm2022/circular-progress/lib/circular-progress.component.mjs +3 -3
- package/esm2022/circular-progress/lib/circular-progress.module.mjs +4 -4
- package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.component.mjs +3 -3
- package/esm2022/collapse/lib/collapse.module.mjs +4 -4
- package/esm2022/color-box/lib/color-box.component.mjs +3 -3
- package/esm2022/color-box/lib/color-box.module.mjs +4 -4
- package/esm2022/color-palette/lib/color-palette-input.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-picker.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-preview.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.class.mjs +6 -6
- package/esm2022/color-palette/lib/color-palette.component.mjs +3 -3
- package/esm2022/color-palette/lib/color-palette.module.mjs +4 -4
- package/esm2022/common/lib/classes/components.class.mjs +21 -21
- package/esm2022/common/lib/common.module.mjs +4 -4
- package/esm2022/common/lib/components/base-component.class.mjs +3 -3
- package/esm2022/common/lib/components/input-base-value-component.class.mjs +3 -3
- package/esm2022/common/lib/components/selection-base.component.class.mjs +6 -6
- package/esm2022/common/lib/components/value-component.class.mjs +3 -3
- package/esm2022/common/lib/directives/auto-focus.directive.mjs +3 -3
- package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +3 -3
- package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
- package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
- package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
- package/esm2022/common/lib/directives/ripple.directive.mjs +3 -3
- package/esm2022/common/lib/services/dom.service.mjs +3 -3
- package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-base.component.mjs +6 -6
- package/esm2022/data-pager/lib/data-pager-info.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager.component.mjs +3 -3
- package/esm2022/data-pager/lib/data-pager.module.mjs +4 -4
- package/esm2022/data-table/lib/columns/data-table-column.mjs +3 -3
- package/esm2022/data-table/lib/columns/data-text-column.component.mjs +3 -3
- package/esm2022/data-table/lib/columns/row-command-column.component.mjs +6 -6
- package/esm2022/data-table/lib/columns/row-index-column.component.mjs +3 -3
- package/esm2022/data-table/lib/columns/row-select-column.component.mjs +3 -3
- package/esm2022/data-table/lib/data-table.component.mjs +5 -5
- package/esm2022/data-table/lib/data-table.module.mjs +4 -4
- package/esm2022/datetime-box/lib/datetime-box.component.mjs +3 -3
- package/esm2022/datetime-box/lib/datetime-box.module.mjs +4 -4
- package/esm2022/datetime-input/lib/datetime-input.component.mjs +3 -3
- package/esm2022/datetime-input/lib/datetime-input.module.mjs +4 -4
- package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +3 -3
- package/esm2022/datetime-picker/lib/datetime-picker.module.mjs +4 -4
- package/esm2022/decorators/lib/components/clear-button.component.mjs +3 -3
- package/esm2022/decorators/lib/components/close-button.component.mjs +3 -3
- package/esm2022/decorators/lib/components/generic-content.component.mjs +3 -3
- package/esm2022/decorators/lib/components/icon.component.mjs +3 -3
- package/esm2022/decorators/lib/decorators.module.mjs +4 -4
- package/esm2022/dialog/lib/dialog.component.mjs +5 -5
- package/esm2022/dialog/lib/dialog.module.mjs +4 -4
- package/esm2022/dialog/lib/dialog.service.mjs +3 -3
- package/esm2022/drawer/lib/drawer-container.component.mjs +3 -3
- package/esm2022/drawer/lib/drawer.component.mjs +3 -3
- package/esm2022/drawer/lib/drawer.module.mjs +4 -4
- package/esm2022/dropdown/lib/dropdown-box.class.mjs +3 -3
- package/esm2022/dropdown/lib/dropdown-box.component.mjs +3 -3
- package/esm2022/dropdown/lib/dropdown-panel.component.mjs +3 -3
- package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
- package/esm2022/form/lib/form-field.component.mjs +4 -4
- package/esm2022/form/lib/form.component.mjs +3 -3
- package/esm2022/form/lib/form.module.mjs +4 -4
- package/esm2022/form/lib/validation-rule.widget.mjs +3 -3
- package/esm2022/form/lib/validation-summary.component.mjs +3 -3
- package/esm2022/image/lib/image.component.mjs +3 -3
- package/esm2022/image/lib/image.module.mjs +4 -4
- package/esm2022/label/lib/label.component.mjs +4 -4
- package/esm2022/label/lib/label.module.mjs +4 -4
- package/esm2022/list/lib/list.component.mjs +5 -5
- package/esm2022/list/lib/list.module.mjs +4 -4
- package/esm2022/loading/lib/loading-spinner.component.mjs +5 -5
- package/esm2022/loading/lib/loading.component.mjs +3 -3
- package/esm2022/loading/lib/loading.directive.mjs +3 -3
- package/esm2022/loading/lib/loading.module.mjs +4 -4
- package/esm2022/loading/lib/loading.service.mjs +3 -3
- package/esm2022/menu/lib/menu-item/menu-item.component.mjs +3 -3
- package/esm2022/menu/lib/menu.component.mjs +5 -5
- package/esm2022/menu/lib/menu.module.mjs +4 -4
- package/esm2022/navbar/lib/navbar.component.mjs +3 -3
- package/esm2022/navbar/lib/navbar.module.mjs +4 -4
- package/esm2022/notification/lib/notification.component.mjs +4 -4
- package/esm2022/notification/lib/notification.module.mjs +4 -4
- package/esm2022/notification/lib/notification.service.mjs +3 -3
- package/esm2022/number-box/lib/number-box.component.mjs +3 -3
- package/esm2022/number-box/lib/number-box.module.mjs +4 -4
- package/esm2022/otp/lib/otp.component.mjs +5 -5
- package/esm2022/otp/lib/otp.module.mjs +4 -4
- package/esm2022/page/lib/base-page.class.mjs +3 -3
- package/esm2022/page/lib/page.component.mjs +3 -3
- package/esm2022/page/lib/page.module.mjs +4 -4
- package/esm2022/password-box/lib/password-box.component.mjs +3 -3
- package/esm2022/password-box/lib/password-box.module.mjs +4 -4
- package/esm2022/picker/lib/picker-column.directive.mjs +3 -3
- package/esm2022/picker/lib/picker.component.mjs +4 -4
- package/esm2022/picker/lib/picker.module.mjs +4 -4
- package/esm2022/popover/lib/popover.component.mjs +3 -3
- package/esm2022/popover/lib/popover.module.mjs +4 -4
- package/esm2022/popup/lib/popup.component.mjs +4 -4
- package/esm2022/popup/lib/popup.module.mjs +4 -4
- package/esm2022/popup/lib/popup.service.mjs +3 -3
- package/esm2022/progress-bar/lib/progress-bar.component.mjs +4 -4
- package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
- package/esm2022/radio/lib/radio.component.mjs +3 -3
- package/esm2022/radio/lib/radio.module.mjs +4 -4
- package/esm2022/range-slider/lib/range-slider.component.mjs +3 -3
- package/esm2022/range-slider/lib/range-slider.module.mjs +4 -4
- package/esm2022/result/lib/result.component.mjs +4 -4
- package/esm2022/result/lib/result.module.mjs +4 -4
- package/esm2022/routing-progress/lib/routing-progress.component.mjs +4 -4
- package/esm2022/routing-progress/lib/routing-progress.module.mjs +4 -4
- package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +3 -3
- package/esm2022/scheduler/lib/scheduler-week-view.component.mjs +3 -3
- package/esm2022/scheduler/lib/scheduler.component.mjs +4 -4
- package/esm2022/scheduler/lib/scheduler.module.mjs +4 -4
- package/esm2022/search-box/lib/search-box.component.mjs +3 -3
- package/esm2022/search-box/lib/search-box.module.mjs +4 -4
- package/esm2022/select-box/lib/select-box.component.mjs +3 -3
- package/esm2022/select-box/lib/select-box.module.mjs +4 -4
- package/esm2022/selection-list/lib/selection-list.component.mjs +5 -5
- package/esm2022/selection-list/lib/selection-list.module.mjs +4 -4
- package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +3 -3
- package/esm2022/side-menu/lib/side-menu.component.mjs +4 -4
- package/esm2022/side-menu/lib/side-menu.module.mjs +4 -4
- package/esm2022/skeleton/lib/skeleton.component.mjs +4 -4
- package/esm2022/skeleton/lib/skeleton.module.mjs +4 -4
- package/esm2022/switch/lib/switch-content.component.mjs +3 -3
- package/esm2022/switch/lib/switch.component.mjs +5 -5
- package/esm2022/switch/lib/switch.module.mjs +4 -4
- package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
- package/esm2022/tabs/lib/tab-item.component.mjs +3 -3
- package/esm2022/tabs/lib/tabs.component.mjs +7 -7
- package/esm2022/tabs/lib/tabs.module.mjs +4 -4
- package/esm2022/tag/lib/tag.component.mjs +4 -4
- package/esm2022/tag/lib/tag.module.mjs +4 -4
- package/esm2022/text-area/lib/text-area.component.mjs +3 -3
- package/esm2022/text-area/lib/text-area.module.mjs +4 -4
- package/esm2022/text-box/lib/mask-options.directive.mjs +3 -3
- package/esm2022/text-box/lib/text-box.component.mjs +3 -3
- package/esm2022/text-box/lib/text-box.module.mjs +4 -4
- package/esm2022/toast/lib/toast.component.mjs +4 -4
- package/esm2022/toast/lib/toast.module.mjs +4 -4
- package/esm2022/toast/lib/toast.service.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.component.mjs +4 -4
- package/esm2022/tooltip/lib/tooltip.directive.mjs +3 -3
- package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
- package/esm2022/uploader/lib/uploader-drop-zone.component.mjs +3 -3
- package/esm2022/uploader/lib/uploader-list.component.mjs +5 -5
- package/esm2022/uploader/lib/uploader-overlay.component.mjs +3 -3
- package/esm2022/uploader/lib/uploader-zone.directive.mjs +3 -3
- package/esm2022/uploader/lib/uploader.module.mjs +4 -4
- package/esm2022/uploader/lib/uploader.service.mjs +3 -3
- package/fesm2022/acorex-components-action-sheet.mjs +12 -12
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-alert.mjs +8 -8
- package/fesm2022/acorex-components-alert.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +11 -11
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +7 -7
- package/fesm2022/acorex-components-breadcrumbs.mjs +11 -11
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +8 -8
- package/fesm2022/acorex-components-button-group.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +15 -15
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +16 -16
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-check-box.mjs +7 -7
- package/fesm2022/acorex-components-chips.mjs +7 -7
- package/fesm2022/acorex-components-circular-progress.mjs +7 -7
- package/fesm2022/acorex-components-collapse.mjs +10 -10
- package/fesm2022/acorex-components-color-box.mjs +7 -7
- package/fesm2022/acorex-components-color-palette.mjs +25 -25
- package/fesm2022/acorex-components-common.mjs +64 -64
- package/fesm2022/acorex-components-data-pager.mjs +31 -31
- package/fesm2022/acorex-components-data-table.mjs +26 -26
- package/fesm2022/acorex-components-data-table.mjs.map +1 -1
- package/fesm2022/acorex-components-datetime-box.mjs +7 -7
- package/fesm2022/acorex-components-datetime-input.mjs +7 -7
- package/fesm2022/acorex-components-datetime-picker.mjs +7 -7
- package/fesm2022/acorex-components-decorators.mjs +16 -16
- package/fesm2022/acorex-components-dialog.mjs +12 -12
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown.mjs +13 -13
- package/fesm2022/acorex-components-form.mjs +17 -17
- package/fesm2022/acorex-components-form.mjs.map +1 -1
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs +8 -8
- package/fesm2022/acorex-components-label.mjs.map +1 -1
- package/fesm2022/acorex-components-list.mjs +9 -9
- package/fesm2022/acorex-components-list.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +18 -18
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +12 -12
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-navbar.mjs +7 -7
- package/fesm2022/acorex-components-notification.mjs +11 -11
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-otp.mjs +9 -9
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-password-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +11 -11
- package/fesm2022/acorex-components-picker.mjs.map +1 -1
- package/fesm2022/acorex-components-popover.mjs +7 -7
- package/fesm2022/acorex-components-popup.mjs +11 -11
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +8 -8
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs +8 -8
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-routing-progress.mjs +8 -8
- package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
- package/fesm2022/acorex-components-scheduler.mjs +14 -14
- package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
- package/fesm2022/acorex-components-search-box.mjs +7 -7
- package/fesm2022/acorex-components-select-box.mjs +7 -7
- package/fesm2022/acorex-components-selection-list.mjs +9 -9
- package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
- package/fesm2022/acorex-components-side-menu.mjs +11 -11
- package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-skeleton.mjs +8 -8
- package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
- package/fesm2022/acorex-components-switch.mjs +12 -12
- package/fesm2022/acorex-components-switch.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +16 -16
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +8 -8
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-box.mjs +10 -10
- package/fesm2022/acorex-components-toast.mjs +11 -11
- package/fesm2022/acorex-components-toast.mjs.map +1 -1
- package/fesm2022/acorex-components-tooltip.mjs +11 -11
- package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
- package/fesm2022/acorex-components-uploader.mjs +20 -20
- package/fesm2022/acorex-components-uploader.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -51,8 +51,8 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
|
51
51
|
data: item.data,
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
55
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
54
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonItemListComponent, deps: [{ token: AXClosbaleComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
55
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXButtonItemListComponent, selector: "ax-button-item-list", inputs: { items: "items" }, outputs: { onItemClick: "onItemClick" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: `
|
|
56
56
|
<ng-container *ngFor="let item of items">
|
|
57
57
|
<ax-button-item
|
|
58
58
|
[text]="item.text"
|
|
@@ -68,9 +68,9 @@ export class AXButtonItemListComponent extends MXInteractiveComponent {
|
|
|
68
68
|
<ax-divider *ngIf="item.divided"></ax-divider>
|
|
69
69
|
</ng-container>
|
|
70
70
|
<ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
|
|
71
|
-
`, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix ax-icon,ax-button-item-list ax-button-item ax-suffix ax-icon{display:block;width:1.5rem;text-align:center}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:
|
|
71
|
+
`, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix ax-icon,ax-button-item-list ax-button-item ax-suffix ax-icon{display:block;width:1.5rem;text-align:center}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i2.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title, ax-placeholder, ax-overlay" }, { kind: "component", type: i3.AXButtonItemComponent, selector: "ax-button-item", inputs: ["color", "disabled", "text", "selected", "divided", "data", "name"], outputs: ["onClick", "onFocus", "onBlur", "disabledChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
72
72
|
}
|
|
73
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
75
|
args: [{ selector: 'ax-button-item-list', template: `
|
|
76
76
|
<ng-container *ngFor="let item of items">
|
|
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
88
88
|
<ax-divider *ngIf="item.divided"></ax-divider>
|
|
89
89
|
</ng-container>
|
|
90
90
|
<ng-content select="ax-button-item, ax-title, ax-divider, ng-container"></ng-content>
|
|
91
|
-
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix ax-icon,ax-button-item-list ax-button-item ax-suffix ax-icon{display:block;width:1.5rem;text-align:center}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:
|
|
91
|
+
`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem}ax-button-item-list ax-title{padding-top:.25rem;padding-bottom:.25rem;padding-inline-end:2.5rem;padding-inline-start:1rem;font-size:.75rem;line-height:1rem;font-weight:500;text-transform:uppercase;opacity:.5}ax-button-item-list ax-divider{margin-top:.25rem;margin-bottom:.25rem;height:1px;width:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}ax-button-item-list ax-button-item{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-end:4rem;padding-inline-start:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-button-item-list ax-button-item.ax-divide{border-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex}ax-button-item-list ax-button-item ax-prefix ax-icon,ax-button-item-list ax-button-item ax-suffix ax-icon{display:block;width:1.5rem;text-align:center}ax-button-item-list ax-button-item ax-prefix{padding-inline-end:.5rem}ax-button-item-list ax-button-item ax-suffix{padding-inline-start:.5rem}ax-button-item-list ax-button-item.ax-primary-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default{border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-400),var(--tw-text-opacity))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}\n"] }]
|
|
92
92
|
}], ctorParameters: () => [{ type: i4.AXClosbaleComponent, decorators: [{
|
|
93
93
|
type: Inject,
|
|
94
94
|
args: [AXClosbaleComponent]
|
|
@@ -44,8 +44,8 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
|
|
|
44
44
|
.map((c) => c[0])
|
|
45
45
|
.join(' ');
|
|
46
46
|
}
|
|
47
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXButtonItemComponent, selector: "ax-button-item", inputs: { color: "color", disabled: "disabled", text: "text", selected: "selected", divided: "divided", data: "data", name: "name" }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", disabledChange: "disabledChange" }, host: { attributes: { "tabindex": "0" }, listeners: { "click": "__hostClick($event)", "focus": "__hostFocus($event)", "blur": "__hostBlur($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: `
|
|
49
49
|
<ng-content select="ax-prefix"> </ng-content>
|
|
50
50
|
<ng-content select="ax-loading"> </ng-content>
|
|
51
51
|
<ng-content select="ax-icon"> </ng-content>
|
|
@@ -54,7 +54,7 @@ export class AXButtonItemComponent extends classes(MXInteractiveComponent, MXCol
|
|
|
54
54
|
<ng-content select="ax-dropdown-panel"> </ng-content>
|
|
55
55
|
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
56
56
|
}
|
|
57
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonItemComponent, decorators: [{
|
|
58
58
|
type: Component,
|
|
59
59
|
args: [{
|
|
60
60
|
selector: 'ax-button-item',
|
|
@@ -58,14 +58,14 @@ export class AXButtonComponent extends MXButtonBaseComponent {
|
|
|
58
58
|
blur() {
|
|
59
59
|
this.getButton().classList.remove('ax-state-focus');
|
|
60
60
|
}
|
|
61
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXButtonComponent, selector: "ax-button", inputs: { disabled: "disabled", size: "size", tabIndex: "tabIndex", color: "color", look: "look", text: "text", toggleable: "toggleable", selected: "selected", type: "type" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", onClick: "onClick", selectedChange: "selectedChange", toggleableChange: "toggleableChange", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
|
|
63
63
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
64
64
|
{ provide: AXButtonItemComponent, useExisting: AXButtonComponent },
|
|
65
65
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
66
66
|
], usesInheritance: true, ngImport: i0, template: "<button\n [axRipple]\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($event)\"\n (click)=\"_handleClick($event)\"\n [attr.type]=\"type\"\n>\n <ng-content select=\"ax-prefix, ax-loading, ax-icon\"> </ng-content>\n <ng-content select=\"ax-content\"> </ng-content>\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\n <ng-content select=\"ax-suffix\"> </ng-content>\n <ng-content select=\",ax-dropdown-panel\"> </ng-content>\n <ng-content select=\".tab-content\"> </ng-content>\n</button>\n", styles: ["ax-button{position:relative;display:inline-flex;height:var(--ax-size-default);cursor:pointer;align-items:center;justify-content:center;border-radius:var(--ax-rounded-border-default);font-size:.875rem;line-height:1.25rem;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button ax-prefix ax-icon,ax-button ax-suffix ax-icon{display:flex!important;height:1.5rem!important;width:1.5rem!important;align-items:center!important;justify-content:center!important}ax-button.ax-xs{font-size:.75rem;line-height:1rem}ax-button.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem;line-height:1.25rem}ax-button.ax-lg{font-size:1.125rem;line-height:1.75rem}ax-button.ax-lg>button{padding-left:1.5rem;padding-right:1.5rem}ax-button.ax-xl{font-size:1.125rem;line-height:1.75rem}ax-button.ax-xl>button{padding-left:2rem;padding-right:2rem}ax-button.ax-button-icon{height:var(--ax-size-default);width:var(--ax-size-default);font-size:1rem;line-height:1.5rem}ax-button.ax-state-disabled,ax-button.ax-state-loading{opacity:.5}ax-button.ax-state-disabled>button,ax-button.ax-state-loading>button{cursor:not-allowed}ax-button>button{position:relative;display:inline-flex;height:100%;width:100%;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--ax-rounded-border-default);padding-left:1rem;padding-right:1rem;outline-color:transparent}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-color:#000}ax-button>button .ax-button-text{white-space:nowrap;padding-left:.5rem;padding-right:.5rem;font-weight:500;line-height:1}ax-button ax-button-item.ax-divided{border-bottom-width:1px!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXRippleDirective, selector: "[axRipple]", inputs: ["axRipple", "axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
67
67
|
}
|
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
70
|
args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: [
|
|
71
71
|
'onBlur',
|
|
@@ -10,11 +10,11 @@ import * as i0 from "@angular/core";
|
|
|
10
10
|
const COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];
|
|
11
11
|
const MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective];
|
|
12
12
|
export class AXButtonModule {
|
|
13
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
14
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.
|
|
15
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.
|
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule, AXRippleDirective], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
|
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonModule, imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule] }); }
|
|
16
16
|
}
|
|
17
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonModule, decorators: [{
|
|
18
18
|
type: NgModule,
|
|
19
19
|
args: [{
|
|
20
20
|
imports: [MODULES],
|
|
@@ -89,12 +89,12 @@ export class AXButtonGroupComponent extends classes(MXInteractiveComponent, MXCo
|
|
|
89
89
|
});
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
93
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{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));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-end-start-radius:var(--ax-rounded-border-default);border-start-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;padding-left:0;padding-right:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{display:flex!important;height:1.5rem!important;width:1.5rem!important;align-items:center!important;justify-content:center!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:.875rem;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-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary),1)}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary),1)}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success),1)}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning),1)}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger),1)}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info),1)}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-primary ax-button-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-primary),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-secondary),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-success ax-button-item:is(.ax-dark ax-button-group.ax-color-success ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-success),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-warning ax-button-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-warning),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-danger ax-button-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-danger),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-info ax-button-item:is(.ax-dark ax-button-group.ax-color-info ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-info),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 30%,white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
93
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXButtonGroupComponent, selector: "ax-button-group", inputs: { disabled: "disabled", color: "color", look: "look", selection: "selection" }, outputs: { onBlur: "onBlur", onFocus: "onFocus", lookChange: "lookChange", colorChange: "colorChange", disabledChange: "disabledChange", selectionChange: "selectionChange" }, host: { attributes: { "role": "group" }, listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{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));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-end-start-radius:var(--ax-rounded-border-default);border-start-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;padding-left:0;padding-right:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{display:flex!important;height:1.5rem!important;width:1.5rem!important;align-items:center!important;justify-content:center!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:.875rem;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-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-700),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500),1)}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-700),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500),1)}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-700),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500),1)}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-700),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500),1)}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-700),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500),1)}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-700),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500),1)}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-primary ax-button-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-success ax-button-item:is(.ax-dark ax-button-group.ax-color-success ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-warning ax-button-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-danger ax-button-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-info ax-button-item:is(.ax-dark ax-button-group.ax-color-info ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonGroupComponent, decorators: [{
|
|
96
96
|
type: Component,
|
|
97
|
-
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{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));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-end-start-radius:var(--ax-rounded-border-default);border-start-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;padding-left:0;padding-right:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{display:flex!important;height:1.5rem!important;width:1.5rem!important;align-items:center!important;justify-content:center!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:.875rem;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-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary),1)}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary),1)}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success),1)}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning),1)}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger),1)}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 10%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info),1)}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-primary ax-button-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-primary),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-secondary),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-success ax-button-item:is(.ax-dark ax-button-group.ax-color-success ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-success),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-warning ax-button-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-warning),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-danger ax-button-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-danger),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-bg-opacity)) 30%,white);--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)),black 30%)}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-bg-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 30%,white)}.ax-dark ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 70%,white)}.ax-dark ax-button-group.ax-color-info ax-button-item:is(.ax-dark ax-button-group.ax-color-info ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-item:focus){outline-color:color-mix(in srgb,rgba(var(--ax-color-info),1) 30%,white)}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-text-opacity)) 30%,white)}\n"] }]
|
|
97
|
+
args: [{ selector: 'ax-button-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: { role: 'group' }, inputs: ['disabled', 'color', 'look'], outputs: ['onBlur', 'onFocus', 'lookChange', 'colorChange', 'disabledChange'], template: "<ng-container>\n <ng-content select=\"ax-button-item\"></ng-content>\n</ng-container>\n", styles: ["ax-button-group{display:flex}ax-button-group ax-button-item{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));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-surface-fore),var(--tw-text-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item:first-child{border-end-start-radius:var(--ax-rounded-border-default);border-start-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:last-child{border-end-end-radius:var(--ax-rounded-border-default);border-start-end-radius:var(--ax-rounded-border-default)}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child){border-inline-start-width:0px}ax-button-group ax-button-item:not(ax-button-group ax-button-item:first-child):before{position:absolute;inset-inline-start:-1px;top:-1px;box-sizing:content-box;display:block;padding-left:0;padding-right:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-button-group ax-button-item .ax-button-item-text{padding-left:.5rem;padding-right:.5rem}ax-button-group ax-button-item ax-prefix ax-icon,ax-button-group ax-button-item ax-suffix ax-icon{display:flex!important;height:1.5rem!important;width:1.5rem!important;align-items:center!important;justify-content:center!important}ax-button-group.ax-buttons-fit{width:100%}ax-button-group.ax-buttons-fit>button{flex:1 1 0%}ax-button-group.ax-state-disabled,ax-button-group.ax-state-loading{opacity:.5}ax-button-group.ax-state-disabled>ax-button-item,ax-button-group.ax-state-loading>ax-button-item{cursor:not-allowed}ax-button-group.ax-xs{font-size:.75rem;line-height:1rem}ax-button-group.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button-group.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button-group.ax-sm,ax-button-group.ax-md{font-size:.875rem;line-height:1.25rem}ax-button-group.ax-lg{font-size:.875rem;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-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-700),var(--tw-text-opacity))}ax-button-group.ax-color-primary ax-button-item:is(ax-button-group.ax-color-primary ax-button-item:focus-visible,ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-500),1)}ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-700),var(--tw-text-opacity))}ax-button-group.ax-color-secondary ax-button-item:is(ax-button-group.ax-color-secondary ax-button-item:focus-visible,ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-500),1)}ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-700),var(--tw-text-opacity))}ax-button-group.ax-color-success ax-button-item:is(ax-button-group.ax-color-success ax-button-item:focus-visible,ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-500),1)}ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-700),var(--tw-text-opacity))}ax-button-group.ax-color-warning ax-button-item:is(ax-button-group.ax-color-warning ax-button-item:focus-visible,ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-500),1)}ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-700),var(--tw-text-opacity))}ax-button-group.ax-color-danger ax-button-item:is(ax-button-group.ax-color-danger ax-button-item:focus-visible,ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-500),1)}ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-100),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled,.ax-state-selected){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-700),var(--tw-text-opacity))}ax-button-group.ax-color-info ax-button-item:is(ax-button-group.ax-color-info ax-button-item:focus-visible,ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-500),1)}ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-primary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-primary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-primary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-primary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-primary ax-button-item:is(.ax-dark ax-button-group.ax-color-primary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-primary ax-button-item:focus){outline-color:rgba(var(--ax-color-primary-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-primary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-secondary ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-secondary ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-secondary ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-secondary ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-secondary ax-button-item:is(.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-secondary ax-button-item:focus){outline-color:rgba(var(--ax-color-secondary-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-secondary ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-success ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-success-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-success ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-success ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-success ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-success ax-button-item:is(.ax-dark ax-button-group.ax-color-success ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-success ax-button-item:focus){outline-color:rgba(var(--ax-color-success-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-success ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-warning ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-warning ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-warning ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-warning ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-warning ax-button-item:is(.ax-dark ax-button-group.ax-color-warning ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-warning ax-button-item:focus){outline-color:rgba(var(--ax-color-warning-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-warning ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-danger ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-danger ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-danger ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-danger ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-danger ax-button-item:is(.ax-dark ax-button-group.ax-color-danger ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-danger ax-button-item:focus){outline-color:rgba(var(--ax-color-danger-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-danger ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-solid.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-look-twotone.ax-color-info ax-button-item.ax-state-selected{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore-tint),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--ax-color-info-fore),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-look-outline.ax-color-info ax-button-item.ax-state-selected:before{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}.ax-dark ax-button-group.ax-color-info ax-button-item:hover:not(.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-info ax-button-item:active{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-400),var(--tw-text-opacity))}.ax-dark ax-button-group.ax-color-info ax-button-item:is(.ax-dark ax-button-group.ax-color-info ax-button-item:focus-visible,.ax-dark ax-button-group.ax-color-info ax-button-item:focus){outline-color:rgba(var(--ax-color-info-200),1)}.ax-dark ax-button-group.ax-look-blank.ax-color-info ax-button-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-200),var(--tw-text-opacity))}\n"] }]
|
|
98
98
|
}], propDecorators: { _contentButtons: [{
|
|
99
99
|
type: ContentChildren,
|
|
100
100
|
args: [AXButtonItemComponent]
|
|
@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
|
|
|
5
5
|
const COMPONENT = [AXButtonGroupComponent];
|
|
6
6
|
const MODULES = [CommonModule];
|
|
7
7
|
export class AXButtonGroupModule {
|
|
8
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
9
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.
|
|
10
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
9
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXButtonGroupModule, declarations: [AXButtonGroupComponent], imports: [CommonModule], exports: [AXButtonGroupComponent] }); }
|
|
10
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonGroupModule, imports: [MODULES] }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXButtonGroupModule, decorators: [{
|
|
13
13
|
type: NgModule,
|
|
14
14
|
args: [{
|
|
15
15
|
declarations: [...COMPONENT],
|
|
@@ -128,10 +128,10 @@ export class AXCalendarRangeComponent extends classes((MXValueComponent), MXInte
|
|
|
128
128
|
this._c1.navTo(e.startOf('year'));
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
132
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.
|
|
131
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXCalendarRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
132
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXCalendarRangeComponent, selector: "ax-calendar-range", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", minValue: "minValue", maxValue: "maxValue", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", showNavigation: "showNavigation" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick" }, viewQueries: [{ propertyName: "_c1", first: true, predicate: ["c1"], descendants: true, static: true }, { propertyName: "_c2", first: true, predicate: ["c2"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\"\n (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (onNavigate)=\"handleNavigate()\"\n (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}.ax-dark ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-800));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-800),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-calendar-range{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:.5rem;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-calendar-range .ax-calendar-range-header{display:flex;justify-content:space-between;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-info{font-weight:500}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-buttons{display:flex}ax-calendar-range .ax-calendar-range-body{display:flex;flex-direction:row}ax-calendar-range ax-calendar{margin:0;padding:0}ax-calendar-range ax-calendar .ax-calendar-body{margin-top:0;padding-top:0}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-start,ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-end{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "minValue", "maxValue", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count", "id"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
133
133
|
}
|
|
134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
134
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXCalendarRangeComponent, decorators: [{
|
|
135
135
|
type: Component,
|
|
136
136
|
args: [{ selector: 'ax-calendar-range', encapsulation: ViewEncapsulation.None, inputs: [
|
|
137
137
|
'rtl',
|
|
@@ -162,7 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
|
|
|
162
162
|
'holidayDatesChange',
|
|
163
163
|
'onNavigate',
|
|
164
164
|
'onSlotClick',
|
|
165
|
-
], template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\"\n (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (onNavigate)=\"handleNavigate()\"\n (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}.ax-dark ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-800));--tw-bg-opacity: 1
|
|
165
|
+
], template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\"\n (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button type=\"button\" [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (onNavigate)=\"handleNavigate()\"\n (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [minValue]=\"minValue\" [maxValue]=\"maxValue\" [readonly]=\"true\" [depth]=\"depth\"\n (onSlotClick)=\"handleSlotClick($event)\" (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-background-default),var(--tw-bg-opacity))}.ax-dark ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-800));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-800),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}ax-calendar-range{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:.5rem;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-calendar-range .ax-calendar-range-header{display:flex;justify-content:space-between;padding-left:.25rem;padding-right:.25rem;padding-top:.25rem}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-info{font-weight:500}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-buttons{display:flex}ax-calendar-range .ax-calendar-range-body{display:flex;flex-direction:row}ax-calendar-range ax-calendar{margin:0;padding:0}ax-calendar-range ax-calendar .ax-calendar-body{margin-top:0;padding-top:0}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore-tint),var(--tw-text-opacity))}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-start,ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-end{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-fore),var(--tw-text-opacity))}\n"] }]
|
|
166
166
|
}], ctorParameters: () => [], propDecorators: { _c1: [{
|
|
167
167
|
type: ViewChild,
|
|
168
168
|
args: ['c1', { static: true }]
|
|
@@ -110,10 +110,10 @@ export class MXCalendarBaseComponent extends MXBaseComponent {
|
|
|
110
110
|
set holidayDates(v) {
|
|
111
111
|
this.setOption({ name: 'holidayDates', value: v });
|
|
112
112
|
}
|
|
113
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.
|
|
114
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.
|
|
113
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: MXCalendarBaseComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
114
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: MXCalendarBaseComponent }); }
|
|
115
115
|
}
|
|
116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.
|
|
116
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: MXCalendarBaseComponent, decorators: [{
|
|
117
117
|
type: Injectable
|
|
118
118
|
}], propDecorators: { interface: [{
|
|
119
119
|
type: Input
|