@acorex/components 7.0.16 → 7.0.17

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 (41) hide show
  1. package/decorators/src/title.component.d.ts +1 -2
  2. package/esm2020/badge/src/badge.component.mjs +2 -2
  3. package/esm2020/button/src/button.component.mjs +2 -2
  4. package/esm2020/calendar/src/calendar.component.mjs +2 -2
  5. package/esm2020/date-picker/src/datepicker.component.mjs +1 -1
  6. package/esm2020/decorators/src/title.component.mjs +4 -7
  7. package/esm2020/form/src/form-field.component.mjs +2 -2
  8. package/esm2020/form/src/validation-summary.component.mjs +1 -1
  9. package/esm2020/popup/src/popup.component.mjs +2 -2
  10. package/esm2020/select-box/src/selectbox.component.mjs +1 -1
  11. package/fesm2015/acorex-components-badge.mjs +2 -2
  12. package/fesm2015/acorex-components-badge.mjs.map +1 -1
  13. package/fesm2015/acorex-components-button.mjs +2 -3
  14. package/fesm2015/acorex-components-calendar.mjs +2 -3
  15. package/fesm2015/acorex-components-calendar.mjs.map +1 -1
  16. package/fesm2015/acorex-components-date-picker.mjs +1 -2
  17. package/fesm2015/acorex-components-date-picker.mjs.map +1 -1
  18. package/fesm2015/acorex-components-decorators.mjs +2 -6
  19. package/fesm2015/acorex-components-decorators.mjs.map +1 -1
  20. package/fesm2015/acorex-components-form.mjs +3 -4
  21. package/fesm2015/acorex-components-form.mjs.map +1 -1
  22. package/fesm2015/acorex-components-popup.mjs +2 -3
  23. package/fesm2015/acorex-components-popup.mjs.map +1 -1
  24. package/fesm2015/acorex-components-select-box.mjs +1 -2
  25. package/fesm2015/acorex-components-select-box.mjs.map +1 -1
  26. package/fesm2020/acorex-components-badge.mjs +2 -2
  27. package/fesm2020/acorex-components-badge.mjs.map +1 -1
  28. package/fesm2020/acorex-components-button.mjs +2 -3
  29. package/fesm2020/acorex-components-calendar.mjs +2 -3
  30. package/fesm2020/acorex-components-calendar.mjs.map +1 -1
  31. package/fesm2020/acorex-components-date-picker.mjs +1 -2
  32. package/fesm2020/acorex-components-date-picker.mjs.map +1 -1
  33. package/fesm2020/acorex-components-decorators.mjs +2 -6
  34. package/fesm2020/acorex-components-decorators.mjs.map +1 -1
  35. package/fesm2020/acorex-components-form.mjs +3 -4
  36. package/fesm2020/acorex-components-form.mjs.map +1 -1
  37. package/fesm2020/acorex-components-popup.mjs +2 -3
  38. package/fesm2020/acorex-components-popup.mjs.map +1 -1
  39. package/fesm2020/acorex-components-select-box.mjs +1 -2
  40. package/fesm2020/acorex-components-select-box.mjs.map +1 -1
  41. package/package.json +1 -1
package/decorators/src/title.component.d.ts CHANGED
@@ -3,7 +3,6 @@ import { ElementRef, ChangeDetectorRef } from '@angular/core';
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class AXDecoratorTitleComponent extends AXBaseComponentMixin {
5
5
  constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef);
6
- text: string;
7
6
  static ɵfac: i0.ɵɵFactoryDeclaration<AXDecoratorTitleComponent, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTitleComponent, "ax-title", never, { "text": "text"; }, {}, never, ["*"], false, never>;
7
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXDecoratorTitleComponent, "ax-title", never, {}, {}, never, ["*"], false, never>;
9
8
  }
package/esm2020/badge/src/badge.component.mjs CHANGED
@@ -14,10 +14,10 @@ export class AXBadgeComponent extends AXBaseBadgeMixin {
14
14
  }
15
15
  }
16
16
  AXBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
