@acorex/components 7.1.36 → 7.1.37

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.
Files changed (68) hide show
  1. package/button/src/button.component.d.ts +3 -3
  2. package/common/src/classes/styles.class.d.ts +1 -1
  3. package/common/src/components/color-component.class.d.ts +5 -5
  4. package/data-pager/src/data-pager-next-buttons.components.d.ts +3 -3
  5. package/data-pager/src/data-pager-numeric-selector.component.d.ts +3 -3
  6. package/data-pager/src/data-pager-pagesize-dropdown.component.d.ts +3 -3
  7. package/data-pager/src/data-pager-prev-buttons.component.d.ts +3 -3
  8. package/esm2022/alert/src/alert.component.mjs +2 -2
  9. package/esm2022/avatar/src/avatar.component.mjs +2 -2
  10. package/esm2022/badge/src/badge.component.mjs +2 -2
  11. package/esm2022/button/src/button-item.component.mjs +6 -6
  12. package/esm2022/button/src/button.component.mjs +14 -31
  13. package/esm2022/chips/src/chips.component.mjs +4 -4
  14. package/esm2022/collapse/src/collapse.component.mjs +2 -2
  15. package/esm2022/common/src/classes/styles.class.mjs +3 -12
  16. package/esm2022/common/src/components/color-component.class.mjs +7 -7
  17. package/esm2022/data-pager/src/data-pager-next-buttons.components.mjs +20 -20
  18. package/esm2022/data-pager/src/data-pager-numeric-selector.component.mjs +32 -34
  19. package/esm2022/data-pager/src/data-pager-pagesize-dropdown.component.mjs +26 -28
  20. package/esm2022/data-pager/src/data-pager-prev-buttons.component.mjs +18 -18
  21. package/esm2022/dialog/src/dialog.service.mjs +2 -2
  22. package/esm2022/loading/src/loading.component.mjs +2 -2
  23. package/esm2022/menu/src/menu.component.mjs +2 -2
  24. package/esm2022/mixin/src/color-look-mixing.class.mjs +10 -13
  25. package/esm2022/result/src/result.component.mjs +3 -3
  26. package/esm2022/select-box/src/selectbox.component.mjs +3 -3
  27. package/esm2022/switch/src/switch.component.mjs +2 -2
  28. package/esm2022/tabs/src/tabs.component.mjs +2 -2
  29. package/esm2022/tag/src/tag.component.mjs +4 -4
  30. package/esm2022/toast/src/toast.component.mjs +4 -4
  31. package/fesm2022/acorex-components-alert.mjs +2 -2
  32. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  33. package/fesm2022/acorex-components-avatar.mjs +2 -2
  34. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  35. package/fesm2022/acorex-components-badge.mjs +2 -2
  36. package/fesm2022/acorex-components-badge.mjs.map +1 -1
  37. package/fesm2022/acorex-components-button.mjs +16 -33
  38. package/fesm2022/acorex-components-button.mjs.map +1 -1
  39. package/fesm2022/acorex-components-chips.mjs +3 -3
  40. package/fesm2022/acorex-components-chips.mjs.map +1 -1
  41. package/fesm2022/acorex-components-collapse.mjs +2 -2
  42. package/fesm2022/acorex-components-collapse.mjs.map +1 -1
  43. package/fesm2022/acorex-components-common.mjs +6 -15
  44. package/fesm2022/acorex-components-common.mjs.map +1 -1
  45. package/fesm2022/acorex-components-data-pager.mjs +84 -88
  46. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  47. package/fesm2022/acorex-components-dialog.mjs +1 -1
  48. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  49. package/fesm2022/acorex-components-loading.mjs +2 -2
  50. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  51. package/fesm2022/acorex-components-menu.mjs +2 -2
  52. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  53. package/fesm2022/acorex-components-mixin.mjs +8 -11
  54. package/fesm2022/acorex-components-mixin.mjs.map +1 -1
  55. package/fesm2022/acorex-components-result.mjs +2 -2
  56. package/fesm2022/acorex-components-result.mjs.map +1 -1
  57. package/fesm2022/acorex-components-select-box.mjs +2 -2
  58. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  59. package/fesm2022/acorex-components-switch.mjs +2 -2
  60. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  61. package/fesm2022/acorex-components-tabs.mjs +2 -2
  62. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  63. package/fesm2022/acorex-components-tag.mjs +3 -3
  64. package/fesm2022/acorex-components-tag.mjs.map +1 -1
  65. package/fesm2022/acorex-components-toast.mjs +2 -2
  66. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  67. package/mixin/src/color-look-mixing.class.d.ts +8 -8
  68. package/package.json +1 -1
package/esm2022/button/src/button.component.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, ViewEncapsulation, } from '@angular/core';
1
+ import { ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, ViewEncapsulation } from '@angular/core';
2
2
  import { AXComponent, AXFocusableComponent, MXButtonBaseComponent } from '@acorex/components/common';
3
3
  import * as i0 from "@angular/core";
4
4
  import * as i1 from "@angular/common";
@@ -9,11 +9,11 @@ import * as i1 from "@angular/common";
9
9
  */
