@acorex/components 7.8.11 → 7.8.13
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/breadcrumbs/lib/breadcrumbs-item.component.d.ts +3 -5
- package/breadcrumbs/lib/breadcrumbs.module.d.ts +2 -1
- package/button/index.d.ts +1 -0
- package/button/lib/button-item-list.component.d.ts +5 -0
- package/button/lib/button.module.d.ts +6 -5
- package/dropdown/lib/dropdown-panel.component.d.ts +1 -1
- package/esm2022/action-sheet/lib/action-sheet.component.mjs +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +9 -13
- package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +4 -4
- package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +7 -6
- package/esm2022/button/index.mjs +2 -1
- package/esm2022/button/lib/button-item-list.component.mjs +11 -0
- package/esm2022/button/lib/button-item.component.mjs +3 -3
- package/esm2022/button/lib/button.component.mjs +5 -5
- package/esm2022/button/lib/button.module.mjs +7 -6
- package/esm2022/button-group/lib/button-group.component.mjs +3 -3
- package/esm2022/button-group/lib/button-group.module.mjs +4 -4
- package/esm2022/calendar/lib/calendar-range.component.mjs +3 -3
- package/esm2022/calendar/lib/calendar.class.mjs +3 -3
- package/esm2022/calendar/lib/calendar.component.mjs +3 -3
- 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/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 +3 -3
- 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/data-column.directive.mjs +3 -3
- package/esm2022/data-table/lib/data-table.component.mjs +3 -3
- 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 +3 -3
- 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 +5 -5
- package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
- package/esm2022/form/lib/form-field.component.mjs +3 -3
- 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 +3 -3
- package/esm2022/label/lib/label.module.mjs +4 -4
- package/esm2022/list/lib/list.component.mjs +3 -3
- package/esm2022/list/lib/list.module.mjs +4 -4
- package/esm2022/loading/lib/loading-spinner.component.mjs +3 -3
- 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 +3 -3
- package/esm2022/menu/lib/menu.module.mjs +4 -4
- package/esm2022/notification/lib/notification.component.mjs +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- package/esm2022/result/lib/result.module.mjs +4 -4
- package/esm2022/routing-progress/lib/routing-progress.component.mjs +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- package/esm2022/side-menu/lib/side-menu.module.mjs +4 -4
- package/esm2022/skeleton/lib/skeleton.component.mjs +3 -3
- 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 +3 -3
- 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 +3 -3
- package/esm2022/tabs/lib/tabs.module.mjs +4 -4
- package/esm2022/tag/lib/tag.component.mjs +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +3 -3
- 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 +10 -10
- package/fesm2022/acorex-components-alert.mjs +7 -7
- package/fesm2022/acorex-components-avatar.mjs +10 -10
- package/fesm2022/acorex-components-badge.mjs +7 -7
- package/fesm2022/acorex-components-breadcrumbs.mjs +18 -21
- package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/acorex-components-button-group.mjs +7 -7
- package/fesm2022/acorex-components-button.mjs +25 -16
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +13 -13
- package/fesm2022/acorex-components-check-box.mjs +7 -7
- package/fesm2022/acorex-components-chips.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 +61 -61
- package/fesm2022/acorex-components-data-pager.mjs +31 -31
- package/fesm2022/acorex-components-data-table.mjs +10 -10
- 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 +10 -10
- package/fesm2022/acorex-components-drawer.mjs +10 -10
- package/fesm2022/acorex-components-dropdown.mjs +14 -14
- package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
- package/fesm2022/acorex-components-form.mjs +16 -16
- package/fesm2022/acorex-components-image.mjs +7 -7
- package/fesm2022/acorex-components-label.mjs +7 -7
- package/fesm2022/acorex-components-list.mjs +7 -7
- package/fesm2022/acorex-components-loading.mjs +16 -16
- package/fesm2022/acorex-components-menu.mjs +10 -10
- package/fesm2022/acorex-components-notification.mjs +10 -10
- package/fesm2022/acorex-components-number-box.mjs +7 -7
- package/fesm2022/acorex-components-otp.mjs +7 -7
- package/fesm2022/acorex-components-page.mjs +10 -10
- package/fesm2022/acorex-components-password-box.mjs +7 -7
- package/fesm2022/acorex-components-picker.mjs +10 -10
- package/fesm2022/acorex-components-popover.mjs +7 -7
- package/fesm2022/acorex-components-popup.mjs +10 -10
- package/fesm2022/acorex-components-progress-bar.mjs +7 -7
- package/fesm2022/acorex-components-radio.mjs +7 -7
- package/fesm2022/acorex-components-range-slider.mjs +7 -7
- package/fesm2022/acorex-components-result.mjs +7 -7
- package/fesm2022/acorex-components-routing-progress.mjs +7 -7
- package/fesm2022/acorex-components-scheduler.mjs +13 -13
- 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 +7 -7
- package/fesm2022/acorex-components-side-menu.mjs +10 -10
- package/fesm2022/acorex-components-skeleton.mjs +7 -7
- package/fesm2022/acorex-components-switch.mjs +10 -10
- package/fesm2022/acorex-components-tabs.mjs +13 -13
- package/fesm2022/acorex-components-tag.mjs +7 -7
- package/fesm2022/acorex-components-text-area.mjs +7 -7
- package/fesm2022/acorex-components-text-box.mjs +10 -10
- package/fesm2022/acorex-components-toast.mjs +10 -10
- package/fesm2022/acorex-components-tooltip.mjs +10 -10
- package/fesm2022/acorex-components-uploader.mjs +19 -19
- package/package.json +10 -10
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Component, ViewEncapsulation } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class AXButtonItemListComponent {
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", type: AXButtonItemListComponent, selector: "ax-button-item-list", ngImport: i0, template: ` <ng-content select="ax-button-item, ax-title, ax-divider"></ng-content> `, isInline: true, styles: ["ax-button-item-list{display:flex;flex-direction:column;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}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{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
6
|
+
}
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemListComponent, decorators: [{
|
8
|
+
type: Component,
|
9
|
+
args: [{ selector: 'ax-button-item-list', template: ` <ng-content select="ax-button-item, ax-title, ax-divider"></ng-content> `, encapsulation: ViewEncapsulation.None, styles: ["ax-button-item-list{display:flex;flex-direction:column;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:.5rem 0}ax-button-item-list ax-title{font-size:.75rem;padding:.25rem 0;padding-inline-start:1rem;padding-inline-end:2.5rem;opacity:.5;text-transform:uppercase;font-weight:500}ax-button-item-list ax-divider{width:100%;height:1px;background-color:rgba(var(--ax-color-border-default));margin:.25rem 0}ax-button-item-list ax-button-item{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;padding:.5rem;padding-inline-start:1rem;padding-inline-end:4rem;font-size:.875rem;color:rgba(var(--ax-color-text-default));-webkit-user-select:none;user-select:none;cursor:pointer}ax-button-item-list ax-button-item:hover:not(ax-button-item-list ax-button-item:hover.ax-state-disabled){background-color:rgba(var(--ax-color-on-surface))}ax-button-item-list ax-button-item.ax-divide{border:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-button-item-list ax-button-item.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-button-item-list ax-button-item ax-prefix,ax-button-item-list ax-button-item ax-suffix{display:flex;flex-direction:row}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{background-color:transparent;color:rgba(var(--ax-color-primary-500));border:transparent}ax-button-item-list ax-button-item.ax-primary-default:hover,ax-button-item-list ax-button-item.ax-primary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-primary-600))}ax-button-item-list ax-button-item.ax-primary-default:active{color:rgba(var(--ax-color-primary-400))}ax-button-item-list ax-button-item.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button-item-list ax-button-item.ax-secondary-default{background-color:transparent;color:rgba(var(--ax-color-secondary-500));border:transparent}ax-button-item-list ax-button-item.ax-secondary-default:hover,ax-button-item-list ax-button-item.ax-secondary-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-secondary-600))}ax-button-item-list ax-button-item.ax-secondary-default:active{color:rgba(var(--ax-color-secondary-400))}ax-button-item-list ax-button-item.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button-item-list ax-button-item.ax-success-default{background-color:transparent;color:rgba(var(--ax-color-success-500));border:transparent}ax-button-item-list ax-button-item.ax-success-default:hover,ax-button-item-list ax-button-item.ax-success-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-success-600))}ax-button-item-list ax-button-item.ax-success-default:active{color:rgba(var(--ax-color-success-400))}ax-button-item-list ax-button-item.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button-item-list ax-button-item.ax-warning-default{background-color:transparent;color:rgba(var(--ax-color-warning-500));border:transparent}ax-button-item-list ax-button-item.ax-warning-default:hover,ax-button-item-list ax-button-item.ax-warning-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-warning-600))}ax-button-item-list ax-button-item.ax-warning-default:active{color:rgba(var(--ax-color-warning-400))}ax-button-item-list ax-button-item.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button-item-list ax-button-item.ax-danger-default{background-color:transparent;color:rgba(var(--ax-color-danger-500));border:transparent}ax-button-item-list ax-button-item.ax-danger-default:hover,ax-button-item-list ax-button-item.ax-danger-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-danger-600))}ax-button-item-list ax-button-item.ax-danger-default:active{color:rgba(var(--ax-color-danger-400))}ax-button-item-list ax-button-item.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button-item-list ax-button-item.ax-info-default{background-color:transparent;color:rgba(var(--ax-color-info-500));border:transparent}ax-button-item-list ax-button-item.ax-info-default:hover,ax-button-item-list ax-button-item.ax-info-default:focus{background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-info-600))}ax-button-item-list ax-button-item.ax-info-default:active{color:rgba(var(--ax-color-info-400))}ax-button-item-list ax-button-item.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
10
|
+
}] });
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvYnV0dG9uL3NyYy9saWIvYnV0dG9uLWl0ZW0tbGlzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFRN0QsTUFBTSxPQUFPLHlCQUF5Qjs4R0FBekIseUJBQXlCO2tHQUF6Qix5QkFBeUIsMkRBSjFCLDJFQUEyRTs7MkZBSTFFLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDRSxxQkFBcUIsWUFDckIsMkVBQTJFLGlCQUV0RSxpQkFBaUIsQ0FBQyxJQUFJIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdheC1idXR0b24taXRlbS1saXN0JyxcbiAgdGVtcGxhdGU6IGAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtYnV0dG9uLWl0ZW0sIGF4LXRpdGxlLCBheC1kaXZpZGVyXCI+PC9uZy1jb250ZW50PiBgLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24taXRlbS1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnQge31cbiJdfQ==
|
@@ -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: "16.
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", 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: "16.
|
57
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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: "16.
|
62
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.
|
61
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
62
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.6", 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
|
-
], 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{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone > button:focus-visible,ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid > button:focus-visible,ax-button.ax-primary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone > button:focus-visible,ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible,ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible,ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid > button:focus-visible,ax-button.ax-secondary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone > button:focus-visible,ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible,ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible,ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid > button:focus-visible,ax-button.ax-success-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone > button:focus-visible,ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible,ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible,ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid > button:focus-visible,ax-button.ax-warning-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone > button:focus-visible,ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible,ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible,ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid > button:focus-visible,ax-button.ax-danger-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone > button:focus-visible,ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible,ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible,ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid > button:focus-visible,ax-button.ax-info-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone > button:focus-visible,ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible,ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible,ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone > button:focus-visible,.ax-dark ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible,.ax-dark ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible,.ax-dark ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone > button:focus-visible,.ax-dark ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible,.ax-dark ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible,.ax-dark ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone > button:focus-visible,.ax-dark ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible,.ax-dark ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible,.ax-dark ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone > button:focus-visible,.ax-dark ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible,.ax-dark ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible,.ax-dark ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone > button:focus-visible,.ax-dark ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible,.ax-dark ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible,.ax-dark ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone > button:focus-visible,.ax-dark ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible,.ax-dark ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible,.ax-dark ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid > button:focus-visible,.ax-dark ax-button.ax-ghost-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline > button:focus-visible,.ax-dark ax-button.ax-ghost-outline > button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank > button:focus-visible,.ax-dark ax-button.ax-ghost-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone > button:focus-visible,.ax-dark ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXRippleDirective, selector: "[axRipple]", inputs: ["axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
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{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.AXRippleDirective, selector: "[axRipple]", inputs: ["axRippleColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
67
67
|
}
|
68
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
68
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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',
|
@@ -80,7 +80,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
|
|
80
80
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
81
81
|
{ provide: AXButtonItemComponent, useExisting: AXButtonComponent },
|
82
82
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
83
|
-
], 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{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone > button:focus-visible,ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid > button:focus-visible,ax-button.ax-primary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone > button:focus-visible,ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible,ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible,ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid > button:focus-visible,ax-button.ax-secondary-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone > button:focus-visible,ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible,ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible,ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid > button:focus-visible,ax-button.ax-success-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone > button:focus-visible,ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible,ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible,ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid > button:focus-visible,ax-button.ax-warning-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone > button:focus-visible,ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible,ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible,ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid > button:focus-visible,ax-button.ax-danger-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone > button:focus-visible,ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible,ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible,ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid > button:focus-visible,ax-button.ax-info-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone > button:focus-visible,ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible,ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible,ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone > button:focus-visible,.ax-dark ax-button.ax-primary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible,.ax-dark ax-button.ax-primary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible,.ax-dark ax-button.ax-primary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone > button:focus-visible,.ax-dark ax-button.ax-secondary-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible,.ax-dark ax-button.ax-secondary-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible,.ax-dark ax-button.ax-secondary-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone > button:focus-visible,.ax-dark ax-button.ax-success-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible,.ax-dark ax-button.ax-success-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible,.ax-dark ax-button.ax-success-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone > button:focus-visible,.ax-dark ax-button.ax-warning-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible,.ax-dark ax-button.ax-warning-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible,.ax-dark ax-button.ax-warning-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone > button:focus-visible,.ax-dark ax-button.ax-danger-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible,.ax-dark ax-button.ax-danger-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible,.ax-dark ax-button.ax-danger-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone > button:focus-visible,.ax-dark ax-button.ax-info-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible,.ax-dark ax-button.ax-info-outline > button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible,.ax-dark ax-button.ax-info-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid > button:focus-visible,.ax-dark ax-button.ax-ghost-solid > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline > button:focus-visible,.ax-dark ax-button.ax-ghost-outline > button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank > button:focus-visible,.ax-dark ax-button.ax-ghost-blank > button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone > button:focus-visible,.ax-dark ax-button.ax-ghost-twotone > button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"] }]
|
83
|
+
], 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{display:inline-flex;align-items:center;justify-content:center;-moz-border-radius:var(--ax-rounded-border-default);-webkit-border-radius:var(--ax-rounded-border-default);-khtml-border-radius:var(--ax-rounded-border-default);-border-radius:var(--ax-rounded-border-default);height:var(--ax-size-default);font-size:.875rem;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;outline-color:transparent}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-inline-start:.25rem;padding-inline-end:.25rem}ax-button.ax-sm>button{padding-inline-start:.5rem;padding-inline-end:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1.25rem}ax-button.ax-lg>button{padding-inline-start:1.5rem;padding-inline-end:1.5rem}ax-button.ax-xl{font-size:1.5rem}ax-button.ax-xl>button{padding-inline-start:2rem;padding-inline-end:2rem}ax-button.ax-button-icon{font-size:1rem;width:var(--ax-size-default);height:var(--ax-size-default)}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{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0 1rem;position:relative;border-radius:inherit;outline-color:transparent;overflow:hidden}ax-button>button.ax-state-focus:focus,ax-button>button:focus-visible{outline-width:2px;outline-offset:2px;outline-style:solid;outline-color:rgba(var(--ax-color-black),.3)}ax-button>button .ax-button-text{padding-inline-start:.5rem;padding-inline-end:.5rem;white-space:nowrap;font-weight:500;line-height:1}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-ghost-solid{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-border-default));box-shadow:#0000 0 0,#0000 0 0,#0000000d 0 1px 2px}ax-button.ax-ghost-solid:hover:not(ax-button.ax-ghost-solid:hover.ax-state-selected,ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-500))}ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline:hover:not(ax-button.ax-ghost-outline:hover.ax-state-selected,ax-button.ax-ghost-outline:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-outline:active{opacity:1}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-ghost-blank:hover:not(ax-button.ax-ghost-blank:hover.ax-state-selected,ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}ax-button.ax-ghost-blank:active{opacity:1}ax-button.ax-ghost-blank>button .ax-ripple{background-color:rgba(var(--ax-color-ghost-fore),.5)!important}ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-twotone:hover:not(ax-button.ax-ghost-twotone:hover.ax-state-selected,ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300));border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}ax-button.ax-ghost-twotone>button:is(ax-button.ax-ghost-twotone>button:focus-visible,ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-fore),.5)}ax-button ax-button-item.ax-divided{border-bottom:1px solid rgba(var(--ax-color-border-default))!important}ax-button.ax-primary-solid{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore));border-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-solid:is(ax-button.ax-primary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-primary-fore),.5)!important}ax-button.ax-primary-solid>button:is(ax-button.ax-primary-solid>button:focus-visible,ax-button.ax-primary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-100))}ax-button.ax-primary-twotone:is(ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200))}ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-300))}ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-400),.5)!important}ax-button.ax-primary-twotone>button:is(ax-button.ax-primary-twotone>button:focus-visible,ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline{border:1px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline>button:focus-visible,ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-fore-lighten));outline-color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-fore-lighten))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank>button:focus-visible,ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore));border-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-solid:is(ax-button.ax-secondary-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-solid.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-solid>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-fore),.5)!important}ax-button.ax-secondary-solid>button:is(ax-button.ax-secondary-solid>button:focus-visible,ax-button.ax-secondary-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-100))}ax-button.ax-secondary-twotone:is(ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-200))}ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-300))}ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-400),.5)!important}ax-button.ax-secondary-twotone>button:is(ax-button.ax-secondary-twotone>button:focus-visible,ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline>button:focus-visible,ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-fore-lighten));outline-color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-fore-lighten))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank>button:focus-visible,ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-success-solid{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore));border-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-solid:is(ax-button.ax-success-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-solid.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-solid>button .ax-ripple{background-color:rgba(var(--ax-color-success-fore),.5)!important}ax-button.ax-success-solid>button:is(ax-button.ax-success-solid>button:focus-visible,ax-button.ax-success-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-100))}ax-button.ax-success-twotone:is(ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-200))}ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-300))}ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-400),.5)!important}ax-button.ax-success-twotone>button:is(ax-button.ax-success-twotone>button:focus-visible,ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline{border:1px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-500));border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline>button:focus-visible,ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-fore-lighten));outline-color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-fore-lighten))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank>button:focus-visible,ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-warning-solid{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore));border-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-solid:is(ax-button.ax-warning-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-solid.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-solid>button .ax-ripple{background-color:rgba(var(--ax-color-warning-fore),.5)!important}ax-button.ax-warning-solid>button:is(ax-button.ax-warning-solid>button:focus-visible,ax-button.ax-warning-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-100))}ax-button.ax-warning-twotone:is(ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-200))}ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-300))}ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-400),.5)!important}ax-button.ax-warning-twotone>button:is(ax-button.ax-warning-twotone>button:focus-visible,ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline{border:1px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline>button:focus-visible,ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-fore-lighten));outline-color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-fore-lighten))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank>button:focus-visible,ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-danger-solid{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore));border-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-solid:is(ax-button.ax-danger-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-solid.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-solid>button .ax-ripple{background-color:rgba(var(--ax-color-danger-fore),.5)!important}ax-button.ax-danger-solid>button:is(ax-button.ax-danger-solid>button:focus-visible,ax-button.ax-danger-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-100))}ax-button.ax-danger-twotone:is(ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-200))}ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-300))}ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-400),.5)!important}ax-button.ax-danger-twotone>button:is(ax-button.ax-danger-twotone>button:focus-visible,ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline{border:1px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline>button:focus-visible,ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-fore-lighten));outline-color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-fore-lighten))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank>button:focus-visible,ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-info-solid{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore));border-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-solid:is(ax-button.ax-info-solid:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-solid.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-solid>button .ax-ripple{background-color:rgba(var(--ax-color-info-fore),.5)!important}ax-button.ax-info-solid>button:is(ax-button.ax-info-solid>button:focus-visible,ax-button.ax-info-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-100))}ax-button.ax-info-twotone:is(ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-200))}ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-300))}ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-400),.5)!important}ax-button.ax-info-twotone>button:is(ax-button.ax-info-twotone>button:focus-visible,ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline{border:1px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-500));border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline>button:focus-visible,ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-fore-lighten));outline-color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-fore-lighten))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank>button:focus-visible,ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-primary-twotone{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-lighten));border-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-twotone:is(.ax-dark ax-button.ax-primary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400))}.ax-dark ax-button.ax-primary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-twotone>button:is(.ax-dark ax-button.ax-primary-twotone>button:focus-visible,.ax-dark ax-button.ax-primary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.5)!important}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline>button:focus-visible,.ax-dark ax-button.ax-primary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-500));background-color:transparent}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-primary-300),.5)!important}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank>button:focus-visible,.ax-dark ax-button.ax-primary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-secondary-twotone{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-lighten));border-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-twotone:is(.ax-dark ax-button.ax-secondary-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-twotone.ax-state-selected{background-color:rgba(var(--ax-color-secondary-400))}.ax-dark ax-button.ax-secondary-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-twotone>button:is(.ax-dark ax-button.ax-secondary-twotone>button:focus-visible,.ax-dark ax-button.ax-secondary-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline{border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-500),.5)!important}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline>button:focus-visible,.ax-dark ax-button.ax-secondary-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-500));background-color:transparent}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-blank>button .ax-ripple{background-color:rgba(var(--ax-color-secondary-300),.5)!important}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank>button:focus-visible,.ax-dark ax-button.ax-secondary-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-success-twotone{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-lighten));border-color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-twotone:is(.ax-dark ax-button.ax-success-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-twotone.ax-state-selected{background-color:rgba(var(--ax-color-success-400))}.ax-dark ax-button.ax-success-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-twotone>button:is(.ax-dark ax-button.ax-success-twotone>button:focus-visible,.ax-dark ax-button.ax-success-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline{border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline>button .ax-ripple{background-color:rgba(var(--ax-color-success-500),.5)!important}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline>button:focus-visible,.ax-dark ax-button.ax-success-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-success-500));background-color:transparent}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-blank>button .ax-ripple{background-color:rgba(var(--ax-color-success-300),.5)!important}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank>button:focus-visible,.ax-dark ax-button.ax-success-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-warning-twotone{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-lighten));border-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-twotone:is(.ax-dark ax-button.ax-warning-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-twotone.ax-state-selected{background-color:rgba(var(--ax-color-warning-400))}.ax-dark ax-button.ax-warning-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-twotone>button:is(.ax-dark ax-button.ax-warning-twotone>button:focus-visible,.ax-dark ax-button.ax-warning-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline{border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline>button .ax-ripple{background-color:rgba(var(--ax-color-warning-500),.5)!important}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline>button:focus-visible,.ax-dark ax-button.ax-warning-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-500));background-color:transparent}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-blank>button .ax-ripple{background-color:rgba(var(--ax-color-warning-300),.5)!important}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank>button:focus-visible,.ax-dark ax-button.ax-warning-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-danger-twotone{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-lighten));border-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-twotone:is(.ax-dark ax-button.ax-danger-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-twotone.ax-state-selected{background-color:rgba(var(--ax-color-danger-400))}.ax-dark ax-button.ax-danger-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-twotone>button:is(.ax-dark ax-button.ax-danger-twotone>button:focus-visible,.ax-dark ax-button.ax-danger-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline{border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline>button .ax-ripple{background-color:rgba(var(--ax-color-danger-500),.5)!important}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline>button:focus-visible,.ax-dark ax-button.ax-danger-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-500));background-color:transparent}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-blank>button .ax-ripple{background-color:rgba(var(--ax-color-danger-300),.5)!important}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank>button:focus-visible,.ax-dark ax-button.ax-danger-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-info-twotone{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-lighten));border-color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-twotone:is(.ax-dark ax-button.ax-info-twotone:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-twotone.ax-state-selected{background-color:rgba(var(--ax-color-info-400))}.ax-dark ax-button.ax-info-twotone>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-twotone>button:is(.ax-dark ax-button.ax-info-twotone>button:focus-visible,.ax-dark ax-button.ax-info-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline{border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){background-color:transparent}.ax-dark ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline>button .ax-ripple{background-color:rgba(var(--ax-color-info-500),.5)!important}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline>button:focus-visible,.ax-dark ax-button.ax-info-outline>button.ax-state-focus){outline-offset:-4px;color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-info-500));background-color:transparent}.ax-dark ax-button.ax-info-blank.ax-state-selected{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-blank>button .ax-ripple{background-color:rgba(var(--ax-color-info-300),.5)!important}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank>button:focus-visible,.ax-dark ax-button.ax-info-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-ghost-solid:hover:not(.ax-dark ax-button.ax-ghost-solid:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-solid:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-ghost-solid:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-solid.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-solid>button:is(.ax-dark ax-button.ax-ghost-solid>button:focus-visible,.ax-dark ax-button.ax-ghost-solid>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}.ax-dark ax-button.ax-ghost-outline{background-color:transparent;border:1px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline:hover:not(.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-outline:hover.ax-state-disabled){border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover:active{border-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-ghost-outline:hover.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline>button:focus-visible,.ax-dark ax-button.ax-ghost-outline>button.ax-state-focus){outline-offset:-4px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-gohst-fore))}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-ghost-blank:hover:not(.ax-dark ax-button.ax-ghost-blank:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-blank:hover.ax-state-disabled){opacity:.75}.ax-dark ax-button.ax-ghost-blank:active{opacity:1}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank>button:focus-visible,.ax-dark ax-button.ax-ghost-blank>button.ax-state-focus){outline-offset:0px;outline-color:rgba(var(--ax-color-ghost-fore),.5)}.ax-dark ax-button.ax-ghost-twotone{background-color:rgba(var(--ax-color-ghost));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-twotone:hover:not(.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-selected,.ax-dark ax-button.ax-ghost-twotone:hover.ax-state-disabled){background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone:active{background-color:rgba(var(--ax-color-primary-300));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone.ax-state-selected{background-color:rgba(var(--ax-color-primary-400));border-color:rgba(var(--ax-color-primary-400));color:rgba(var(--ax-color-primary-700))}.ax-dark ax-button.ax-ghost-twotone>button:is(.ax-dark ax-button.ax-ghost-twotone>button:focus-visible,.ax-dark ax-button.ax-ghost-twotone>button.ax-state-focus){outline-color:rgba(var(--ax-color-primary-500),.5)}\n"] }]
|
84
84
|
}], propDecorators: { type: [{
|
85
85
|
type: Input
|
86
86
|
}], __hostClass: [{
|
@@ -3,17 +3,18 @@ import { AXDecoratorModule } from '@acorex/components/decorators';
|
|
3
3
|
import { AXLoadingModule } from '@acorex/components/loading';
|
4
4
|
import { CommonModule } from '@angular/common';
|
5
5
|
import { NgModule } from '@angular/core';
|
6
|
+
import { AXButtonItemListComponent } from './button-item-list.component';
|
6
7
|
import { AXButtonItemComponent } from './button-item.component';
|
7
8
|
import { AXButtonComponent } from './button.component';
|
8
9
|
import * as i0 from "@angular/core";
|
9
|
-
const COMPONENT = [AXButtonComponent, AXButtonItemComponent];
|
10
|
+
const COMPONENT = [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent];
|
10
11
|
const MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule];
|
11
12
|
export class AXButtonModule {
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.
|
13
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.
|
14
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.
|
13
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
14
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, declarations: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent], imports: [CommonModule, AXCommonModule, AXDecoratorModule, AXLoadingModule], exports: [AXButtonComponent, AXButtonItemComponent, AXButtonItemListComponent] }); }
|
15
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, imports: [MODULES] }); }
|
15
16
|
}
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXButtonModule, decorators: [{
|
17
18
|
type: NgModule,
|
18
19
|
args: [{
|
19
20
|
imports: [MODULES],
|
@@ -22,4 +23,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.9", ngImpor
|
|
22
23
|
providers: [],
|
23
24
|
}]
|
24
25
|
}] });
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9idXR0b24vc3JjL2xpYi9idXR0b24ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDekUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBRXZELE1BQU0sU0FBUyxHQUFHLENBQUMsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCLENBQUMsQ0FBQztBQUN4RixNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsZUFBZSxDQUFDLENBQUM7QUFRbkYsTUFBTSxPQUFPLGNBQWM7OEdBQWQsY0FBYzsrR0FBZCxjQUFjLGlCQVRSLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLHlCQUF5QixhQUNyRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsYUFEOUQsaUJBQWlCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCOytHQVN6RSxjQUFjLFlBTGYsT0FBTzs7MkZBS04sY0FBYztrQkFOMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxPQUFPLENBQUM7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyxHQUFHLFNBQVMsQ0FBQztvQkFDNUIsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWENvbW1vbk1vZHVsZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhEZWNvcmF0b3JNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycyc7XG5pbXBvcnQgeyBBWExvYWRpbmdNb2R1bGUgfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbG9hZGluZyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2J1dHRvbi1pdGVtLWxpc3QuY29tcG9uZW50JztcbmltcG9ydCB7IEFYQnV0dG9uSXRlbUNvbXBvbmVudCB9IGZyb20gJy4vYnV0dG9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IEFYQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi9idXR0b24uY29tcG9uZW50JztcblxuY29uc3QgQ09NUE9ORU5UID0gW0FYQnV0dG9uQ29tcG9uZW50LCBBWEJ1dHRvbkl0ZW1Db21wb25lbnQsIEFYQnV0dG9uSXRlbUxpc3RDb21wb25lbnRdO1xuY29uc3QgTU9EVUxFUyA9IFtDb21tb25Nb2R1bGUsIEFYQ29tbW9uTW9kdWxlLCBBWERlY29yYXRvck1vZHVsZSwgQVhMb2FkaW5nTW9kdWxlXTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW01PRFVMRVNdLFxuICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcbiAgZGVjbGFyYXRpb25zOiBbLi4uQ09NUE9ORU5UXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgQVhCdXR0b25Nb2R1bGUge31cbiJdfQ==
|