17
- AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
17
+ AXBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
18
18
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXBadgeComponent, decorators: [{
19
19
  type: Component,
20
- args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
20
+ args: [{ selector: 'ax-badge', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\r\n<span *ngIf=\"text\" class=\"ax-badge-text\">{{text}}</span>\r\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;font-size:.75rem;border-radius:999rem;text-align:center}ax-badge.ax-mini-badge{width:.5rem;height:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{width:1.125rem;height:1.125rem}ax-badge .ax-badge-text{padding:.25rem .313rem;height:auto;line-height:2;word-break:break-all}ax-badge.ax-primary-default{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-badge.ax-secondary-default{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-badge.ax-success-default{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-badge.ax-warning-default{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-badge.ax-danger-default{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-badge.ax-ghost-default{background-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}\n"] }]
21
21
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
22
22
  type: Input
23
23
  }], __hostClass: [{
package/esm2020/button/src/button.component.mjs CHANGED
@@ -40,7 +40,7 @@ AXButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
40
40
  AXButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", 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: [
41
41
  { provide: AXComponent, useExisting: AXButtonComponent },
42
42
  { provide: AXFocusableComponent, useExisting: AXButtonComponent },
43
- ], usesInheritance: true, ngImport: i0, template: "<button\r\n [disabled]=\"disabled\"\r\n [attr.tabindex]=\"tabIndex\"\r\n (focus)=\"_emitOnFocusEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\"\r\n [attr.type]=\"type\"\r\n>\r\n <ng-content select=\"ax-content, ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"> </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\r\n</button>\r\n", styles: ["html.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}html.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}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;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-primary-default:focus-within):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:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-within){outline-color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-secondary-default:focus-within):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:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-within){outline-color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgb(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,ax-button.ax-success-default:focus-within):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:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-within){outline-color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgb(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,ax-button.ax-warning-default:focus-within):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:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-within){outline-color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgb(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,ax-button.ax-danger-default:focus-within):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:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-within){outline-color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}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,ax-button .ax-xl{font-size:1rem}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:1px;outline-color:rgba(var(--ax-color-ghost),.16);outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(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;border-color:rgb(var(--ax-color-border-default));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 });
43
+ ], usesInheritance: true, ngImport: i0, template: "<button\r\n [disabled]=\"disabled\"\r\n [attr.tabindex]=\"tabIndex\"\r\n (focus)=\"_emitOnFocusEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\"\r\n [attr.type]=\"type\"\r\n>\r\n <ng-content select=\"ax-content, ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"> </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\r\n</button>\r\n", styles: ["html.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}html.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}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;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-primary-default:focus-within):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:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-within){outline-color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-secondary-default:focus-within):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:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-within){outline-color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgb(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,ax-button.ax-success-default:focus-within):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:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-within){outline-color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgb(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,ax-button.ax-warning-default:focus-within):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:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-within){outline-color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgb(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,ax-button.ax-danger-default:focus-within):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:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-within){outline-color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}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,ax-button .ax-xl{font-size:1rem}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),.16);outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(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;border-color:rgb(var(--ax-color-border-default));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
44
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXButtonComponent, decorators: [{
45
45
  type: Component,
46
46
  args: [{ selector: 'ax-button', inputs: [
@@ -66,7 +66,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
66
66
  }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
67
67
  { provide: AXComponent, useExisting: AXButtonComponent },
68
68
  { provide: AXFocusableComponent, useExisting: AXButtonComponent },
69
- ], template: "<button\r\n [disabled]=\"disabled\"\r\n [attr.tabindex]=\"tabIndex\"\r\n (focus)=\"_emitOnFocusEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\"\r\n [attr.type]=\"type\"\r\n>\r\n <ng-content select=\"ax-content, ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"> </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\r\n</button>\r\n", styles: ["html.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}html.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}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;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-primary-default:focus-within):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:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-within){outline-color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-secondary-default:focus-within):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:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-within){outline-color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgb(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,ax-button.ax-success-default:focus-within):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:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-within){outline-color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgb(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,ax-button.ax-warning-default:focus-within):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:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-within){outline-color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgb(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,ax-button.ax-danger-default:focus-within):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:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-within){outline-color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}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,ax-button .ax-xl{font-size:1rem}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:1px;outline-color:rgba(var(--ax-color-ghost),.16);outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(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;border-color:rgb(var(--ax-color-border-default));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"] }]
69
+ ], template: "<button\r\n [disabled]=\"disabled\"\r\n [attr.tabindex]=\"tabIndex\"\r\n (focus)=\"_emitOnFocusEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\"\r\n [attr.type]=\"type\"\r\n>\r\n <ng-content select=\"ax-content, ax-prefix, ax-loading, ax-icon\"> </ng-content>\r\n <span class=\"ax-button-text\" *ngIf=\"text\">{{ text }}</span>\r\n <ng-content select=\"ax-suffix\"> </ng-content>\r\n <ng-content select=\"ax-dropdown-panel\"> </ng-content>\r\n</button>\r\n", styles: ["html.ax-dark ax-button[class*=default]{box-shadow:0 1px 3px 1px #00000026,0 1px 2px #0000004d}html.ax-dark ax-button[class*=default]:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}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;transition:background-color .3s;position:relative}ax-button.ax-primary-default{background-color:rgb(var(--ax-color-primary-500));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-default>button:is(ax-button.ax-primary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-primary-default:focus-within):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:rgb(var(--ax-color-primary-700))}ax-button.ax-primary-outline{border:1px solid;border-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary))}ax-button.ax-primary-outline>button:is(ax-button.ax-primary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-button.ax-primary-outline:is(ax-button.ax-primary-outline:focus,ax-button.ax-primary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-primary),.9)}ax-button.ax-primary-outline.ax-state-selected{background-color:rgb(var(--ax-color-primary));color:rgb(var(--ax-color-primary-fore))}ax-button.ax-primary-blank{color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank>button:is(ax-button.ax-primary-blank > button:focus-within){outline-color:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-primary-600))}ax-button.ax-primary-blank:is(ax-button.ax-primary-blank:focus,ax-button.ax-primary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-primary-500))}ax-button.ax-primary-blank.ax-state-selected{background-color:rgb(var(--ax-color-primary-100));color:rgb(var(--ax-color-primary-500))}ax-button.ax-secondary-default{background-color:rgb(var(--ax-color-secondary-500));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-default>button:is(ax-button.ax-secondary-default > button:focus-within){outline-color:rgb(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,ax-button.ax-secondary-default:focus-within):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:rgb(var(--ax-color-secondary-700))}ax-button.ax-secondary-outline{border:1px solid;border-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary))}ax-button.ax-secondary-outline>button:is(ax-button.ax-secondary-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-secondary));color:rgba(var(--ax-color-secondary-fore))}ax-button.ax-secondary-outline:is(ax-button.ax-secondary-outline:focus,ax-button.ax-secondary-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-secondary),.9)}ax-button.ax-secondary-outline.ax-state-selected{background-color:rgb(var(--ax-color-secondary));color:rgb(var(--ax-color-secondary-fore))}ax-button.ax-secondary-blank{color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank>button:is(ax-button.ax-secondary-blank > button:focus-within){outline-color:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-secondary-600))}ax-button.ax-secondary-blank:is(ax-button.ax-secondary-blank:focus,ax-button.ax-secondary-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-secondary-500))}ax-button.ax-secondary-blank.ax-state-selected{background-color:rgb(var(--ax-color-secondary-100));color:rgb(var(--ax-color-secondary-500))}ax-button.ax-success-default{background-color:rgb(var(--ax-color-success-500));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-default>button:is(ax-button.ax-success-default > button:focus-within){outline-color:rgb(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,ax-button.ax-success-default:focus-within):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:rgb(var(--ax-color-success-700))}ax-button.ax-success-outline{border:1px solid;border-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success))}ax-button.ax-success-outline>button:is(ax-button.ax-success-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-success));color:rgba(var(--ax-color-success-fore))}ax-button.ax-success-outline:is(ax-button.ax-success-outline:focus,ax-button.ax-success-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-success),.9)}ax-button.ax-success-outline.ax-state-selected{background-color:rgb(var(--ax-color-success));color:rgb(var(--ax-color-success-fore))}ax-button.ax-success-blank{color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank>button:is(ax-button.ax-success-blank > button:focus-within){outline-color:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-success-600))}ax-button.ax-success-blank:is(ax-button.ax-success-blank:focus,ax-button.ax-success-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-success-500))}ax-button.ax-success-blank.ax-state-selected{background-color:rgb(var(--ax-color-success-100));color:rgb(var(--ax-color-success-500))}ax-button.ax-warning-default{background-color:rgb(var(--ax-color-warning-500));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-default>button:is(ax-button.ax-warning-default > button:focus-within){outline-color:rgb(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,ax-button.ax-warning-default:focus-within):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:rgb(var(--ax-color-warning-700))}ax-button.ax-warning-outline{border:1px solid;border-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning))}ax-button.ax-warning-outline>button:is(ax-button.ax-warning-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-warning));color:rgba(var(--ax-color-warning-fore))}ax-button.ax-warning-outline:is(ax-button.ax-warning-outline:focus,ax-button.ax-warning-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-warning),.9)}ax-button.ax-warning-outline.ax-state-selected{background-color:rgb(var(--ax-color-warning));color:rgb(var(--ax-color-warning-fore))}ax-button.ax-warning-blank{color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank>button:is(ax-button.ax-warning-blank > button:focus-within){outline-color:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-warning-600))}ax-button.ax-warning-blank:is(ax-button.ax-warning-blank:focus,ax-button.ax-warning-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-warning-500))}ax-button.ax-warning-blank.ax-state-selected{background-color:rgb(var(--ax-color-warning-100));color:rgb(var(--ax-color-warning-500))}ax-button.ax-danger-default{background-color:rgb(var(--ax-color-danger-500));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-default>button:is(ax-button.ax-danger-default > button:focus-within){outline-color:rgb(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,ax-button.ax-danger-default:focus-within):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:rgb(var(--ax-color-danger-700))}ax-button.ax-danger-outline{border:1px solid;border-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger))}ax-button.ax-danger-outline>button:is(ax-button.ax-danger-outline > button:focus-within){outline-color:rgb(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));background-color:rgba(var(--ax-color-danger));color:rgba(var(--ax-color-danger-fore))}ax-button.ax-danger-outline:is(ax-button.ax-danger-outline:focus,ax-button.ax-danger-outline:focus-within):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),.8);background-color:rgba(var(--ax-color-danger),.9)}ax-button.ax-danger-outline.ax-state-selected{background-color:rgb(var(--ax-color-danger));color:rgb(var(--ax-color-danger-fore))}ax-button.ax-danger-blank{color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank>button:is(ax-button.ax-danger-blank > button:focus-within){outline-color:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:hover):not(.ax-state-disabled){color:rgb(var(--ax-color-danger-600))}ax-button.ax-danger-blank:is(ax-button.ax-danger-blank:focus,ax-button.ax-danger-blank:focus-within):not(.ax-state-disabled){color:rgb(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:rgb(var(--ax-color-danger-500))}ax-button.ax-danger-blank.ax-state-selected{background-color:rgb(var(--ax-color-danger-100));color:rgb(var(--ax-color-danger-500))}ax-button[class*=default]{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}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,ax-button .ax-xl{font-size:1rem}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),.16);outline-style:solid;border-radius:inherit}ax-button>button .ax-button-text{padding-left:.5rem;padding-right:.5rem;white-space:nowrap}ax-button.ax-ghost-default{background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-ghost),.87);border:1px solid;border-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:hover):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.16)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:focus,ax-button.ax-ghost-default:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-default:is(ax-button.ax-ghost-default:active):not(.ax-state-disabled){background-color:rgba(var(--ax-color-surface))}ax-button.ax-ghost-default.ax-state-selected{background:rgba(var(--ax-color-ghost),.2)}ax-button.ax-ghost-outline{border:1px solid;border-color:rgba(var(--ax-color-ghost),.08);color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:hover):not(.ax-state-disabled){background:rgba(var(--ax-color-surface));border-color:rgba(var(--ax-color-ghost),.05)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:focus,ax-button.ax-ghost-outline:focus-within):not(.ax-state-disabled){background-color:rgba(var(--ax-color-ghost),.08);border-color:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-outline:is(ax-button.ax-ghost-outline:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-outline.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank{color:rgba(var(--ax-color-ghost),.87)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:hover):not(.ax-state-disabled){color:rgba(var(--ax-color-ghost))}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:focus,ax-button.ax-ghost-blank:focus-within):not(.ax-state-disabled){background:rgba(var(--ax-color-ghost),.08)}ax-button.ax-ghost-blank:is(ax-button.ax-ghost-blank:active):not(.ax-state-disabled){background-color:transparent}ax-button.ax-ghost-blank.ax-state-selected{background:rgba(var(--ax-color-ghost),.08)}ax-button-group{display:flex;border:1px solid;border-color:rgb(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;border-color:rgb(var(--ax-color-border-default));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"] }]
70
70
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { type: [{
71
71
  type: Input
72
72
  }], __hostClass: [{
package/esm2020/calendar/src/calendar.component.mjs CHANGED
@@ -343,7 +343,7 @@ export class AXCalendarComponent extends AXCalendarComponentMixin {
343
343
  }
344
344
  }
345
345
  AXCalendarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCalendarComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
346
- AXCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXCalendarComponent, selector: "ax-calendar", inputs: { rtl: "rtl", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", disabled: "disabled", tabIndex: "tabIndex", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", type: "type", holidayDates: "holidayDates", interface: "interface" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"disabled || isDisabled(_today)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled){outline-width:2px;outline-style:dashed;outline-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:2px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:999rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:focus-visible{outline-width:2px;outline-offset:1px;outline-color:rgba(var(--ax-color-primary-500));outline-style:solid;border-radius:var(--ax-rounded-border-default)}ax-calendar .ax-calendar-footer .ax-today-button:hover{opacity:.8}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
346
+ AXCalendarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXCalendarComponent, selector: "ax-calendar", inputs: { rtl: "rtl", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", disabled: "disabled", tabIndex: "tabIndex", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", type: "type", holidayDates: "holidayDates", interface: "interface" }, outputs: { valueChange: "valueChange", onValueChanged: "onValueChanged", onBlur: "onBlur", onFocus: "onFocus", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"disabled || isDisabled(_today)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:2px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:999rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:focus-visible{outline-width:2px;outline-offset:1px;outline-color:rgba(var(--ax-color-primary-500));outline-style:solid;border-radius:var(--ax-rounded-border-default)}ax-calendar .ax-calendar-footer .ax-today-button:hover{opacity:.8}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i1.NgSwitchDefault, selector: "[ngSwitchDefault]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
347
347
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXCalendarComponent, decorators: [{
348
348
  type: Component,
349
349
  args: [{ selector: 'ax-calendar', inputs: [
@@ -372,7 +372,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
372
372
  'disabledDatesChange',
373
373
  'holidayDatesChange',
374
374
  'onNavigate',
375
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"disabled || isDisabled(_today)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled){outline-width:2px;outline-style:dashed;outline-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:2px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:999rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:focus-visible{outline-width:2px;outline-offset:1px;outline-color:rgba(var(--ax-color-primary-500));outline-style:solid;border-radius:var(--ax-rounded-border-default)}ax-calendar .ax-calendar-footer .ax-today-button:hover{opacity:.8}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
375
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"interface === 'calendar'; else pickerTemplate\">\r\n <div class=\"ax-calendar-header\">\r\n <div class=\"ax-calendar-header-info\">\r\n <ng-container *ngIf=\"activeView == 'days'; else elseTemplate\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[1] }}\r\n </button>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText.split(' ')[0] }}\r\n </button>\r\n </ng-container>\r\n <ng-template #elseTemplate>\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button\"\r\n (click)=\"_handleNavClick($event)\">\r\n {{ _navText }}\r\n </button>\r\n </ng-template>\r\n </div>\r\n <div class=\"ax-calendar-header-buttons\">\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handlePrevClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': !rtl,\r\n 'ax-icon-chevron-right': rtl\r\n }\"></i>\r\n </button>\r\n\r\n <button\r\n [attr.disabled]=\"disabled ? '' : null\"\r\n class=\"ax-general-button ax-button-icon\"\r\n (click)=\"_handleNextClick()\">\r\n <i\r\n class=\"ax-icon\"\r\n [ngClass]=\"{\r\n 'ax-icon-chevron-left': rtl,\r\n 'ax-icon-chevron-right': !rtl\r\n }\"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"ax-calendar-body\">\r\n <div [ngSwitch]=\"activeView\">\r\n <ng-container *ngSwitchCase=\"'years'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-year\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchCase=\"'months'\">\r\n <div class=\"ax-calendar-slots ax-calendar-slots-month\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n <ng-container *ngSwitchDefault>\r\n <div class=\"ax-calendar-week\">\r\n <div *ngFor=\"let d of _dayNames\">{{ d }}</div>\r\n </div>\r\n <div class=\"ax-calendar-slots ax-calendar-slots-day\">\r\n <div\r\n tabindex=\"0\"\r\n *ngFor=\"let slot of _slots\"\r\n [title]=\"slot.tooltip\"\r\n [ngClass]=\"slot.cssClass\"\r\n (click)=\"_handleSlotClick($event, slot)\">\r\n {{ slot.text }}\r\n </div>\r\n </div>\r\n </ng-container>\r\n </div>\r\n </div>\r\n\r\n <div class=\"ax-calendar-footer\">\r\n <button\r\n class=\"ax-today-button\"\r\n tabindex=\"-1\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [attr.disabled]=\"disabled || isDisabled(_today)\"\r\n (click)=\"_handleGoToday()\"\r\n *ngIf=\"activeView == 'days'\">\r\n {{ _todayText }}\r\n </button>\r\n </div>\r\n</ng-container>\r\n<ng-template #pickerTemplate>\r\n <div class=\"ax-calendar-picker\">//TODO: picker</div>\r\n</ng-template>\r\n", styles: ["html.ax-dark ax-calendar{background:rgba(var(--ax-color-on-surface))}ax-calendar{display:block;background:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));padding:.5rem}@media (max-width: 599px){ax-calendar{@apply ax-w-full;width:100%}}@media (min-width: 600px){ax-calendar{width:100%}}@media (min-width: 1200px){ax-calendar{width:20rem}}@media (min-width: 1800px){ax-calendar{width:20rem}}ax-calendar.ax-state-disabled .ax-calendar-slots{opacity:.5;cursor:default}ax-calendar .ax-calendar-header{display:flex;justify-content:space-between;padding:.25rem .5rem;margin-bottom:1.125rem}ax-calendar .ax-calendar-header .ax-calendar-header-info{font-weight:500}ax-calendar .ax-calendar-header .ax-calendar-header-buttons{display:flex}ax-calendar .ax-calendar-body{margin:.5rem}ax-calendar .ax-calendar-body .ax-calendar-slots{display:grid;gap:.25rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.875rem;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-body .ax-calendar-slots>div:before{content:\"\";padding-top:100%;float:left}ax-calendar .ax-calendar-body .ax-calendar-slots>div:after{content:\"\";display:block;clear:both}ax-calendar .ax-calendar-body .ax-calendar-slots>div:hover:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-disabled,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-selected,ax-calendar .ax-calendar-body .ax-calendar-slots > div:hover.ax-state-today){background-color:rgba(var(--ax-color-surface-08))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible:not(ax-calendar .ax-calendar-body .ax-calendar-slots > div:focus-visible.ax-state-disabled){outline-width:2px;outline-style:solid;outline-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div:focus-visible.ax-state-disabled{outline-width:2px;outline-style:dashed}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-holiday{color:rgba(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-today{border:2px solid;border-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-other{opacity:.5}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-selected{background-color:rgba(var(--ax-color-primary));color:rgba(var(--ax-color-primary-fore))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event:after{content:\"\";position:absolute;top:80%;left:0;right:0;margin:auto;width:.25rem;height:.25rem;border-radius:999rem}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-primary:after{background-color:rgb(var(--ax-color-primary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-secondary:after{background-color:rgb(var(--ax-color-secondary))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-success:after{background-color:rgb(var(--ax-color-success))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-warning:after{background-color:rgb(var(--ax-color-warning))}ax-calendar .ax-calendar-body .ax-calendar-slots>div.ax-state-event-danger:after{background-color:rgb(var(--ax-color-danger))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-day{grid-template-columns:repeat(7,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-year,ax-calendar .ax-calendar-body .ax-calendar-slots.ax-calendar-slots-month{grid-template-columns:repeat(4,minmax(0,1fr))}ax-calendar .ax-calendar-body .ax-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:.5rem;margin-bottom:.5rem}ax-calendar .ax-calendar-body .ax-calendar-week>div{font-size:.875rem;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:text;margin:.125rem}ax-calendar .ax-calendar-footer{display:flex;justify-content:center;align-items:center;margin-top:1.125rem}ax-calendar .ax-calendar-footer .ax-today-button{width:100%;height:var(--ax-size-default);padding:0 1rem;font-size:.875rem;text-align:center;display:block;background-color:rgba(var(--ax-color-surface));color:rgba(var(--ax-color-text-default));border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);cursor:pointer}ax-calendar .ax-calendar-footer .ax-today-button.ax-state-disabled{opacity:.5;cursor:not-allowed}ax-calendar .ax-calendar-footer .ax-today-button:focus-visible{outline-width:2px;outline-offset:1px;outline-color:rgba(var(--ax-color-primary-500));outline-style:solid;border-radius:var(--ax-rounded-border-default)}ax-calendar .ax-calendar-footer .ax-today-button:hover{opacity:.8}.ax-calendar-picker{display:flex;width:100%}.ax-calendar-picker ax-picker{flex:1 1 0%}.ax-overlay-pane ax-calendar{border-style:none}\n"] }]
376
376
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { interface: [{
377
377
  type: Input
378
378
  }], __hostClass: [{
package/esm2020/date-picker/src/datepicker.component.mjs CHANGED
@@ -181,7 +181,7 @@ export class AXDatePickerComponent extends AXBaseDatePickerMixin {
181
181
  AXDatePickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDatePickerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
182
182
  AXDatePickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDatePickerComponent, selector: "ax-date-picker", inputs: { rtl: "rtl", isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", disabled: "disabled", tabIndex: "tabIndex", readonly: "readonly", allowNull: "allowNull", value: "value", name: "name", checked: "checked", placeholder: "placeholder", maxLength: "maxLength", type: "type", autoComplete: "autoComplete", depth: "depth", activeView: "activeView", min: "min", max: "max", disabledDates: "disabledDates", holidayDates: "holidayDates", format: "format", interface: "interface" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onBlur: "onBlur", onFocus: "onFocus", valueChange: "valueChange", onValueChanged: "onValueChanged", depthChange: "depthChange", typeChange: "typeChange", disabledDatesChange: "disabledDatesChange", holidayDatesChange: "holidayDatesChange", onNavigate: "onNavigate", formatChange: "formatChange" }, host: { classAttribute: "ax-editor-container ax-drop-down" }, providers: [
183
183
  { provide: AXClosbaleComponent, useExisting: AXDatePickerComponent },
184
- ], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }, { propertyName: "_calendar", first: true, predicate: AXCalendarComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\r\n <input\r\n class=\"ax-input\"\r\n type=\"text\"\r\n [attr.placeholder]=\"placeholder\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [class.ax-state-readonly]=\"readonly\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"true\"\r\n [attr.tabindex]=\"_isMobile ? -1 : tabIndex\"\r\n [ngModel]=\"displayText\"\r\n (focus)=\"_emitOnFocusEvent($event)\"\r\n (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\"\r\n (keydown)=\"_handleOnKeydownEvent($event)\" />\r\n</div>\r\n<button\r\n [disabled]=\"disabled\"\r\n [tabIndex]=\"-1\"\r\n class=\"ax-editor-control\"\r\n (click)=\"_handleArrowClickEvent()\">\r\n <span class=\"ax-icon ax-icon-calendar\"></span>\r\n</button>\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n<ax-popover\r\n [target]=\"_target\"\r\n [position]=\"position\"\r\n [openTrigger]=\"'manual'\"\r\n [closeTrigger]=\"'clickout'\"\r\n [adaptivityEnabled]=\"true\"\r\n (onOpened)=\"_handlePopoverOpened($event)\">\r\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\r\n <ax-header *ngIf=\"_isMobile\">\r\n <ax-title>\r\n {{ placeholder || 'Choose a date' }}\r\n </ax-title>\r\n <ax-close-button></ax-close-button>\r\n </ax-header>\r\n <ng-container\r\n *ngIf=\"\r\n interface === 'calendar';\r\n then calendarTemplate;\r\n else pickerTemplate\r\n \"></ng-container>\r\n <ng-template #calendarTemplate>\r\n <ax-calendar\r\n #calendar\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [(value)]=\"value\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [rtl]=\"rtl\"\r\n [disabledDates]=\"disabledDates\"\r\n [holidayDates]=\"holidayDates\"\r\n [depth]=\"depth\"\r\n (onNavigate)=\"_handleOnNavigate($event)\"\r\n [type]=\"type\">\r\n </ax-calendar>\r\n </ng-template>\r\n <ng-template #pickerTemplate> </ng-template>\r\n </div>\r\n</ax-popover>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "allowNull", "value", "name", "checked", "disabled", "tabIndex", "depth", "activeView", "min", "max", "disabledDates", "type", "holidayDates", "interface"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "disabledDatesChange", "holidayDatesChange", "onNavigate"] }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i5.AXDecoratorTitleComponent, selector: "ax-title", inputs: ["text"] }, { kind: "component", type: i5.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
184
+ ], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }, { propertyName: "_calendar", first: true, predicate: AXCalendarComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"> </ng-content>\r\n<div class=\"ax-dropdown-content ax-cursor-pointer\" (click)=\"toggle()\">\r\n <input\r\n class=\"ax-input\"\r\n type=\"text\"\r\n [attr.placeholder]=\"placeholder\"\r\n [class.ax-state-disabled]=\"disabled\"\r\n [class.ax-state-readonly]=\"readonly\"\r\n [disabled]=\"disabled\"\r\n [readonly]=\"true\"\r\n [attr.tabindex]=\"_isMobile ? -1 : tabIndex\"\r\n [ngModel]=\"displayText\"\r\n (focus)=\"_emitOnFocusEvent($event)\"\r\n (mouseup)=\"_handleOnInputClickEvent($event)\"\r\n (blur)=\"_emitOnBlurEvent($event)\"\r\n (keydown)=\"_handleOnKeydownEvent($event)\" />\r\n</div>\r\n<button\r\n [disabled]=\"disabled\"\r\n [tabIndex]=\"-1\"\r\n class=\"ax-editor-control\"\r\n (click)=\"_handleArrowClickEvent()\">\r\n <span class=\"ax-icon ax-icon-calendar\"></span>\r\n</button>\r\n<ng-content select=\"ax-suffix\"> </ng-content>\r\n<ng-content select=\"ax-validation-rule\"> </ng-content>\r\n<ax-popover\r\n [target]=\"_target\"\r\n [position]=\"position\"\r\n [openTrigger]=\"'manual'\"\r\n [closeTrigger]=\"'clickout'\"\r\n [adaptivityEnabled]=\"true\"\r\n (onOpened)=\"_handlePopoverOpened($event)\">\r\n <div class=\"ax-overlay-pane\" [class.ax-w-full]=\"_isMobile\">\r\n <ax-header *ngIf=\"_isMobile\">\r\n <ax-title>\r\n {{ placeholder || 'Choose a date' }}\r\n </ax-title>\r\n <ax-close-button></ax-close-button>\r\n </ax-header>\r\n <ng-container\r\n *ngIf=\"\r\n interface === 'calendar';\r\n then calendarTemplate;\r\n else pickerTemplate\r\n \"></ng-container>\r\n <ng-template #calendarTemplate>\r\n <ax-calendar\r\n #calendar\r\n [disabled]=\"disabled\"\r\n [readonly]=\"readonly\"\r\n [(value)]=\"value\"\r\n [min]=\"min\"\r\n [max]=\"max\"\r\n [rtl]=\"rtl\"\r\n [disabledDates]=\"disabledDates\"\r\n [holidayDates]=\"holidayDates\"\r\n [depth]=\"depth\"\r\n (onNavigate)=\"_handleOnNavigate($event)\"\r\n [type]=\"type\">\r\n </ax-calendar>\r\n </ng-template>\r\n <ng-template #pickerTemplate> </ng-template>\r\n </div>\r\n</ax-popover>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXCalendarComponent, selector: "ax-calendar", inputs: ["rtl", "readonly", "allowNull", "value", "name", "checked", "disabled", "tabIndex", "depth", "activeView", "min", "max", "disabledDates", "type", "holidayDates", "interface"], outputs: ["valueChange", "onValueChanged", "onBlur", "onFocus", "depthChange", "typeChange", "disabledDatesChange", "holidayDatesChange", "onNavigate"] }, { kind: "component", type: i4.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }, { kind: "component", type: i5.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i5.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i5.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "directive", type: i6.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
185
185
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDatePickerComponent, decorators: [{
186
186
  type: Component,
187
187
  args: [{ selector: 'ax-date-picker', inputs: [
package/esm2020/decorators/src/title.component.mjs CHANGED
@@ -1,14 +1,13 @@
1
1
  import { AXBaseComponentMixin } from '@acorex/components/mixin';
2
- import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, } from '@angular/core';
2
+ import { Component, ViewEncapsulation, ChangeDetectionStrategy, } from '@angular/core';
3
3
  import * as i0 from "@angular/core";
4
4
  export class AXDecoratorTitleComponent extends AXBaseComponentMixin {
5
5
  constructor(_elementRef, _cdr) {
6
6
  super(_elementRef, _cdr);
7
- this.text = '';
8
7
  }
9
8
  }
10
9
  AXDecoratorTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDecoratorTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
11
- AXDecoratorTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDecoratorTitleComponent, selector: "ax-title", inputs: { text: "text" }, host: { classAttribute: "ax-title" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
+ AXDecoratorTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDecoratorTitleComponent, selector: "ax-title", host: { classAttribute: "ax-title" }, usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
12
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDecoratorTitleComponent, decorators: [{
13
12
  type: Component,
14
13
  args: [{
@@ -18,7 +17,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImpor
18
17
  encapsulation: ViewEncapsulation.None,
19
18
  host: { class: 'ax-title' },
20
19
  }]
21
- }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
22
- type: Input
23
- }] } });
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycy9zcmMvdGl0bGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUd2QixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7O0FBU3ZCLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxvQkFBb0I7SUFDakUsWUFBWSxXQUF1QixFQUFFLElBQXVCO1FBQzFELEtBQUssQ0FBQyxXQUFXLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFJM0IsU0FBSSxHQUFXLEVBQUUsQ0FBQztJQUhsQixDQUFDOztzSEFIVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix1SUFMMUIsMkJBQTJCOzJGQUsxQix5QkFBeUI7a0JBUHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtpQkFDNUI7aUlBT0MsSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBWaWV3RW5jYXBzdWxhdGlvbixcclxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcclxuICBFbGVtZW50UmVmLFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIElucHV0LFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC10aXRsZScsXHJcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YCxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGhvc3Q6IHsgY2xhc3M6ICdheC10aXRsZScgfSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFYRGVjb3JhdG9yVGl0bGVDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcbiAgY29uc3RydWN0b3IoX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIF9jZHI6IENoYW5nZURldGVjdG9yUmVmKSB7XHJcbiAgICBzdXBlcihfZWxlbWVudFJlZiwgX2Nkcik7XHJcbiAgfVxyXG5cclxuICBASW5wdXQoKVxyXG4gIHRleHQ6IHN0cmluZyA9ICcnO1xyXG59XHJcbiJdfQ==
20
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
21
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvZGVjb3JhdG9ycy9zcmMvdGl0bGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixHQUl4QixNQUFNLGVBQWUsQ0FBQzs7QUFTdkIsTUFBTSxPQUFPLHlCQUEwQixTQUFRLG9CQUFvQjtJQUNqRSxZQUFZLFdBQXVCLEVBQUUsSUFBdUI7UUFDMUQsS0FBSyxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDOztzSEFIVSx5QkFBeUI7MEdBQXpCLHlCQUF5Qiw2R0FMMUIsMkJBQTJCOzJGQUsxQix5QkFBeUI7a0JBUHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFVBQVU7b0JBQ3BCLFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO29CQUMvQyxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTtvQkFDckMsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRTtpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJ0BhY29yZXgvY29tcG9uZW50cy9taXhpbic7XHJcbmltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIEVsZW1lbnRSZWYsXHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgSW5wdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F4LXRpdGxlJyxcclxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgaG9zdDogeyBjbGFzczogJ2F4LXRpdGxlJyB9LFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhEZWNvcmF0b3JUaXRsZUNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuICBjb25zdHJ1Y3RvcihfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgX2NkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcclxuICAgIHN1cGVyKF9lbGVtZW50UmVmLCBfY2RyKTtcclxuICB9XHJcbn1cclxuIl19
package/esm2020/form/src/form-field.component.mjs CHANGED
@@ -7,9 +7,9 @@ export class AXFormFieldComponent extends AXBaseComponentMixin {
7
7
  }
8
8
  }
9
9
  AXFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXFormFieldComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
10
- AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["html.ax-dark .ax-form-field .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}html.ax-dark .ax-form-field .ax-error-message:before,html.ax-dark .ax-form-field .ax-error-message:after{border-bottom-color:rgb(var(--ax-color-danger-900))}html.ax-dark .ax-form-field .ax-error-message:before{border-bottom-color:rgb(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-ghost),.6);margin-top:.5rem}.ax-form-field .ax-error-message{position:absolute;display:block;border:1px solid;background:rgb(var(--ax-color-danger-50));font-size:.75rem;border-radius:.375rem;border-color:rgb(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400}.ax-form-field .ax-error-message:before,.ax-form-field .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgb(var(--ax-color-danger-50))}.ax-form-field .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgb(var(--ax-color-danger-200))}.ax-form-field .ax-error-message:after{border-width:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
10
+ AXFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXFormFieldComponent, selector: "ax-form-field", host: { classAttribute: "ax-form-field" }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["html.ax-dark .ax-form-field .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}html.ax-dark .ax-form-field .ax-error-message:before,html.ax-dark .ax-form-field .ax-error-message:after{border-bottom-color:rgb(var(--ax-color-danger-900))}html.ax-dark .ax-form-field .ax-error-message:before{border-bottom-color:rgb(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-ghost),.6);margin-top:.5rem}.ax-form-field .ax-error-message{position:absolute;display:block;border:1px solid;background:rgb(var(--ax-color-danger-50));font-size:.75rem;border-radius:.375rem;border-color:rgb(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400;width:-moz-fit-content;width:fit-content}.ax-form-field .ax-error-message:before,.ax-form-field .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgb(var(--ax-color-danger-50))}.ax-form-field .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgb(var(--ax-color-danger-200))}.ax-form-field .ax-error-message:after{border-width:5px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
11
11
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXFormFieldComponent, decorators: [{
12
12
  type: Component,
13
- args: [{ selector: 'ax-form-field', template: '<ng-content></ng-content>', host: { class: 'ax-form-field' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["html.ax-dark .ax-form-field .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}html.ax-dark .ax-form-field .ax-error-message:before,html.ax-dark .ax-form-field .ax-error-message:after{border-bottom-color:rgb(var(--ax-color-danger-900))}html.ax-dark .ax-form-field .ax-error-message:before{border-bottom-color:rgb(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-ghost),.6);margin-top:.5rem}.ax-form-field .ax-error-message{position:absolute;display:block;border:1px solid;background:rgb(var(--ax-color-danger-50));font-size:.75rem;border-radius:.375rem;border-color:rgb(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400}.ax-form-field .ax-error-message:before,.ax-form-field .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgb(var(--ax-color-danger-50))}.ax-form-field .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgb(var(--ax-color-danger-200))}.ax-form-field .ax-error-message:after{border-width:5px}\n"] }]
13
+ args: [{ selector: 'ax-form-field', template: '<ng-content></ng-content>', host: { class: 'ax-form-field' }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["html.ax-dark .ax-form-field .ax-error-message{background:rgba(var(--ax-color-danger-900));border-color:rgb(var(--ax-color-danger-700));color:rgba(var(--ax-color-danger-100))}html.ax-dark .ax-form-field .ax-error-message:before,html.ax-dark .ax-form-field .ax-error-message:after{border-bottom-color:rgb(var(--ax-color-danger-900))}html.ax-dark .ax-form-field .ax-error-message:before{border-bottom-color:rgb(var(--ax-color-danger-700))}.ax-form-field{position:relative}.ax-form-field ax-form-hint-text{font-size:.875rem;color:rgba(var(--ax-color-ghost),.6);margin-top:.5rem}.ax-form-field .ax-error-message{position:absolute;display:block;border:1px solid;background:rgb(var(--ax-color-danger-50));font-size:.75rem;border-radius:.375rem;border-color:rgb(var(--ax-color-danger-200));z-index:10;padding:.25rem .5rem;bottom:-2.25rem;font-weight:400;width:-moz-fit-content;width:fit-content}.ax-form-field .ax-error-message:before,.ax-form-field .ax-error-message:after{position:absolute;bottom:100%;inset-inline-start:10px;z-index:15;width:0;height:0;pointer-events:none;content:\" \";border:solid transparent;border-bottom-color:rgb(var(--ax-color-danger-50))}.ax-form-field .ax-error-message:before{margin-inline-start:-1px;border-width:.375rem;border-bottom-color:rgb(var(--ax-color-danger-200))}.ax-form-field .ax-error-message:after{border-width:5px}\n"] }]
14
14
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
15
15
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9mb3JtL3NyYy9mb3JtLWZpZWxkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFFVCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7O0FBVXZCLE1BQU0sT0FBTyxvQkFBcUIsU0FBUSxvQkFBb0I7SUFDNUQsWUFBWSxVQUFzQixFQUFFLEdBQXNCO1FBQ3hELEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDekIsQ0FBQzs7aUhBSFUsb0JBQW9CO3FHQUFwQixvQkFBb0IsdUhBTnJCLDJCQUEyQjsyRkFNMUIsb0JBQW9CO2tCQVJoQyxTQUFTOytCQUNFLGVBQWUsWUFDZiwyQkFBMkIsUUFFL0IsRUFBRSxLQUFLLEVBQUUsZUFBZSxFQUFFLGlCQUNqQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICdAYWNvcmV4L2NvbXBvbmVudHMvbWl4aW4nO1xyXG5pbXBvcnQge1xyXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBFbGVtZW50UmVmLFxyXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdheC1mb3JtLWZpZWxkJyxcclxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxyXG4gIHN0eWxlVXJsczogWycuL2Zvcm0tZmllbGQuY29tcG9uZW50LnNjc3MnXSxcclxuICBob3N0OiB7IGNsYXNzOiAnYXgtZm9ybS1maWVsZCcgfSxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQVhGb3JtRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBWEJhc2VDb21wb25lbnRNaXhpbiB7XHJcbiAgY29uc3RydWN0b3IoZWxlbWVudFJlZjogRWxlbWVudFJlZiwgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZikge1xyXG4gICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICB9XHJcbn1cclxuIl19
package/esm2020/form/src/validation-summary.component.mjs CHANGED
@@ -65,7 +65,7 @@ AXValidationSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
65
65
  </ax-suffix>
66
66
  </ax-footer>
67
67
  </ax-alert>
68
- `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorContentComponent, selector: "ax-content" }, { kind: "component", type: i3.AXDecoratorFooterComponent, selector: "ax-footer" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title", inputs: ["text"] }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut", "visible"], outputs: ["onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
68
+ `, isInline: true, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorContentComponent, selector: "ax-content" }, { kind: "component", type: i3.AXDecoratorFooterComponent, selector: "ax-footer" }, { kind: "component", type: i3.AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i4.AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut", "visible"], outputs: ["onClosed"] }, { kind: "component", type: i5.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
69
69
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXValidationSummaryComponent, decorators: [{
70
70
  type: Component,
71
71
  args: [{
package/esm2020/popup/src/popup.component.mjs CHANGED
@@ -125,10 +125,10 @@ export class AXPopupComponent extends AXBaseComponentMixin {
125
125
  onFullScreen() { }
126
126
  }
127
127
  AXPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i1.AXLoadingService }, { token: i2.AXPlatform }], target: i0.ɵɵFactoryTarget.Component });
128
- AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPopupComponent, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n <div cdkDragHandle class=\"ax-popup-header-container\">\r\n <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n <span class=\"ax-popup-title\">{{title}}</span>\r\n <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"ax-popup-main-container\">\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </div>\r\n <div class=\"ax-popup-footer-container\"></div>\r\n </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:98vh;min-height:-moz-fit-content;min-height:fit-content;margin:0 auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media all and (min-width: 1280px){.ax-popup.ax-popup-sm{width:420px!important}.ax-popup.ax-popup-md{width:680px!important}.ax-popup.ax-popup-lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.ax-popup.ax-popup-sm{width:100vw;max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{@apply ax-h-screen;}.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.ax-popup.ax-popup-sm{width:100vw;height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{height:100vh}.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:calc(var(--ax-overlay-full-width) * 1vw);height:calc(var(--ax-overlay-full-width) * var(--ax-vh));max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))}.ax-popup.ax-popup-md .ax-popup-main,.ax-popup.ax-popup-lg .ax-popup-main{height:100vh}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
128
+ AXPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXPopupComponent, selector: "ax-popup", host: { listeners: { "keydown.escape": "onKeydownHandler($event)" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n <div cdkDragHandle class=\"ax-popup-header-container\">\r\n <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n <span class=\"ax-popup-title\">{{title}}</span>\r\n <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"ax-popup-main-container\">\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </div>\r\n <div class=\"ax-popup-footer-container\"></div>\r\n </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}}@media (min-width: 600px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:85vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{min-width:-moz-fit-content!important;min-width:fit-content!important}.ax-popup.ax-popup-sm{max-width:25vw!important}.ax-popup.ax-popup-md{max-width:50vw!important}.ax-popup.ax-popup-lg{max-width:85vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{min-width:-moz-fit-content!important;min-width:fit-content!important}.ax-popup.ax-popup-sm{max-width:25vw!important}.ax-popup.ax-popup-md{max-width:50vw!important}.ax-popup.ax-popup-lg{max-width:85vw!important}}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i4.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i5.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i6.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
129
129
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXPopupComponent, decorators: [{
130
130
  type: Component,
131
- args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n <div cdkDragHandle class=\"ax-popup-header-container\">\r\n <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n <span class=\"ax-popup-title\">{{title}}</span>\r\n <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"ax-popup-main-container\">\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </div>\r\n <div class=\"ax-popup-footer-container\"></div>\r\n </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:98vh;min-height:-moz-fit-content;min-height:fit-content;margin:0 auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media all and (min-width: 1280px){.ax-popup.ax-popup-sm{width:420px!important}.ax-popup.ax-popup-md{width:680px!important}.ax-popup.ax-popup-lg{width:1024px!important}}@media all and (min-width: 1024px) and (max-width: 1279px){.ax-popup.ax-popup-sm{width:100vw;max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{@apply ax-h-screen;}.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:900px!important}}@media all and (min-width: 768px) and (max-width: 1023px){.ax-popup.ax-popup-md{width:500px!important}.ax-popup.ax-popup-lg{width:700px!important}}@media all and (min-width: 425px) and (max-width: 767px){.ax-popup.ax-popup-sm{width:100vw;height:calc(100 * var(--ax-vh));max-height:calc(100 * var(--ax-vh))}.ax-popup.ax-popup-sm .ax-popup-main{height:100vh}.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:460px!important}}@media all and (min-width: 0px) and (max-width: 424px){.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:calc(var(--ax-overlay-full-width) * 1vw);height:calc(var(--ax-overlay-full-width) * var(--ax-vh));max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))}.ax-popup.ax-popup-md .ax-popup-main,.ax-popup.ax-popup-lg .ax-popup-main{height:100vh}}\n"] }]
131
+ args: [{ selector: 'ax-popup', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXPopupComponent }], template: "<div class=\"ax-popup-wrapper\" aria-modal=\"true\" [cdkTrapFocus]=\"true\">\r\n <div class=\"ax-popup ax-popup-{{size}}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!draggable\">\r\n <div cdkDragHandle class=\"ax-popup-header-container\">\r\n <div class=\"ax-popup-header\" *ngIf=\"showHeader\">\r\n <span class=\"ax-popup-title\">{{title}}</span>\r\n <span class=\"ax-icon ax-icon-close\" (click)=\"_handleCloseClick()\" tabindex=\"1\"></span>\r\n </div>\r\n </div>\r\n <div class=\"ax-popup-main-container\">\r\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\r\n </div>\r\n <div class=\"ax-popup-footer-container\"></div>\r\n </div>\r\n</div>", styles: [".ax-popup{display:flex;flex-direction:column;background-color:rgb(var(--ax-color-surface));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid;border-color:rgb(var(--ax-color-border-default));border-radius:var(--ax-rounded-border-default);outline-color:transparent;padding:0;width:50%;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-moz-fit-content;min-height:fit-content;margin:0 auto}.ax-popup .ax-popup-header{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem}.ax-popup .ax-popup-header .ax-icon-close{font-size:1.5rem;cursor:pointer}.ax-popup .ax-popup-header .ax-icon-close:hover{opacity:.5}.ax-popup ax-footer{padding:.75rem;display:flex;align-items:center;justify-content:space-between}.ax-popup:focus{outline-color:transparent}.ax-popup:focus-visible{outline-color:rgb(var(--ax-color-primary-500))}.ax-popup ax-footer{background-color:rgba(var(--ax-color-ghost),.02)}.ax-popup .ax-popup-main-container{overflow:auto;flex:1 1 0%}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh))}.ax-popup.ax-fit{width:-moz-fit-content;width:fit-content}@media (max-width: 599px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{width:93vw!important;height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}}@media (min-width: 600px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{min-width:-moz-fit-content!important;min-width:fit-content!important;max-width:85vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{min-width:-moz-fit-content!important;min-width:fit-content!important}.ax-popup.ax-popup-sm{max-width:25vw!important}.ax-popup.ax-popup-md{max-width:50vw!important}.ax-popup.ax-popup-lg{max-width:85vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm,.ax-popup.ax-popup-md,.ax-popup.ax-popup-lg{min-width:-moz-fit-content!important;min-width:fit-content!important}.ax-popup.ax-popup-sm{max-width:25vw!important}.ax-popup.ax-popup-md{max-width:50vw!important}.ax-popup.ax-popup-lg{max-width:85vw!important}}\n"] }]
132
132
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i1.AXLoadingService }, { type: i2.AXPlatform }]; }, propDecorators: { onKeydownHandler: [{
133
133
  type: HostListener,
134
134
  args: ['keydown.escape', ['$event']]