10
10
  class AXButtonComponent extends MXButtonBaseComponent {
11
11
  /**
12
- * Fires each time the user clicks the button.
13
- * @event
14
- */
12
+ * Fires each time the user clicks the button.
13
+ * @event
14
+ */
15
15
  onClick = new EventEmitter();
16
- type = "button";
16
+ type = 'button';
17
17
  ngAfterViewInit() {
18
18
  this.getHostElement().removeAttribute('tabindex');
19
19
  }
@@ -26,7 +26,7 @@ class AXButtonComponent extends MXButtonBaseComponent {
26
26
  this.onClick.emit({
27
27
  component: this,
28
28
  htmlElement: this.getHostElement(),
29
- nativeEvent: e
29
+ nativeEvent: e,
30
30
  });
31
31
  }
32
32
  click() {
@@ -34,46 +34,29 @@ class AXButtonComponent extends MXButtonBaseComponent {
34
34
  }
35
35
  get __hostClass() {
36
36
  return Object.entries(this.cssClasses)
37
- .filter((c) => c[1])
38
- .map((c) => c[0]);
37
+ .filter(c => c[1])
38
+ .map(c => c[0]);
39
39
  }
40
40
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
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[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}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-ghost-300));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-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-50));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-default>button:is(ax-button.ax-ghost-default > button:focus-within){outline-color:rgba(var(--ax-color-ghost-300))}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-100))}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-200));outline-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-default.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300))}ax-button.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline>button:is(ax-button.ax-ghost-outline > button:focus-within){outline-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-50))}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-50))}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-ghost-50))}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-blank>button:is(ax-button.ax-ghost-blank > button:focus-within){outline-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover,ax-button.ax-ghost-blank:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-50));color:rgba(var(--ax-color-ghost-fore));outline-color:rgba(var(--ax-color-ghost-900))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-ghost-50));color:rgba(var(--ax-color-ghost-fore))}.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-dark ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-ghost-500))}.ax-dark ax-button.ax-ghost-default>button:is(.ax-dark ax-button.ax-ghost-default > button:focus-within){outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-default:is(.ax-dark ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-400))}.ax-dark ax-button.ax-ghost-default:is(.ax-dark ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-default:is(.ax-dark ax-button.ax-ghost-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300));outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-default.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline > button:focus-within){outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline:is(.ax-dark ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-400));border-color:rgba(var(--ax-color-ghost-400))}.ax-dark ax-button.ax-ghost-outline:is(.ax-dark ax-button.ax-ghost-outline:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300));border-color:rgba(var(--ax-color-ghost-300));outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline:is(.ax-dark ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent;border-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank > button:focus-within){outline-color:rgba(var(--ax-color-ghost-500))}.ax-dark ax-button.ax-ghost-blank:is(.ax-dark ax-button.ax-ghost-blank:hover,.ax-dark ax-button.ax-ghost-blank:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300));outline-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-50))}.ax-dark ax-button.ax-ghost-blank:is(.ax-dark ax-button.ax-ghost-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost-fore));background-color:transparent}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-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*=-ghost]{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-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 });
45
45
  }
46
46
  export { AXButtonComponent };
47
47
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXButtonComponent, decorators: [{
48
48
  type: Component,
49
- args: [{ selector: 'ax-button', inputs: [
50
- 'disabled',
51
- 'size',
52
- 'tabIndex',
53
- 'color',
54
- 'look',
55
- 'text',
56
- 'toggleable',
57
- 'selected',
58
- ], outputs: [
59
- 'onBlur',
60
- 'onFocus',
61
- 'onClick',
62
- 'selectedChange',
63
- 'toggleableChange',
64
- 'lookChange',
65
- 'colorChange',
66
- ], host: {
67
- "(click)": "emitOnClickEvent($event)",
68
- "(focus)": "emitOnBlurEvent($event)",
49
+ args: [{ selector: 'ax-button', inputs: ['disabled', 'size', 'tabIndex', 'color', 'look', 'text', 'toggleable', 'selected'], outputs: ['onBlur', 'onFocus', 'onClick', 'selectedChange', 'toggleableChange', 'lookChange', 'colorChange'], host: {
50
+ '(click)': 'emitOnClickEvent($event)',
51
+ '(focus)': 'emitOnBlurEvent($event)',
69
52
  }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
70
53
  { provide: AXComponent, useExisting: AXButtonComponent },
71
54
  { provide: AXFocusableComponent, useExisting: AXButtonComponent },
72
- ], 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[class*=default]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}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-ghost-300));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-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-50));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-default>button:is(ax-button.ax-ghost-default > button:focus-within){outline-color:rgba(var(--ax-color-ghost-300))}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-100))}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-200));outline-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-default.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300))}ax-button.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-outline>button:is(ax-button.ax-ghost-outline > button:focus-within){outline-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-50))}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-50))}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-ghost-50))}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-blank>button:is(ax-button.ax-ghost-blank > button:focus-within){outline-color:rgba(var(--ax-color-ghost-200))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover,ax-button.ax-ghost-blank:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-50));color:rgba(var(--ax-color-ghost-fore));outline-color:rgba(var(--ax-color-ghost-900))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost-fore))}ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-ghost-50));color:rgba(var(--ax-color-ghost-fore))}.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-dark ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-500));color:rgba(var(--ax-color-ghost-fore));border:1px solid;border-color:rgba(var(--ax-color-ghost-500))}.ax-dark ax-button.ax-ghost-default>button:is(.ax-dark ax-button.ax-ghost-default > button:focus-within){outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-default:is(.ax-dark ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-400))}.ax-dark ax-button.ax-ghost-default:is(.ax-dark ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-default:is(.ax-dark ax-button.ax-ghost-default:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300));outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-default.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-outline>button:is(.ax-dark ax-button.ax-ghost-outline > button:focus-within){outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline:is(.ax-dark ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-400));border-color:rgba(var(--ax-color-ghost-400))}.ax-dark ax-button.ax-ghost-outline:is(.ax-dark ax-button.ax-ghost-outline:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300));border-color:rgba(var(--ax-color-ghost-300));outline-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline:is(.ax-dark ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent;border-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-outline.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300))}.ax-dark ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-button.ax-ghost-blank>button:is(.ax-dark ax-button.ax-ghost-blank > button:focus-within){outline-color:rgba(var(--ax-color-ghost-500))}.ax-dark ax-button.ax-ghost-blank:is(.ax-dark ax-button.ax-ghost-blank:hover,.ax-dark ax-button.ax-ghost-blank:focus-visible):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost-300));outline-color:rgba(var(--ax-color-ghost-200));color:rgba(var(--ax-color-ghost-50))}.ax-dark ax-button.ax-ghost-blank:is(.ax-dark ax-button.ax-ghost-blank:active):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost-fore));background-color:transparent}.ax-dark ax-button.ax-ghost-blank.ax-state-selected{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-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*=-ghost]{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-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"] }]
73
56
  }], propDecorators: { type: [{
74
57
  type: Input
75
58
  }], __hostClass: [{
76
59
  type: HostBinding,
77
60
  args: ['class']
78
61
  }] } });
