@acorex/components 7.1.37 → 7.1.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/action-sheet/src/action-sheet.component.mjs +2 -2
- package/esm2022/avatar/src/avatar.component.mjs +2 -2
- package/esm2022/badge/src/badge.component.mjs +2 -2
- package/esm2022/button/src/button.component.mjs +2 -2
- package/esm2022/calendar/src/calendar-range.component.mjs +2 -2
- package/esm2022/calendar/src/calendar.component.mjs +2 -2
- package/esm2022/chips/src/chips.component.mjs +2 -2
- package/esm2022/dialog/src/dialog.component.mjs +2 -2
- package/esm2022/loading/src/loading.component.mjs +2 -2
- package/esm2022/menu/src/menu.component.mjs +2 -2
- package/esm2022/notification/src/notification.component.mjs +2 -2
- package/esm2022/popup/src/popup.component.mjs +2 -2
- package/esm2022/progress-bar/src/progress-bar.component.mjs +2 -2
- package/esm2022/range-slider/src/range-slider.component.mjs +2 -2
- package/esm2022/result/src/result.component.mjs +2 -2
- package/esm2022/select-box/src/selectbox.component.mjs +2 -2
- package/esm2022/tabs/src/tabs.component.mjs +2 -2
- package/esm2022/tag/src/tag.component.mjs +2 -2
- package/fesm2022/acorex-components-action-sheet.mjs +2 -2
- package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
- package/fesm2022/acorex-components-avatar.mjs +2 -2
- package/fesm2022/acorex-components-avatar.mjs.map +1 -1
- package/fesm2022/acorex-components-badge.mjs +2 -2
- package/fesm2022/acorex-components-badge.mjs.map +1 -1
- package/fesm2022/acorex-components-button.mjs +2 -2
- package/fesm2022/acorex-components-button.mjs.map +1 -1
- package/fesm2022/acorex-components-calendar.mjs +4 -4
- package/fesm2022/acorex-components-calendar.mjs.map +1 -1
- package/fesm2022/acorex-components-chips.mjs +2 -2
- package/fesm2022/acorex-components-chips.mjs.map +1 -1
- package/fesm2022/acorex-components-dialog.mjs +2 -2
- package/fesm2022/acorex-components-dialog.mjs.map +1 -1
- package/fesm2022/acorex-components-loading.mjs +2 -2
- package/fesm2022/acorex-components-loading.mjs.map +1 -1
- package/fesm2022/acorex-components-menu.mjs +2 -2
- package/fesm2022/acorex-components-menu.mjs.map +1 -1
- package/fesm2022/acorex-components-notification.mjs +2 -2
- package/fesm2022/acorex-components-notification.mjs.map +1 -1
- package/fesm2022/acorex-components-popup.mjs +2 -2
- package/fesm2022/acorex-components-popup.mjs.map +1 -1
- package/fesm2022/acorex-components-progress-bar.mjs +2 -2
- package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
- package/fesm2022/acorex-components-range-slider.mjs +2 -2
- package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
- package/fesm2022/acorex-components-result.mjs +2 -2
- package/fesm2022/acorex-components-result.mjs.map +1 -1
- package/fesm2022/acorex-components-select-box.mjs +2 -2
- package/fesm2022/acorex-components-select-box.mjs.map +1 -1
- package/fesm2022/acorex-components-tabs.mjs +2 -2
- package/fesm2022/acorex-components-tabs.mjs.map +1 -1
- package/fesm2022/acorex-components-tag.mjs +2 -2
- package/fesm2022/acorex-components-tag.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -62,12 +62,12 @@ class AXActionSheetComponent extends MXBaseComponent {
|
|
|
62
62
|
this.close();
|
|
63
63
|
}
|
|
64
64
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXActionSheetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
65
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<ax-header>\n <ax-title>{{ title }}</ax-title>\n <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-
|
|
65
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, usesInheritance: true, ngImport: i0, template: "<ax-header>\n <ax-title>{{ title }}</ax-title>\n <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-default))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
66
66
|
}
|
|
67
67
|
export { AXActionSheetComponent };
|
|
68
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXActionSheetComponent, decorators: [{
|
|
69
69
|
type: Component,
|
|
70
|
-
args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-header>\n <ax-title>{{ title }}</ax-title>\n <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-
|
|
70
|
+
args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-header>\n <ax-title>{{ title }}</ax-title>\n <ax-close-button (click)=\"_handleCloseClick()\" tabindex=\"1\"></ax-close-button>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" (click)=\"item.onClick()\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:.75rem}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-default))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"] }]
|
|
71
71
|
}], propDecorators: { onKeydownHandler: [{
|
|
72
72
|
type: HostListener,
|
|
73
73
|
args: ['keydown.escape', ['$event']]
|
|
@@ -20,12 +20,12 @@ class AXAvatarComponent extends classes(MXColorComponent) {
|
|
|
20
20
|
return `ax-${this.color}-default`;
|
|
21
21
|
}
|
|
22
22
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", cssClass: ["class", "cssClass"] }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-default-default .ax-default{fill:rgba(var(--ax-color-
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", cssClass: ["class", "cssClass"] }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_children", predicate: ["ax-text, ax-icon, ax-image"] }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-default-default .ax-default{fill:rgba(var(--ax-color-default))}ax-avatar.ax-default-default ax-text,ax-avatar.ax-default-default ax-icon{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-avatar.ax-default-default ax-icon svg{fill:rgba(var(--ax-color-default))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
24
24
|
}
|
|
25
25
|
export { AXAvatarComponent };
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXAvatarComponent, decorators: [{
|
|
27
27
|
type: Component,
|
|
28
|
-
args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-default-default .ax-default{fill:rgba(var(--ax-color-
|
|
28
|
+
args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [ngTemplateOutlet]=\"default\" *ngIf=\"!_children.length\"></ng-container>\n<ng-container [ngTemplateOutlet]=\"custom\" *ngIf=\"_children.length\"></ng-container>\n\n<ng-template #custom>\n <ng-content></ng-content>\n</ng-template>\n<ng-template #default>\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-default {{ cssClass }}\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\" style=\"fill: #fff; opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: #fff\" />\n </g>\n </g>\n </g>\n </svg>\n</ng-template>\n", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{border-width:2px;border-color:rgba(var(--ax-color-surface));margin:-.25rem;overflow:hidden}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar *{border-radius:inherit}ax-avatar ax-image{overflow:hidden}ax-avatar ax-text{font-size:1.25rem;line-height:1.75rem}ax-avatar ax-icon,ax-avatar ax-text{@apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}ax-avatar.ax-primary-default .ax-default{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-text{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-default ax-icon{background-color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-default .ax-default{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-text{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-default ax-icon{background-color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-default .ax-default{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-text{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-default ax-icon{background-color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-default .ax-default{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-text{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-default ax-icon{background-color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-default .ax-default{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-text{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-default ax-icon{background-color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-default .ax-default{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-text{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-default ax-icon{background-color:rgba(var(--ax-color-info-500))}ax-avatar.ax-default-default .ax-default{fill:rgba(var(--ax-color-default))}ax-avatar.ax-default-default ax-text,ax-avatar.ax-default-default ax-icon{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-avatar.ax-default-default ax-icon svg{fill:rgba(var(--ax-color-default))}\n"] }]
|
|
29
29
|
}], propDecorators: { cssClass: [{
|
|
30
30
|
type: Input,
|
|
31
31
|
args: ['class']
|
|
@@ -9,12 +9,12 @@ class AXBadgeComponent extends classes(MXColorComponent) {
|
|
|
9
9
|
return `ax-${this.color}-default ${!this.text ? 'ax-mini-badge' : ''} ${this.text.length == 1 ? 'ax-single-badge' : ''}`;
|
|
10
10
|
}
|
|
11
11
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
12
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-
|
|
12
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
13
13
|
}
|
|
14
14
|
export { AXBadgeComponent };
|
|
15
15
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXBadgeComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
|
-
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-
|
|
17
|
+
args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:99rem;text-align:center}ax-badge.ax-default-default{background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{padding:.25rem .375rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-badge.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}\n"] }]
|
|
18
18
|
}], propDecorators: { text: [{
|
|
19
19
|
type: Input
|
|
20
20
|
}], __hostClass: [{
|
|
@@ -41,7 +41,7 @@ class AXButtonComponent extends MXButtonBaseComponent {
|
|
|
41
41
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", 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" }, host: { listeners: { "click": "emitOnClickEvent($event)", "focus": "emitOnBlurEvent($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
|
|
42
42
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
43
43
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
44
|
-
], usesInheritance: true, ngImport: i0, template: "<button\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;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}ax-button.ax-primary-default{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-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));border-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-primary-800))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}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-secondary-default{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-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));border-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-secondary-800))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-700));outline-color:rgba(var(--ax-color-secondary-600))}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-success-default{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-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible){outline-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:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));border-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-success-800))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-700));outline-color:rgba(var(--ax-color-success-600))}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-warning-default{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-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible){outline-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:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));border-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-warning-800))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-700));outline-color:rgba(var(--ax-color-warning-600))}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-danger-default{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-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible){outline-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:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-danger-800))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-700));outline-color:rgba(var(--ax-color-danger-600))}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-info-default{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-default>button:is(ax-button.ax-info-default > button:focus-within){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default:is(ax-button.ax-info-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-default:is(ax-button.ax-info-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-default:is(ax-button.ax-info-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible){outline-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:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));border-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-info-800))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-700));outline-color:rgba(var(--ax-color-info-600))}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-default-default{border:1px solid;border-color:rgba(var(--ax-color-on-surface));background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-button.ax-default-outline{background-color:transparent;border:2px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-button.ax-default-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-text-default))}ax-button:hover{opacity:.85}ax-button:active{opacity:.65}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1rem}ax-button.ax-xl{font-size:1.5rem}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}ax-button>button:is(ax-button > button:focus-visible){outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-on-surface));outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap;font-weight:500;line-height:1}.ax-dark ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-fore))}.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-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.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-900));background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-fore))}.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-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.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-900));background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-fore))}.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-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.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-900));background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-success-100))}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-fore))}.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-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.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-900));background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-fore))}.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-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.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-900));background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-fore))}.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-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.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-900));background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-info-100))}.ax-dark 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-group{display:flex;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border:none;border-inline-end:1px solid;box-shadow:none}ax-button-group ax-button[class*=-default]{border:0px!important}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
44
|
+
], usesInheritance: true, ngImport: i0, template: "<button\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;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}ax-button.ax-primary-default{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-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));border-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-primary-800))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}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-secondary-default{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-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));border-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-secondary-800))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-700));outline-color:rgba(var(--ax-color-secondary-600))}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-success-default{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-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible){outline-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:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));border-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-success-800))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-700));outline-color:rgba(var(--ax-color-success-600))}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-warning-default{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-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible){outline-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:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));border-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-warning-800))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-700));outline-color:rgba(var(--ax-color-warning-600))}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-danger-default{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-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible){outline-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:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-danger-800))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-700));outline-color:rgba(var(--ax-color-danger-600))}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-info-default{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-default>button:is(ax-button.ax-info-default > button:focus-within){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default:is(ax-button.ax-info-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-default:is(ax-button.ax-info-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-default:is(ax-button.ax-info-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible){outline-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:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));border-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-info-800))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-700));outline-color:rgba(var(--ax-color-info-600))}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-default-default{border:1px solid;border-color:rgba(var(--ax-color-default));background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-button.ax-default-outline{background-color:transparent;border:2px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-button.ax-default-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-text-default))}ax-button:hover{opacity:.85}ax-button:active{opacity:.65}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1rem}ax-button.ax-xl{font-size:1.5rem}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}ax-button>button:is(ax-button > button:focus-visible){outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-default));outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap;font-weight:500;line-height:1}.ax-dark ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-fore))}.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-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.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-900));background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-fore))}.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-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.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-900));background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-fore))}.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-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.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-900));background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-success-100))}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-fore))}.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-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.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-900));background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-fore))}.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-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.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-900));background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-fore))}.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-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.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-900));background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-info-100))}.ax-dark 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-group{display:flex;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border:none;border-inline-end:1px solid;box-shadow:none}ax-button-group ax-button[class*=-default]{border:0px!important}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
45
45
|
}
|
|
46
46
|
export { AXButtonComponent };
|
|
47
47
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXButtonComponent, decorators: [{
|
|
@@ -52,7 +52,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImpor
|
|
|
52
52
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
|
|
53
53
|
{ provide: AXComponent, useExisting: AXButtonComponent },
|
|
54
54
|
{ provide: AXFocusableComponent, useExisting: AXButtonComponent },
|
|
55
|
-
], template: "<button\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;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}ax-button.ax-primary-default{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-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));border-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-primary-800))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}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-secondary-default{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-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));border-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-secondary-800))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-700));outline-color:rgba(var(--ax-color-secondary-600))}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-success-default{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-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible){outline-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:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));border-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-success-800))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-700));outline-color:rgba(var(--ax-color-success-600))}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-warning-default{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-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible){outline-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:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));border-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-warning-800))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-700));outline-color:rgba(var(--ax-color-warning-600))}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-danger-default{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-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible){outline-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:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-danger-800))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-700));outline-color:rgba(var(--ax-color-danger-600))}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-info-default{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-default>button:is(ax-button.ax-info-default > button:focus-within){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default:is(ax-button.ax-info-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-default:is(ax-button.ax-info-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-default:is(ax-button.ax-info-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible){outline-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:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));border-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-info-800))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-700));outline-color:rgba(var(--ax-color-info-600))}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-default-default{border:1px solid;border-color:rgba(var(--ax-color-on-surface));background-color:rgba(var(--ax-color-on-surface));color:rgba(var(--ax-color-on-surface-fore))}ax-button.ax-default-outline{background-color:transparent;border:2px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-button.ax-default-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-text-default))}ax-button:hover{opacity:.85}ax-button:active{opacity:.65}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1rem}ax-button.ax-xl{font-size:1.5rem}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}ax-button>button:is(ax-button > button:focus-visible){outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-on-surface));outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap;font-weight:500;line-height:1}.ax-dark ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-fore))}.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-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.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-900));background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-fore))}.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-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.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-900));background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-fore))}.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-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.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-900));background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-success-100))}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-fore))}.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-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.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-900));background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-fore))}.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-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.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-900));background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-fore))}.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-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.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-900));background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-info-100))}.ax-dark 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-group{display:flex;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border:none;border-inline-end:1px solid;box-shadow:none}ax-button-group ax-button[class*=-default]{border:0px!important}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
|
55
|
+
], template: "<button\n [disabled]=\"disabled\"\n [attr.tabindex]=\"tabIndex\"\n (focus)=\"emitOnFocusEvent($event)\"\n (blur)=\"emitOnBlurEvent($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</button>\n", styles: ["ax-button{display:inline-flex;align-items:center;justify-content:center;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}ax-button.ax-primary-default{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-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-400))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-600))}ax-button.ax-primary-default:is(ax-button.ax-primary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-default.ax-state-selected{background-color:rgba(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-outline.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));border-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgba(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-primary-800))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-700));outline-color:rgba(var(--ax-color-primary-600))}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-secondary-default{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-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-400))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-600))}ax-button.ax-secondary-default:is(ax-button.ax-secondary-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-default.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-visible){outline-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:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));border-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgba(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-secondary-800))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-700));outline-color:rgba(var(--ax-color-secondary-600))}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-success-default{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-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default:is(ax-button.ax-success-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-400))}ax-button.ax-success-default:is(ax-button.ax-success-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-600))}ax-button.ax-success-default:is(ax-button.ax-success-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-success-500))}ax-button.ax-success-default.ax-state-selected{background-color:rgba(var(--ax-color-success-700))}ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-visible){outline-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:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-500))}ax-button.ax-success-outline.ax-state-selected{background-color:rgba(var(--ax-color-success-700));border-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgba(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-success-800))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-700));outline-color:rgba(var(--ax-color-success-600))}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-warning-default{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-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-400))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-600))}ax-button.ax-warning-default:is(ax-button.ax-warning-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-default.ax-state-selected{background-color:rgba(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-visible){outline-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:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-outline.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));border-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgba(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-warning-800))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-700));outline-color:rgba(var(--ax-color-warning-600))}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-danger-default{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-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-400))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-600))}ax-button.ax-danger-default:is(ax-button.ax-danger-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-default.ax-state-selected{background-color:rgba(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-visible){outline-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:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-outline.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));border-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgba(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-danger-800))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-700));outline-color:rgba(var(--ax-color-danger-600))}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-info-default{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-default>button:is(ax-button.ax-info-default > button:focus-within){outline-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default:is(ax-button.ax-info-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-400))}ax-button.ax-info-default:is(ax-button.ax-info-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-600))}ax-button.ax-info-default:is(ax-button.ax-info-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-info-500))}ax-button.ax-info-default.ax-state-selected{background-color:rgba(var(--ax-color-info-700))}ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline>button:is(ax-button.ax-info-outline > button:focus-visible){outline-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:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-outline:is(ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-500))}ax-button.ax-info-outline.ax-state-selected{background-color:rgba(var(--ax-color-info-700));border-color:rgba(var(--ax-color-info-700));color:rgba(var(--ax-color-info-fore))}ax-button.ax-info-blank{color:rgba(var(--ax-color-info-500))}ax-button.ax-info-blank>button:is(ax-button.ax-info-blank > button:focus-visible){outline-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-50));color:rgba(var(--ax-color-info-800))}ax-button.ax-info-blank:is(ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-700));outline-color:rgba(var(--ax-color-info-600))}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-default-default{border:1px solid;border-color:rgba(var(--ax-color-default));background-color:rgba(var(--ax-color-default));color:rgba(var(--ax-color-default-fore))}ax-button.ax-default-outline{background-color:transparent;border:2px solid;border-color:rgba(var(--ax-color-border-default));color:rgba(var(--ax-color-text-default))}ax-button.ax-default-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-text-default))}ax-button:hover{opacity:.85}ax-button:active{opacity:.65}ax-button ax-prefix,ax-button ax-suffix{display:flex}ax-button.ax-xs{font-size:.75rem}ax-button.ax-xs>button{padding-left:.25rem;padding-right:.25rem}ax-button.ax-sm>button{padding-left:.5rem;padding-right:.5rem}ax-button.ax-sm,ax-button.ax-md{font-size:.875rem}ax-button.ax-lg{font-size:1rem}ax-button.ax-xl{font-size:1.5rem}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}ax-button>button:is(ax-button > button:focus-visible){outline-width:2px;outline-offset:2px;outline-color:rgba(var(--ax-color-default));outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap;font-weight:500;line-height:1}.ax-dark ax-button.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-200))}.ax-dark ax-button.ax-primary-outline>button:is(.ax-dark ax-button.ax-primary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-600));background-color:rgba(var(--ax-color-primary-600));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-primary-outline:is(.ax-dark ax-button.ax-primary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-primary-400));background-color:transparent;color:rgba(var(--ax-color-primary-fore))}.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-blank{color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank>button:is(.ax-dark ax-button.ax-primary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-primary-500))}.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-900));background-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-primary-300));outline-color:rgba(var(--ax-color-primary-300))}.ax-dark ax-button.ax-primary-blank:is(.ax-dark ax-button.ax-primary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-primary-100))}.ax-dark ax-button.ax-primary-blank.ax-state-selected{background-color:rgba(var(--ax-color-primary-700));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-button.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-button.ax-secondary-outline>button:is(.ax-dark ax-button.ax-secondary-outline > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-500));background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-600));background-color:rgba(var(--ax-color-secondary-600));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-secondary-outline:is(.ax-dark ax-button.ax-secondary-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-secondary-400));background-color:transparent;color:rgba(var(--ax-color-secondary-fore))}.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-blank{color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank>button:is(.ax-dark ax-button.ax-secondary-blank > button:focus-visible){outline-color:rgba(var(--ax-color-secondary-500))}.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-900));background-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-secondary-300));outline-color:rgba(var(--ax-color-secondary-300))}.ax-dark ax-button.ax-secondary-blank:is(.ax-dark ax-button.ax-secondary-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-secondary-100))}.ax-dark ax-button.ax-secondary-blank.ax-state-selected{background-color:rgba(var(--ax-color-secondary-700));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-button.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-200))}.ax-dark ax-button.ax-success-outline>button:is(.ax-dark ax-button.ax-success-outline > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-500));background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-600));background-color:rgba(var(--ax-color-success-600));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-success-outline:is(.ax-dark ax-button.ax-success-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-success-400));background-color:transparent;color:rgba(var(--ax-color-success-fore))}.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-blank{color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank>button:is(.ax-dark ax-button.ax-success-blank > button:focus-visible){outline-color:rgba(var(--ax-color-success-500))}.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-900));background-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-success-300));outline-color:rgba(var(--ax-color-success-300))}.ax-dark ax-button.ax-success-blank:is(.ax-dark ax-button.ax-success-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-success-100))}.ax-dark ax-button.ax-success-blank.ax-state-selected{background-color:rgba(var(--ax-color-success-700));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-button.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-200))}.ax-dark ax-button.ax-warning-outline>button:is(.ax-dark ax-button.ax-warning-outline > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-500));background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-600));background-color:rgba(var(--ax-color-warning-600));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-warning-outline:is(.ax-dark ax-button.ax-warning-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-warning-400));background-color:transparent;color:rgba(var(--ax-color-warning-fore))}.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-blank{color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank>button:is(.ax-dark ax-button.ax-warning-blank > button:focus-visible){outline-color:rgba(var(--ax-color-warning-500))}.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-900));background-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-warning-300));outline-color:rgba(var(--ax-color-warning-300))}.ax-dark ax-button.ax-warning-blank:is(.ax-dark ax-button.ax-warning-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-warning-100))}.ax-dark ax-button.ax-warning-blank.ax-state-selected{background-color:rgba(var(--ax-color-warning-700));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-button.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-200))}.ax-dark ax-button.ax-danger-outline>button:is(.ax-dark ax-button.ax-danger-outline > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-500));background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-600));background-color:rgba(var(--ax-color-danger-600));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-danger-outline:is(.ax-dark ax-button.ax-danger-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-danger-400));background-color:transparent;color:rgba(var(--ax-color-danger-fore))}.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-blank{color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank>button:is(.ax-dark ax-button.ax-danger-blank > button:focus-visible){outline-color:rgba(var(--ax-color-danger-500))}.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-900));background-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-danger-300));outline-color:rgba(var(--ax-color-danger-300))}.ax-dark ax-button.ax-danger-blank:is(.ax-dark ax-button.ax-danger-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-danger-100))}.ax-dark ax-button.ax-danger-blank.ax-state-selected{background-color:rgba(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-button.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-200))}.ax-dark ax-button.ax-info-outline>button:is(.ax-dark ax-button.ax-info-outline > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:hover):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-500));background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:focus-visible):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-600));background-color:rgba(var(--ax-color-info-600));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-button.ax-info-outline:is(.ax-dark ax-button.ax-info-outline:active):not(.ax-state-disabled){border-color:rgba(var(--ax-color-info-400));background-color:transparent;color:rgba(var(--ax-color-info-fore))}.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-blank{color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank>button:is(.ax-dark ax-button.ax-info-blank > button:focus-visible){outline-color:rgba(var(--ax-color-info-500))}.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-900));background-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:focus-visible):not(.ax-state-disabled){color:rgba(var(--ax-color-info-300));outline-color:rgba(var(--ax-color-info-300))}.ax-dark ax-button.ax-info-blank:is(.ax-dark ax-button.ax-info-blank:active):not(.ax-state-disabled){background-color:transparent;color:rgba(var(--ax-color-info-100))}.ax-dark 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-group{display:flex;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);width:-moz-fit-content;width:fit-content}ax-button-group ax-button{border-radius:0;border:none;border-inline-end:1px solid;box-shadow:none}ax-button-group ax-button[class*=-default]{border:0px!important}ax-button-group ax-button:not(:first-child):not(:last-child){border-inline-start-width:0px}ax-button-group ax-button:first-child{border-start-start-radius:var(--ax-rounded-border-default);border-end-start-radius:var(--ax-rounded-border-default)}ax-button-group ax-button:last-child{border-start-end-radius:var(--ax-rounded-border-default);border-end-end-radius:var(--ax-rounded-border-default);border-inline-end-width:0px}\n"] }]
|
|
56
56
|
}], propDecorators: { type: [{
|
|
57
57
|
type: Input
|
|
58
58
|
}], __hostClass: [{
|
|
@@ -129,7 +129,7 @@ class AXCalendarRangeComponent extends classes((MXValueComponent), MXInteractive
|
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXCalendarRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
132
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXCalendarRangeComponent, selector: "ax-calendar-range", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", showNavigation: "showNavigation" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick" }, viewQueries: [{ propertyName: "_c1", first: true, predicate: ["c1"], descendants: true, static: true }, { propertyName: "_c2", first: true, predicate: ["c2"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\" (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (onNavigate)=\"handleNavigate()\" (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{background:rgba(var(--ax-color-
|
|
132
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXCalendarRangeComponent, selector: "ax-calendar-range", inputs: { rtl: "rtl", readonly: "readonly", value: "value", name: "name", disabled: "disabled", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", type: "type", cellTemplate: "cellTemplate", cellClass: "cellClass", showNavigation: "showNavigation" }, outputs: { onOptionChanged: "onOptionChanged", valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", activeViewChange: "activeViewChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", onSlotClick: "onSlotClick" }, viewQueries: [{ propertyName: "_c1", first: true, predicate: ["c1"], descendants: true, static: true }, { propertyName: "_c2", first: true, predicate: ["c2"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\" (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (onNavigate)=\"handleNavigate()\" (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{background:rgba(var(--ax-color-default))}.ax-dark ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}ax-calendar-range{background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}ax-calendar-range .ax-calendar-range-header{display:flex;justify-content:space-between;padding-top:.25rem;padding-left:.25rem;padding-right:.25rem}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-info{font-weight:500}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-buttons{display:flex}ax-calendar-range .ax-calendar-range-body{display:flex;flex-direction:row}ax-calendar-range ax-calendar{margin:0;padding:0}ax-calendar-range ax-calendar .ax-calendar-body{margin-top:0;padding-top:0}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-start,ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-end{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "value", "name", "disabled", "depth", "activeView", "min", "max", "disabledDates", "holidayDates", "type", "cellTemplate", "cellClass", "showNavigation", "count"], outputs: ["onOptionChanged", "valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "activeViewChange", "disabledDatesChange", "holidayDatesChange", "onNavigate", "onSlotClick", "countChange"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
133
133
|
}
|
|
134
134
|
export { AXCalendarRangeComponent };
|
|
135
135
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXCalendarRangeComponent, decorators: [{
|
|
@@ -163,7 +163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImpor
|
|
|
163
163
|
'holidayDatesChange',
|
|
164
164
|
'onNavigate',
|
|
165
165
|
'onSlotClick',
|
|
166
|
-
], template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\" (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (onNavigate)=\"handleNavigate()\" (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{background:rgba(var(--ax-color-
|
|
166
|
+
], template: "<div class=\"ax-calendar-range-header\">\n <ng-content></ng-content>\n <div class=\"ax-calendar-header-range-info\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button\" (click)=\"handleNavClick()\">\n {{ _navText }}\n </button>\n </div>\n <div class=\"ax-calendar-header-range-buttons\">\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handlePrevClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': !rtl,\n 'ax-icon-chevron-right': rtl\n }\"></i>\n </button>\n <button [attr.disabled]=\"disabled ? '' : null\" class=\"ax-general-button ax-button-icon\"\n (click)=\"handleNextClick()\">\n <i class=\"ax-icon\" [ngClass]=\"{\n 'ax-icon-chevron-left': rtl,\n 'ax-icon-chevron-right': !rtl\n }\"></i>\n </button>\n </div>\n</div>\n<div class=\"ax-calendar-range-body\">\n <ax-calendar #c1 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (onNavigate)=\"handleNavigate()\" (activeViewChange)=\"handleActiveViewChange1()\">\n </ax-calendar>\n <ax-calendar #c2 style=\"width: 50%;\" [showNavigation]=\"false\" [cellClass]=\"getCellClass\" [type]=\"type\"\n [cellTemplate]=\"cellTemplate\" [min]=\"min\" [max]=\"max\" [readonly]=\"true\" [depth]=\"depth\" (onSlotClick)=\"handleSlotClick($event)\"\n (activeViewChange)=\"handleActiveViewChange2()\">\n </ax-calendar>\n</div>", styles: [".ax-dark ax-calendar-range{background:rgba(var(--ax-color-default))}.ax-dark ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-800));color:rgba(var(--ax-color-primary-fore))}ax-calendar-range{background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}ax-calendar-range .ax-calendar-range-header{display:flex;justify-content:space-between;padding-top:.25rem;padding-left:.25rem;padding-right:.25rem}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-info{font-weight:500}ax-calendar-range .ax-calendar-range-header .ax-calendar-header-range-buttons{display:flex}ax-calendar-range .ax-calendar-range-body{display:flex;flex-direction:row}ax-calendar-range ax-calendar{margin:0;padding:0}ax-calendar-range ax-calendar .ax-calendar-body{margin-top:0;padding-top:0}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-between{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-start,ax-calendar-range ax-calendar .ax-calendar-body .ax-calendar-slots .ax-calendar-slot.ax-range-end{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}\n"] }]
|
|
167
167
|
}], ctorParameters: function () { return []; }, propDecorators: { _c1: [{
|
|
168
168
|
type: ViewChild,
|
|
169
169
|
args: ['c1', { static: true }]
|