79
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBRUwsV0FBVyxFQUNYLG9CQUFvQixFQUNwQixxQkFBcUIsRUFDdEIsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBR25DOzs7O0dBSUc7QUFDSCxNQWtDYSxpQkFBa0IsU0FBUSxxQkFBcUI7SUFFMUQ7OztNQUdFO0lBQ0YsT0FBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztJQUd2RSxJQUFJLEdBQWlCLFFBQVEsQ0FBQztJQUc5QixlQUFlO1FBQ2IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRVMsZ0JBQWdCLENBQUMsQ0FBYTtRQUN0QyxJQUFJLElBQUksQ0FBQyxRQUFRO1lBQUUsT0FBTztRQUMxQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixTQUFTLEVBQUUsSUFBSTtZQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ2xDLFdBQVcsRUFBRSxDQUFDO1NBQ2YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDRixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsaUJBQXVDLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDMUUsQ0FBQztJQUVELElBQ1ksV0FBVztRQUNyQixPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQzthQUNuQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQzthQUNuQixHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7dUdBckNVLGlCQUFpQjsyRkFBakIsaUJBQWlCLHdpQkFMakI7WUFDVCxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1lBQ3hELEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRTtTQUNsRSxpRENyREgsdWVBYUE7O1NEMENhLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQWxDN0IsU0FBUzsrQkFDRSxXQUFXLFVBR2I7d0JBQ04sVUFBVTt3QkFDVixNQUFNO3dCQUNOLFVBQVU7d0JBQ1YsT0FBTzt3QkFDUCxNQUFNO3dCQUNOLE1BQU07d0JBQ04sWUFBWTt3QkFDWixVQUFVO3FCQUNYLFdBQ1E7d0JBQ1AsUUFBUTt3QkFDUixTQUFTO3dCQUNULFNBQVM7d0JBQ1QsZ0JBQWdCO3dCQUNoQixrQkFBa0I7d0JBQ2xCLFlBQVk7d0JBQ1osYUFBYTtxQkFDZCxRQUNLO3dCQUNKLFNBQVMsRUFBRSwwQkFBMEI7d0JBQ3JDLFNBQVMsRUFBRSx5QkFBeUI7cUJBQ3JDLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNLGlCQUNoQyxpQkFBaUIsQ0FBQyxJQUFJLGFBQzFCO3dCQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3dCQUN4RCxFQUFFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxXQUFXLG1CQUFtQixFQUFFO3FCQUNsRTs4QkFXRCxJQUFJO3NCQURILEtBQUs7Z0JBeUJNLFdBQVc7c0JBRHRCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSG9zdEJpbmRpbmcsXG4gIElucHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBBWENsaWNrRXZlbnQsXG4gIEFYQ29tcG9uZW50LFxuICBBWEZvY3VzYWJsZUNvbXBvbmVudCxcbiAgTVhCdXR0b25CYXNlQ29tcG9uZW50XG59IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhCdXR0b25UeXBlIH0gZnJvbSAnLi9idXR0b24taXRlbS5jbGFzcyc7XG5cbi8qKlxuICogVGhlIEJ1dHRvbiBpcyBhIGNvbXBvbmVudCB3aGljaCBkZXRlY3RzIHVzZXIgaW50ZXJhY3Rpb24gYW5kIHRyaWdnZXJzIGEgY29ycmVzcG9uZGluZyBldmVudFxuICpcbiAqIEBjYXRlZ29yeSBDb21wb25lbnRzXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F4LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcbiAgaW5wdXRzOiBbXG4gICAgJ2Rpc2FibGVkJyxcbiAgICAnc2l6ZScsXG4gICAgJ3RhYkluZGV4JyxcbiAgICAnY29sb3InLFxuICAgICdsb29rJyxcbiAgICAndGV4dCcsXG4gICAgJ3RvZ2dsZWFibGUnLFxuICAgICdzZWxlY3RlZCcsXG4gIF0sXG4gIG91dHB1dHM6IFtcbiAgICAnb25CbHVyJyxcbiAgICAnb25Gb2N1cycsXG4gICAgJ29uQ2xpY2snLFxuICAgICdzZWxlY3RlZENoYW5nZScsXG4gICAgJ3RvZ2dsZWFibGVDaGFuZ2UnLFxuICAgICdsb29rQ2hhbmdlJyxcbiAgICAnY29sb3JDaGFuZ2UnLFxuICBdLFxuICBob3N0OiB7XG4gICAgXCIoY2xpY2spXCI6IFwiZW1pdE9uQ2xpY2tFdmVudCgkZXZlbnQpXCIsXG4gICAgXCIoZm9jdXMpXCI6IFwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIixcbiAgfSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkNvbXBvbmVudCB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIE1YQnV0dG9uQmFzZUNvbXBvbmVudCB7XG5cbiAgLyoqXG4gICogIEZpcmVzIGVhY2ggdGltZSB0aGUgdXNlciBjbGlja3MgdGhlIGJ1dHRvbi5cbiAgKiAgQGV2ZW50XG4gICovXG4gIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWENsaWNrRXZlbnQ+KCk7XG5cbiAgQElucHV0KClcbiAgdHlwZTogQVhCdXR0b25UeXBlID0gXCJidXR0b25cIjtcblxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEhvc3RFbGVtZW50KCkucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGVtaXRPbkNsaWNrRXZlbnQoZTogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XG4gICAgaWYgKHRoaXMudG9nZ2xlYWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGVcbiAgICB9KTtcbiAgfVxuXG4gIGNsaWNrKCkge1xuICAgICh0aGlzLmdldEhvc3RFbGVtZW50KCkuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEJ1dHRvbkVsZW1lbnQpPy5jbGljaygpO1xuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZ1tdIHtcbiAgICByZXR1cm4gT2JqZWN0LmVudHJpZXModGhpcy5jc3NDbGFzc2VzKVxuICAgICAgLmZpbHRlcigoYykgPT4gY1sxXSlcbiAgICAgIC5tYXAoKGMpID0+IGNbMF0pO1xuICB9XG5cbn1cbiIsIjxidXR0b25cbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgW2F0dHIudGFiaW5kZXhdPVwidGFiSW5kZXhcIlxuICAoZm9jdXMpPVwiZW1pdE9uRm9jdXNFdmVudCgkZXZlbnQpXCJcbiAgKGJsdXIpPVwiZW1pdE9uQmx1ckV2ZW50KCRldmVudClcIlxuICBbYXR0ci50eXBlXT1cInR5cGVcIlxuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXgsIGF4LWxvYWRpbmcsIGF4LWljb25cIj4gPC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1jb250ZW50XCI+IDwvbmctY29udGVudD5cbiAgPHNwYW4gY2xhc3M9XCJheC1idXR0b24tdGV4dFwiICpuZ0lmPVwidGV4dFwiPnt7IHRleHQgfX08L3NwYW4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LXN1ZmZpeFwiPiA8L25nLWNvbnRlbnQ+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyb3Bkb3duLXBhbmVsXCI+IDwvbmctY29udGVudD5cbjwvYnV0dG9uPlxuIl19
62
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2J1dHRvbi9zcmMvYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEgsT0FBTyxFQUFnQixXQUFXLEVBQUUsb0JBQW9CLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQzs7O0FBR25IOzs7O0dBSUc7QUFDSCxNQWlCYSxpQkFBa0IsU0FBUSxxQkFBcUI7SUFDMUQ7OztPQUdHO0lBQ0gsT0FBTyxHQUErQixJQUFJLFlBQVksRUFBZ0IsQ0FBQztJQUd2RSxJQUFJLEdBQWlCLFFBQVEsQ0FBQztJQUU5QixlQUFlO1FBQ2IsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRVMsZ0JBQWdCLENBQUMsQ0FBYTtRQUN0QyxJQUFJLElBQUksQ0FBQyxRQUFRO1lBQUUsT0FBTztRQUMxQixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7UUFDRCxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixTQUFTLEVBQUUsSUFBSTtZQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ2xDLFdBQVcsRUFBRSxDQUFDO1NBQ2YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELEtBQUs7UUFDRixJQUFJLENBQUMsY0FBYyxFQUFFLENBQUMsaUJBQXVDLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDMUUsQ0FBQztJQUVELElBQ1ksV0FBVztRQUNyQixPQUFPLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQzthQUNuQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDakIsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEIsQ0FBQzt1R0FuQ1UsaUJBQWlCOzJGQUFqQixpQkFBaUIsd2lCQUxqQjtZQUNULEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsaUJBQWlCLEVBQUU7WUFDeEQsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLGlCQUFpQixFQUFFO1NBQ2xFLGlEQ3hCSCx1ZUFhQTs7U0RhYSxpQkFBaUI7MkZBQWpCLGlCQUFpQjtrQkFqQjdCLFNBQVM7K0JBQ0UsV0FBVyxVQUdiLENBQUMsVUFBVSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLFVBQVUsQ0FBQyxXQUNsRixDQUFDLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLFlBQVksRUFBRSxhQUFhLENBQUMsUUFDdEc7d0JBQ0osU0FBUyxFQUFFLDBCQUEwQjt3QkFDckMsU0FBUyxFQUFFLHlCQUF5QjtxQkFDckMsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksYUFDMUI7d0JBQ1QsRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsbUJBQW1CLEVBQUU7d0JBQ3hELEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsbUJBQW1CLEVBQUU7cUJBQ2xFOzhCQVVELElBQUk7c0JBREgsS0FBSztnQkF3Qk0sV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSW5wdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBWENsaWNrRXZlbnQsIEFYQ29tcG9uZW50LCBBWEZvY3VzYWJsZUNvbXBvbmVudCwgTVhCdXR0b25CYXNlQ29tcG9uZW50IH0gZnJvbSAnQGFjb3JleC9jb21wb25lbnRzL2NvbW1vbic7XG5pbXBvcnQgeyBBWEJ1dHRvblR5cGUgfSBmcm9tICcuL2J1dHRvbi1pdGVtLmNsYXNzJztcblxuLyoqXG4gKiBUaGUgQnV0dG9uIGlzIGEgY29tcG9uZW50IHdoaWNoIGRldGVjdHMgdXNlciBpbnRlcmFjdGlvbiBhbmQgdHJpZ2dlcnMgYSBjb3JyZXNwb25kaW5nIGV2ZW50XG4gKlxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2J1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2J1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsnZGlzYWJsZWQnLCAnc2l6ZScsICd0YWJJbmRleCcsICdjb2xvcicsICdsb29rJywgJ3RleHQnLCAndG9nZ2xlYWJsZScsICdzZWxlY3RlZCddLFxuICBvdXRwdXRzOiBbJ29uQmx1cicsICdvbkZvY3VzJywgJ29uQ2xpY2snLCAnc2VsZWN0ZWRDaGFuZ2UnLCAndG9nZ2xlYWJsZUNoYW5nZScsICdsb29rQ2hhbmdlJywgJ2NvbG9yQ2hhbmdlJ10sXG4gIGhvc3Q6IHtcbiAgICAnKGNsaWNrKSc6ICdlbWl0T25DbGlja0V2ZW50KCRldmVudCknLFxuICAgICcoZm9jdXMpJzogJ2VtaXRPbkJsdXJFdmVudCgkZXZlbnQpJyxcbiAgfSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHByb3ZpZGVyczogW1xuICAgIHsgcHJvdmlkZTogQVhDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkNvbXBvbmVudCB9LFxuICAgIHsgcHJvdmlkZTogQVhGb2N1c2FibGVDb21wb25lbnQsIHVzZUV4aXN0aW5nOiBBWEJ1dHRvbkNvbXBvbmVudCB9LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBWEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIE1YQnV0dG9uQmFzZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiAgRmlyZXMgZWFjaCB0aW1lIHRoZSB1c2VyIGNsaWNrcyB0aGUgYnV0dG9uLlxuICAgKiAgQGV2ZW50XG4gICAqL1xuICBvbkNsaWNrOiBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8QVhDbGlja0V2ZW50PigpO1xuXG4gIEBJbnB1dCgpXG4gIHR5cGU6IEFYQnV0dG9uVHlwZSA9ICdidXR0b24nO1xuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdldEhvc3RFbGVtZW50KCkucmVtb3ZlQXR0cmlidXRlKCd0YWJpbmRleCcpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGVtaXRPbkNsaWNrRXZlbnQoZTogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc2FibGVkKSByZXR1cm47XG4gICAgaWYgKHRoaXMudG9nZ2xlYWJsZSkge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9ICF0aGlzLnNlbGVjdGVkO1xuICAgIH1cbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBjb21wb25lbnQ6IHRoaXMsXG4gICAgICBodG1sRWxlbWVudDogdGhpcy5nZXRIb3N0RWxlbWVudCgpLFxuICAgICAgbmF0aXZlRXZlbnQ6IGUsXG4gICAgfSk7XG4gIH1cblxuICBjbGljaygpIHtcbiAgICAodGhpcy5nZXRIb3N0RWxlbWVudCgpLmZpcnN0RWxlbWVudENoaWxkIGFzIEhUTUxCdXR0b25FbGVtZW50KT8uY2xpY2soKTtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmdbXSB7XG4gICAgcmV0dXJuIE9iamVjdC5lbnRyaWVzKHRoaXMuY3NzQ2xhc3NlcylcbiAgICAgIC5maWx0ZXIoYyA9PiBjWzFdKVxuICAgICAgLm1hcChjID0+IGNbMF0pO1xuICB9XG59XG4iLCI8YnV0dG9uXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gIFthdHRyLnRhYmluZGV4XT1cInRhYkluZGV4XCJcbiAgKGZvY3VzKT1cImVtaXRPbkZvY3VzRXZlbnQoJGV2ZW50KVwiXG4gIChibHVyKT1cImVtaXRPbkJsdXJFdmVudCgkZXZlbnQpXCJcbiAgW2F0dHIudHlwZV09XCJ0eXBlXCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtcHJlZml4LCBheC1sb2FkaW5nLCBheC1pY29uXCI+IDwvbmctY29udGVudD5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtY29udGVudFwiPiA8L25nLWNvbnRlbnQ+XG4gIDxzcGFuIGNsYXNzPVwiYXgtYnV0dG9uLXRleHRcIiAqbmdJZj1cInRleHRcIj57eyB0ZXh0IH19PC9zcGFuPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj4gPC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1kcm9wZG93bi1wYW5lbFwiPiA8L25nLWNvbnRlbnQ+XG48L2J1dHRvbj5cbiJdfQ==
package/esm2022/chips/src/chips.component.mjs CHANGED
@@ -5,7 +5,7 @@ import * as i1 from "@angular/common";
5
5
  export const AXBaseChipsMixin = _InteractiveComponenetMixin(_ClickableComponenetMixin(AXBaseComponent));
6
6
  class AXChipsComponent extends AXBaseChipsMixin {
7
7
  look = 'default';
8
- color = 'ghost';
8
+ color = 'default';
9
9
  text = '';
10
10
  constructor() {
11
11
  super();
@@ -15,12 +15,12 @@ class AXChipsComponent extends AXBaseChipsMixin {
15
15
  return `ax-${this.color}-${this.look}`;
16
16
  }
17
17
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
18
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", look: "look", color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost-300))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-200))}ax-chips.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}.ax-dark ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-300))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
18
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXChipsComponent, selector: "ax-chips", inputs: { tabIndex: "tabIndex", look: "look", color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.25rem .75rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.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-chips.ax-default-outline{background-color:transparent;border:2px solid;border-color:rgba(var(--ax-color-on-surface))}ax-chips.ax-default-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-on-surface-fore))}ax-chips:hover{opacity:.85}ax-chips:active{opacity:.75}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-on-surface))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
19
19
  }
20
20
  export { AXChipsComponent };
21
21
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXChipsComponent, decorators: [{
22
22
  type: Component,
23
- args: [{ selector: 'ax-chips', inputs: ['tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;padding:.375rem .5rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-ghost-300))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1rem}ax-chips ax-prefix ax-icon,ax-chips ax-suffix ax-icon{font-size:1rem!important}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-100));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-200))}ax-chips.ax-ghost-outline{border:2px solid;border-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}ax-chips.ax-ghost-outline:hover{background:rgba(var(--ax-color-ghost-200));border-color:rgba(var(--ax-color-ghost-200))}.ax-dark ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-50))}.ax-dark ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-50))}.ax-dark ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-50))}.ax-dark ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}.ax-dark ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-50))}.ax-dark ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-50))}.ax-dark ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-50))}.ax-dark ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}.ax-dark ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-chips.ax-ghost-default{background-color:rgba(var(--ax-color-ghost-300));color:rgba(var(--ax-color-ghost-fore))}.ax-dark ax-chips.ax-ghost-default:hover{background-color:rgba(var(--ax-color-ghost-300))}\n"] }]
23
+ args: [{ selector: 'ax-chips', inputs: ['tabIndex'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-chips-text\" *ngIf=\"text\">{{text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-chips{font-size:.875rem;line-height:1.25rem;padding:.25rem .75rem;border-radius:99rem;display:inline-flex;align-items:center;cursor:pointer;transition:background-color .3s;-webkit-user-select:none;user-select:none;font-weight:500}ax-chips.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-chips.ax-default-outline{background-color:transparent;border:2px solid;border-color:rgba(var(--ax-color-on-surface))}ax-chips.ax-default-blank{background-color:transparent;border:none;color:rgba(var(--ax-color-on-surface-fore))}ax-chips:hover{opacity:.85}ax-chips:active{opacity:.75}ax-chips:focus-visible{outline-offset:2px;outline-width:2px;outline-style:solid;outline-color:rgba(var(--ax-color-on-surface))}ax-chips .ax-chips-text{padding:0 .5rem}ax-chips ax-prefix,ax-chips ax-suffix{display:flex;align-items:center;font-size:1.125rem}ax-chips.ax-primary-default{background-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-default:hover{background-color:rgba(var(--ax-color-primary-500),.8)}ax-chips.ax-primary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-primary-outline{border:2px solid;border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500),.87)}ax-chips.ax-primary-outline:hover{background:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-fore))}ax-chips.ax-primary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-default:hover{background-color:rgba(var(--ax-color-secondary-500),.8)}ax-chips.ax-secondary-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-secondary-outline{border:2px solid;border-color:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-500),.87)}ax-chips.ax-secondary-outline:hover{background:rgba(var(--ax-color-secondary-500));color:rgba(var(--ax-color-secondary-fore))}ax-chips.ax-secondary-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-default{background-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-default:hover{background-color:rgba(var(--ax-color-success-500),.8)}ax-chips.ax-success-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-success-outline{border:2px solid;border-color:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-500),.87)}ax-chips.ax-success-outline:hover{background:rgba(var(--ax-color-success-500));color:rgba(var(--ax-color-success-fore))}ax-chips.ax-success-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-default{background-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-default:hover{background-color:rgba(var(--ax-color-warning-500),.8)}ax-chips.ax-warning-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-warning-outline{border:2px solid;border-color:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-500),.87)}ax-chips.ax-warning-outline:hover{background:rgba(var(--ax-color-warning-500));color:rgba(var(--ax-color-warning-fore))}ax-chips.ax-warning-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-default{background-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-default:hover{background-color:rgba(var(--ax-color-danger-500),.8)}ax-chips.ax-danger-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-danger-outline{border:2px solid;border-color:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-500),.87)}ax-chips.ax-danger-outline:hover{background:rgba(var(--ax-color-danger-500));color:rgba(var(--ax-color-danger-fore))}ax-chips.ax-danger-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-default{background-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-default:hover{background-color:rgba(var(--ax-color-info-500),.8)}ax-chips.ax-info-default:focus-visible{outline-color:rgba(var(--ax-color-primary-500))}ax-chips.ax-info-outline{border:2px solid;border-color:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-500),.87)}ax-chips.ax-info-outline:hover{background:rgba(var(--ax-color-info-500));color:rgba(var(--ax-color-info-fore))}ax-chips.ax-info-outline:focus-visible{background-color:rgba(var(--ax-color-primary-500))}\n"] }]
24
24
  }], ctorParameters: function () { return []; }, propDecorators: { look: [{
25
25
  type: Input
26
26
  }], color: [{
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImpor
31
31
  type: HostBinding,
32
32
  args: ['class']
33
33
  }] } });
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY2hpcHMvc3JjL2NoaXBzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NoaXBzL3NyYy9jaGlwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFFLHlCQUF5QixFQUFFLDJCQUEyQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbkgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFMUcsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsMkJBQTJCLENBQUMseUJBQXlCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztBQUN4RyxNQVFhLGdCQUFpQixTQUFRLGdCQUFnQjtJQUVwRCxJQUFJLEdBQTBCLFNBQVMsQ0FBQztJQUd4QyxLQUFLLEdBQXFCLE9BQU8sQ0FBQztJQUdsQyxJQUFJLEdBQVcsRUFBRSxDQUFDO0lBRWxCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sTUFBTSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QyxDQUFDO3VHQW5CVSxnQkFBZ0I7MkZBQWhCLGdCQUFnQiw0TUNiN0IsNkpBRTRDOztTRFcvQixnQkFBZ0I7MkZBQWhCLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLFVBR1osQ0FBQyxVQUFVLENBQUMsbUJBQ0gsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTswRUFJckMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBVU0sV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhTdHlsZUNvbG9yVHlwZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBfQ2xpY2thYmxlQ29tcG9uZW5ldE1peGluLCBfSW50ZXJhY3RpdmVDb21wb25lbmV0TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgQVhCYXNlQ2hpcHNNaXhpbiA9IF9JbnRlcmFjdGl2ZUNvbXBvbmVuZXRNaXhpbihfQ2xpY2thYmxlQ29tcG9uZW5ldE1peGluKEFYQmFzZUNvbXBvbmVudCkpO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY2hpcHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwcy5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsndGFiSW5kZXgnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYQ2hpcHNDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDaGlwc01peGluIHtcbiAgQElucHV0KClcbiAgbG9vazogJ2RlZmF1bHQnIHwgJ291dGxpbmUnID0gJ2RlZmF1bHQnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBBWFN0eWxlQ29sb3JUeXBlID0gJ2dob3N0JztcblxuICBASW5wdXQoKVxuICB0ZXh0OiBzdHJpbmcgPSAnJztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7fVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICBwcml2YXRlIGdldCBfX2hvc3RDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBgYXgtJHt0aGlzLmNvbG9yfS0ke3RoaXMubG9va31gO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJheC1wcmVmaXhcIj48L25nLWNvbnRlbnQ+XG48ZGl2IGNsYXNzPVwiYXgtY2hpcHMtdGV4dFwiICpuZ0lmPVwidGV4dFwiPnt7dGV4dCB9fTwvZGl2PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwiYXgtc3VmZml4XCI+PC9uZy1jb250ZW50PiJdfQ==
34
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvY2hpcHMvc3JjL2NoaXBzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL2NoaXBzL3NyYy9jaGlwcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsZUFBZSxFQUFFLHlCQUF5QixFQUFFLDJCQUEyQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbkgsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLHVCQUF1QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFFMUcsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsMkJBQTJCLENBQUMseUJBQXlCLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQztBQUN4RyxNQVFhLGdCQUFpQixTQUFRLGdCQUFnQjtJQUVwRCxJQUFJLEdBQTBCLFNBQVMsQ0FBQztJQUd4QyxLQUFLLEdBQXFCLFNBQVMsQ0FBQztJQUdwQyxJQUFJLEdBQVcsRUFBRSxDQUFDO0lBRWxCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO0lBRUQsUUFBUSxLQUFVLENBQUM7SUFFbkIsSUFDWSxXQUFXO1FBQ3JCLE9BQU8sTUFBTSxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QyxDQUFDO3VHQW5CVSxnQkFBZ0I7MkZBQWhCLGdCQUFnQiw0TUNiN0IsNkpBRTRDOztTRFcvQixnQkFBZ0I7MkZBQWhCLGdCQUFnQjtrQkFSNUIsU0FBUzsrQkFDRSxVQUFVLFVBR1osQ0FBQyxVQUFVLENBQUMsbUJBQ0gsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSTswRUFJckMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBVU0sV0FBVztzQkFEdEIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhTdHlsZUNvbG9yVHlwZSB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9jb21tb24nO1xuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50LCBfQ2xpY2thYmxlQ29tcG9uZW5ldE1peGluLCBfSW50ZXJhY3RpdmVDb21wb25lbmV0TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgSG9zdEJpbmRpbmcsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgQVhCYXNlQ2hpcHNNaXhpbiA9IF9JbnRlcmFjdGl2ZUNvbXBvbmVuZXRNaXhpbihfQ2xpY2thYmxlQ29tcG9uZW5ldE1peGluKEFYQmFzZUNvbXBvbmVudCkpO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXgtY2hpcHMnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcHMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGlwcy5jb21wb25lbnQuc2NzcyddLFxuICBpbnB1dHM6IFsndGFiSW5kZXgnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG59KVxuZXhwb3J0IGNsYXNzIEFYQ2hpcHNDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDaGlwc01peGluIHtcbiAgQElucHV0KClcbiAgbG9vazogJ2RlZmF1bHQnIHwgJ291dGxpbmUnID0gJ2RlZmF1bHQnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBBWFN0eWxlQ29sb3JUeXBlID0gJ2RlZmF1bHQnO1xuXG4gIEBJbnB1dCgpXG4gIHRleHQ6IHN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHt9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIHByaXZhdGUgZ2V0IF9faG9zdENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGBheC0ke3RoaXMuY29sb3J9LSR7dGhpcy5sb29rfWA7XG4gIH1cbn1cbiIsIjxuZy1jb250ZW50IHNlbGVjdD1cImF4LXByZWZpeFwiPjwvbmctY29udGVudD5cbjxkaXYgY2xhc3M9XCJheC1jaGlwcy10ZXh0XCIgKm5nSWY9XCJ0ZXh0XCI+e3t0ZXh0IH19PC9kaXY+XG48bmctY29udGVudCBzZWxlY3Q9XCJheC1zdWZmaXhcIj48L25nLWNvbnRlbnQ+Il19
package/esm2022/collapse/src/collapse.component.mjs CHANGED
@@ -27,12 +27,12 @@ class AXCollapseComponent extends AXBaseComponent {
27
27
  this.isCollapsed = !this.isCollapsed;
28
28
  }
29
29
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXCollapseComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
30
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption", icon: "icon" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["collapseHeader"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\n <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\n </div>\n </ng-container>\n <ng-template #collapseHeader>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\n </div>\n </ng-template>\n</div>\n\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 });
30
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AXCollapseComponent, selector: "ax-collapse", inputs: { isCollapsed: "isCollapsed", caption: "caption", icon: "icon" }, outputs: { isCollapsedChange: "isCollapsedChange" }, queries: [{ propertyName: "headerTemplate", first: true, predicate: ["collapseHeader"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\n <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\n </div>\n </ng-container>\n <ng-template #collapseHeader>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\n </div>\n </ng-template>\n</div>\n\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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 });
31
31
  }
32
32
  export { AXCollapseComponent };
33
33
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AXCollapseComponent, decorators: [{
34
34
  type: Component,
35
- args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\n <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\n </div>\n </ng-container>\n <ng-template #collapseHeader>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\n </div>\n </ng-template>\n</div>\n\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-on-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
35
+ args: [{ selector: 'ax-collapse', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-collapse-header\" [class.ax-state-collapsed]=\"isCollapsed\" (click)=\"handleHeaderClick()\">\n <ng-container *ngIf=\"headerTemplate; else collapseHeader\">\n <div class=\"ax-collapse-custom-header-container\">\n <ng-container [ngTemplateOutlet]=\"headerTemplate\" [ngTemplateOutletContext]=\"{ $implicit: { caption, isCollapsed } }\"></ng-container>\n </div>\n </ng-container>\n <ng-template #collapseHeader>\n <div class=\"ax-collapse-header-container\">\n <div class=\"ax-collapse-header-start\">\n <span class=\"ax-collapse-header-icon\" [class]=\"icon\"> </span>\n <span>\n {{ caption }}\n </span>\n </div>\n\n <span class=\"ax-icon ax-icon-chevron-left ax-collapse-arrow ax-transition-all\" [ngClass]=\"{ '-ax-rotation-90': isCollapsed, 'ax-rotation-90': !isCollapsed }\"></span>\n </div>\n </ng-template>\n</div>\n\n<div class=\"ax-collapse-body\" *ngIf=\"!isCollapsed\">\n <ng-content></ng-content>\n</div>\n", styles: ["ax-collapse,ax-collapse-group{display:block;border:1px solid;border-color:rgba(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);overflow:hidden;font-size:1rem}ax-collapse .ax-collapse-header,ax-collapse .ax-collapse-body{color:rgba(var(--ax-color-text-default));padding:.75rem}ax-collapse .ax-collapse-header{background-color:rgba(var(--ax-color-surface));cursor:pointer;-webkit-user-select:none;user-select:none}ax-collapse .ax-collapse-header .ax-collapse-header-container{display:flex;justify-content:space-between}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start{display:flex;align-items:center}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-header-start .ax-collapse-header-icon{font-size:1.25rem;padding-inline-end:.5rem}ax-collapse .ax-collapse-header .ax-collapse-header-container .ax-collapse-arrow{font-size:1.5rem}ax-collapse .ax-collapse-body{background-color:rgba(var(--ax-color-surface))}ax-collapse-group ax-collapse{border:0!important;border-radius:0!important}ax-collapse-group ax-collapse:not(ax-collapse-group ax-collapse:last-child){border-bottom:1px solid!important;border-color:rgba(var(--ax-color-border-default))!important}\n"] }]
36
36
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { isCollapsedChange: [{
37
37
  type: Output
38
38
  }], isCollapsed: [{