@acorex/components 7.17.11 → 7.17.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (160) hide show
  1. package/color-palette/lib/color-palette-swatches.component.d.ts +2 -1
  2. package/data-table/lib/columns/data-table-column.d.ts +2 -1
  3. package/data-table/lib/columns/data-text-column.component.d.ts +2 -1
  4. package/data-table/lib/columns/row-command-column.component.d.ts +3 -1
  5. package/data-table/lib/columns/row-index-column.component.d.ts +3 -2
  6. package/data-table/lib/columns/row-select-column.component.d.ts +2 -1
  7. package/data-table/lib/data-table.component.d.ts +10 -4
  8. package/datetime-picker/lib/datetime-picker.component.d.ts +5 -3
  9. package/datetime-picker/lib/datetime-picker.module.d.ts +2 -1
  10. package/esm2022/action-sheet/lib/action-sheet.component.mjs +2 -2
  11. package/esm2022/alert/lib/alert.component.mjs +2 -2
  12. package/esm2022/avatar/lib/avatar.component.mjs +2 -2
  13. package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +2 -2
  14. package/esm2022/button/lib/button-item-list.component.mjs +2 -2
  15. package/esm2022/button/lib/button.component.mjs +2 -2
  16. package/esm2022/button-group/lib/button-group.component.mjs +2 -2
  17. package/esm2022/calendar/lib/calendar-range.component.mjs +2 -2
  18. package/esm2022/calendar/lib/calendar.component.mjs +2 -2
  19. package/esm2022/circular-progress/lib/circular-progress.component.mjs +2 -2
  20. package/esm2022/collapse/lib/collapse.component.mjs +3 -3
  21. package/esm2022/color-box/lib/color-box.component.mjs +2 -2
  22. package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +2 -2
  23. package/esm2022/color-palette/lib/color-palette.component.mjs +2 -2
  24. package/esm2022/common/lib/classes/datasource.class.mjs +2 -2
  25. package/esm2022/data-pager/lib/data-pager.component.mjs +2 -2
  26. package/esm2022/data-table/lib/columns/data-table-column.mjs +1 -1
  27. package/esm2022/data-table/lib/columns/data-text-column.component.mjs +7 -4
  28. package/esm2022/data-table/lib/columns/row-command-column.component.mjs +8 -2
  29. package/esm2022/data-table/lib/columns/row-index-column.component.mjs +9 -6
  30. package/esm2022/data-table/lib/columns/row-select-column.component.mjs +5 -2
  31. package/esm2022/data-table/lib/data-table.component.mjs +24 -16
  32. package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +14 -5
  33. package/esm2022/datetime-picker/lib/datetime-picker.module.mjs +5 -2
  34. package/esm2022/decorators/lib/components/close-button.component.mjs +4 -9
  35. package/esm2022/decorators/lib/components/generic-content.component.mjs +4 -10
  36. package/esm2022/decorators/lib/components/icon.component.mjs +3 -9
  37. package/esm2022/dialog/lib/dialog.component.mjs +2 -2
  38. package/esm2022/drawer/lib/drawer.component.mjs +2 -2
  39. package/esm2022/dropdown/lib/dropdown-panel.component.mjs +2 -2
  40. package/esm2022/form/lib/form-field.component.mjs +2 -2
  41. package/esm2022/image/lib/image.component.mjs +2 -2
  42. package/esm2022/label/lib/label.component.mjs +2 -2
  43. package/esm2022/list/lib/list.component.mjs +2 -2
  44. package/esm2022/loading/lib/loading-spinner.component.mjs +2 -2
  45. package/esm2022/loading/lib/loading.component.mjs +2 -2
  46. package/esm2022/menu/lib/menu.component.mjs +2 -2
  47. package/esm2022/navbar/lib/navbar.component.mjs +2 -2
  48. package/esm2022/notification/lib/notification.component.mjs +2 -2
  49. package/esm2022/otp/lib/otp.component.mjs +2 -2
  50. package/esm2022/picker/lib/picker.component.mjs +2 -2
  51. package/esm2022/popup/lib/popup.component.mjs +2 -2
  52. package/esm2022/progress-bar/lib/progress-bar.component.mjs +2 -2
  53. package/esm2022/range-slider/lib/range-slider.component.mjs +2 -2
  54. package/esm2022/result/lib/result.component.mjs +2 -2
  55. package/esm2022/routing-progress/lib/routing-progress.component.mjs +2 -2
  56. package/esm2022/scheduler/lib/scheduler.component.mjs +2 -2
  57. package/esm2022/select-box/lib/select-box.component.mjs +2 -2
  58. package/esm2022/selection-list/lib/selection-list.component.mjs +2 -2
  59. package/esm2022/side-menu/lib/side-menu.component.mjs +2 -2
  60. package/esm2022/skeleton/lib/skeleton.component.mjs +2 -2
  61. package/esm2022/switch/lib/switch.component.mjs +2 -2
  62. package/esm2022/tabs/lib/tabs.component.mjs +4 -4
  63. package/esm2022/tag/lib/tag.component.mjs +2 -2
  64. package/esm2022/text-area/lib/text-area.component.mjs +26 -5
  65. package/esm2022/toast/lib/toast.component.mjs +2 -2
  66. package/esm2022/tooltip/lib/tooltip.component.mjs +2 -2
  67. package/esm2022/uploader/lib/uploader-list.component.mjs +3 -3
  68. package/fesm2022/acorex-components-action-sheet.mjs +2 -2
  69. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  70. package/fesm2022/acorex-components-alert.mjs +2 -2
  71. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  72. package/fesm2022/acorex-components-avatar.mjs +2 -2
  73. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  74. package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
  75. package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
  76. package/fesm2022/acorex-components-button-group.mjs +2 -2
  77. package/fesm2022/acorex-components-button-group.mjs.map +1 -1
  78. package/fesm2022/acorex-components-button.mjs +4 -4
  79. package/fesm2022/acorex-components-button.mjs.map +1 -1
  80. package/fesm2022/acorex-components-calendar.mjs +4 -4
  81. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  82. package/fesm2022/acorex-components-circular-progress.mjs +2 -2
  83. package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
  84. package/fesm2022/acorex-components-collapse.mjs +2 -2
  85. package/fesm2022/acorex-components-collapse.mjs.map +1 -1
  86. package/fesm2022/acorex-components-color-box.mjs +2 -2
  87. package/fesm2022/acorex-components-color-box.mjs.map +1 -1
  88. package/fesm2022/acorex-components-color-palette.mjs +2 -2
  89. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  90. package/fesm2022/acorex-components-common.mjs +1 -1
  91. package/fesm2022/acorex-components-common.mjs.map +1 -1
  92. package/fesm2022/acorex-components-data-pager.mjs +2 -2
  93. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  94. package/fesm2022/acorex-components-data-table.mjs +53 -30
  95. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  96. package/fesm2022/acorex-components-datetime-picker.mjs +16 -5
  97. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  98. package/fesm2022/acorex-components-decorators.mjs +8 -25
  99. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  100. package/fesm2022/acorex-components-dialog.mjs +2 -2
  101. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  102. package/fesm2022/acorex-components-drawer.mjs +2 -2
  103. package/fesm2022/acorex-components-drawer.mjs.map +1 -1
  104. package/fesm2022/acorex-components-dropdown.mjs +2 -2
  105. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  106. package/fesm2022/acorex-components-form.mjs +2 -2
  107. package/fesm2022/acorex-components-form.mjs.map +1 -1
  108. package/fesm2022/acorex-components-image.mjs +2 -2
  109. package/fesm2022/acorex-components-image.mjs.map +1 -1
  110. package/fesm2022/acorex-components-label.mjs +2 -2
  111. package/fesm2022/acorex-components-label.mjs.map +1 -1
  112. package/fesm2022/acorex-components-list.mjs +2 -2
  113. package/fesm2022/acorex-components-list.mjs.map +1 -1
  114. package/fesm2022/acorex-components-loading.mjs +4 -4
  115. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  116. package/fesm2022/acorex-components-menu.mjs +2 -2
  117. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  118. package/fesm2022/acorex-components-navbar.mjs +2 -2
  119. package/fesm2022/acorex-components-navbar.mjs.map +1 -1
  120. package/fesm2022/acorex-components-notification.mjs +2 -2
  121. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  122. package/fesm2022/acorex-components-otp.mjs +2 -2
  123. package/fesm2022/acorex-components-otp.mjs.map +1 -1
  124. package/fesm2022/acorex-components-picker.mjs +2 -2
  125. package/fesm2022/acorex-components-picker.mjs.map +1 -1
  126. package/fesm2022/acorex-components-popup.mjs +2 -2
  127. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  128. package/fesm2022/acorex-components-progress-bar.mjs +2 -2
  129. package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
  130. package/fesm2022/acorex-components-range-slider.mjs +2 -2
  131. package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
  132. package/fesm2022/acorex-components-result.mjs +2 -2
  133. package/fesm2022/acorex-components-result.mjs.map +1 -1
  134. package/fesm2022/acorex-components-routing-progress.mjs +2 -2
  135. package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
  136. package/fesm2022/acorex-components-scheduler.mjs +2 -2
  137. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  138. package/fesm2022/acorex-components-select-box.mjs +2 -2
  139. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  140. package/fesm2022/acorex-components-selection-list.mjs +2 -2
  141. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  142. package/fesm2022/acorex-components-side-menu.mjs +2 -2
  143. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  144. package/fesm2022/acorex-components-skeleton.mjs +2 -2
  145. package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
  146. package/fesm2022/acorex-components-switch.mjs +2 -2
  147. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  148. package/fesm2022/acorex-components-tabs.mjs +3 -3
  149. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  150. package/fesm2022/acorex-components-tag.mjs +2 -2
  151. package/fesm2022/acorex-components-tag.mjs.map +1 -1
  152. package/fesm2022/acorex-components-text-area.mjs +26 -6
  153. package/fesm2022/acorex-components-text-area.mjs.map +1 -1
  154. package/fesm2022/acorex-components-toast.mjs +2 -2
  155. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  156. package/fesm2022/acorex-components-tooltip.mjs +2 -2
  157. package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
  158. package/fesm2022/acorex-components-uploader.mjs +2 -2
  159. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  160. package/package.json +19 -19
@@ -132,11 +132,11 @@ export class AXPopupComponent extends MXBaseComponent {
132
132
  }
133
133
  }
134
134
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXPopupComponent, deps: [{ token: i0.NgZone }, { token: i0.ViewContainerRef }, { token: i1.AXLoadingService }, { token: i2.AXPlatform }, { token: DIALOG_DATA }, { token: i3.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
135
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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\">\n <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n <div cdkDragHandle class=\"ax-popup-header-container\">\n <div class=\"ax-popup-header\" *ngIf=\"data.header\">\n <span class=\"ax-popup-title\">{{ data.title }}</span>\n <ax-close-button tabindex=\"1\" *ngIf=\"data.closeButton\"></ax-close-button>\n </div>\n </div>\n <div class=\"ax-popup-main-container ax-loading-container\">\n <div class=\"ax-popup-body-container\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n </div>\n <div class=\"ax-popup-footer-container\"></div>\n </div>\n </div>\n</div>", styles: [".ax-popup{max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;margin-left:auto;margin-right:auto;display:flex;width:auto;flex-direction:column;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:0;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.ax-popup .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:1rem}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1}@media (min-width: 768px){.ax-popup .ax-popup-header .ax-popup-title{font-size:1.125rem;line-height:1.75rem}}.ax-popup ax-footer{box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:.75rem}.ax-popup:focus{outline:2px solid transparent;outline-offset:2px}.ax-popup:focus-visible{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity))}.ax-popup .ax-popup-main-container{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{flex:1 1 0%;overflow:auto}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh));border-radius:0!important}.ax-popup.ax-fit{width:-webkit-fit-content;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}.ax-popup.ax-popup-sm .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-body-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i8.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
135
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.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\">\n <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n <div cdkDragHandle class=\"ax-popup-header-container\">\n <div class=\"ax-popup-header\" *ngIf=\"data.header\">\n <span class=\"ax-popup-title\">{{ data.title }}</span>\n <ax-close-button tabindex=\"1\" *ngIf=\"data.closeButton\"></ax-close-button>\n </div>\n </div>\n <div class=\"ax-popup-main-container ax-loading-container\">\n <div class=\"ax-popup-body-container\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n </div>\n <div class=\"ax-popup-footer-container\"></div>\n </div>\n </div>\n</div>", styles: [".ax-popup{max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;margin-left:auto;margin-right:auto;display:flex;width:auto;flex-direction:column;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding:0;--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);outline:2px solid transparent;outline-offset:2px}.ax-popup .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem;line-height:1;font-weight:500}@media (min-width: 768px){.ax-popup .ax-popup-header .ax-popup-title{font-size:1.125rem;line-height:1.75rem}}.ax-popup ax-footer{box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;border-top-width:1px;border-color:rgba(var(--ax-color-border-default));padding:.75rem}.ax-popup:focus{outline:2px solid transparent;outline-offset:2px}.ax-popup:focus-visible{border-color:rgba(var(--ax-color-primary-500))}.ax-popup .ax-popup-main-container{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{flex:1 1 0%;overflow:auto}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh));border-radius:0!important}.ax-popup.ax-fit{width:-webkit-fit-content;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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-body-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.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: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i6.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i7.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i8.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
136
136
  }
137
137
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXPopupComponent, decorators: [{
138
138
  type: Component,
139
- 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\">\n <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n <div cdkDragHandle class=\"ax-popup-header-container\">\n <div class=\"ax-popup-header\" *ngIf=\"data.header\">\n <span class=\"ax-popup-title\">{{ data.title }}</span>\n <ax-close-button tabindex=\"1\" *ngIf=\"data.closeButton\"></ax-close-button>\n </div>\n </div>\n <div class=\"ax-popup-main-container ax-loading-container\">\n <div class=\"ax-popup-body-container\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n </div>\n <div class=\"ax-popup-footer-container\"></div>\n </div>\n </div>\n</div>", styles: [".ax-popup{max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;margin-left:auto;margin-right:auto;display:flex;width:auto;flex-direction:column;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:0;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.ax-popup .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:1rem}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem;line-height:1.5rem;font-weight:500;line-height:1}@media (min-width: 768px){.ax-popup .ax-popup-header .ax-popup-title{font-size:1.125rem;line-height:1.75rem}}.ax-popup ax-footer{box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;border-top-width:1px;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));padding:.75rem}.ax-popup:focus{outline:2px solid transparent;outline-offset:2px}.ax-popup:focus-visible{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity))}.ax-popup .ax-popup-main-container{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{flex:1 1 0%;overflow:auto}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh));border-radius:0!important}.ax-popup.ax-fit{width:-webkit-fit-content;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}.ax-popup.ax-popup-sm .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-body-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"] }]
139
+ 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\">\n <div class=\"ax-popup ax-popup-{{ data.size }}\" tabindex=\"0\" cdkDrag [cdkDragDisabled]=\"!data.draggable\">\n <div cdkDragHandle class=\"ax-popup-header-container\">\n <div class=\"ax-popup-header\" *ngIf=\"data.header\">\n <span class=\"ax-popup-title\">{{ data.title }}</span>\n <ax-close-button tabindex=\"1\" *ngIf=\"data.closeButton\"></ax-close-button>\n </div>\n </div>\n <div class=\"ax-popup-main-container ax-loading-container\">\n <div class=\"ax-popup-body-container\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n </div>\n <div class=\"ax-popup-footer-container\"></div>\n </div>\n </div>\n</div>", styles: [".ax-popup{max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh));min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;margin-left:auto;margin-right:auto;display:flex;width:auto;flex-direction:column;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface));padding:0;--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow);outline:2px solid transparent;outline-offset:2px}.ax-popup .ax-popup-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem}.ax-popup .ax-popup-header .ax-popup-title{font-size:1rem;line-height:1;font-weight:500}@media (min-width: 768px){.ax-popup .ax-popup-header .ax-popup-title{font-size:1.125rem;line-height:1.75rem}}.ax-popup ax-footer{box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:space-between;border-top-width:1px;border-color:rgba(var(--ax-color-border-default));padding:.75rem}.ax-popup:focus{outline:2px solid transparent;outline-offset:2px}.ax-popup:focus-visible{border-color:rgba(var(--ax-color-primary-500))}.ax-popup .ax-popup-main-container{display:flex;flex:1 1 0%;flex-direction:column;overflow:hidden}.ax-popup .ax-popup-main-container .ax-popup-body-container{flex:1 1 0%;overflow:auto}.ax-popup.ax-popup-full{width:100vw;max-height:calc(100 * var(--ax-vh));height:calc(100 * var(--ax-vh));border-radius:0!important}.ax-popup.ax-fit{width:-webkit-fit-content;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:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(var(--ax-overlay-full-width) * var(--ax-vh))!important}.ax-popup.ax-popup-sm .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-md .ax-popup-body-container>ng-component>div,.ax-popup.ax-popup-lg .ax-popup-body-container>ng-component>div{width:100%}}@media (min-width: 600px){.ax-popup.ax-popup-sm{min-width:60vw!important;max-width:85vw!important}.ax-popup.ax-popup-md{min-width:70vw!important;max-width:85vw!important}.ax-popup.ax-popup-lg{min-width:85vw!important;max-width:90vw!important}}@media (min-width: 1200px){.ax-popup.ax-popup-sm{min-width:25vw!important;max-width:35vw!important}.ax-popup.ax-popup-md{min-width:45vw!important;max-width:55vw!important}.ax-popup.ax-popup-lg{min-width:75vw!important;max-width:95vw!important}}@media (min-width: 1800px){.ax-popup.ax-popup-sm{min-width:15vw!important;max-width:25vw!important}.ax-popup.ax-popup-md{min-width:30vw!important;max-width:50vw!important}.ax-popup.ax-popup-lg{min-width:45vw!important;max-width:85vw!important}}\n"] }]
140
140
  }], ctorParameters: () => [{ type: i0.NgZone }, { type: i0.ViewContainerRef }, { type: i1.AXLoadingService }, { type: i2.AXPlatform }, { type: undefined, decorators: [{
141
141
  type: Inject,
142
142
  args: [DIALOG_DATA]
@@ -31,11 +31,11 @@ export class AXProgressBarComponent extends MXColorComponent {
31
31
  return `ax-${this['color']}-linear`;
32
32
  }
33
33
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXProgressBarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
34
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", progress: "progress", height: "height" }, outputs: { ValueChange: "ValueChange", sizeChange: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "circle", first: true, predicate: ["c"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--ax-rounded-border-default);--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-progress-bar.ax-ghost-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-ghost-fore),var(--tw-bg-opacity))}ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
34
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: AXProgressBarComponent, selector: "ax-progress-bar", inputs: { color: "color", progress: "progress", height: "height" }, outputs: { ValueChange: "ValueChange", sizeChange: "sizeChange" }, host: { properties: { "class": "this.__hostClass" } }, viewQueries: [{ propertyName: "circle", first: true, predicate: ["c"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;background-color:rgba(var(--ax-color-primary-500));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-progress-bar.ax-ghost-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-ghost-fore))}ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-info-200))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
35
35
  }
36
36
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXProgressBarComponent, decorators: [{
37
37
  type: Component,
38
- args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--ax-rounded-border-default);--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-progress-bar.ax-ghost-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-ghost-fore),var(--tw-bg-opacity))}ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-200),var(--tw-bg-opacity))}.ax-dark ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-200),var(--tw-bg-opacity))}\n"] }]
38
+ args: [{ selector: 'ax-progress-bar', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-progress\" [style.height.px]=\"height\" role=\"progressbar\">\n <div class=\"ax-progress-bar\" [style.width.%]=\"progress\"></div>\n</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n", styles: ["ax-progress-bar{display:flex;width:100%;align-items:center;justify-content:center;gap:.5rem}ax-progress-bar .ax-progress{width:100%;overflow:hidden;border-radius:var(--ax-rounded-border-default);background-color:rgba(var(--ax-color-on-surface))}ax-progress-bar .ax-progress .ax-progress-bar{height:100%;background-color:rgba(var(--ax-color-primary-500));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-progress-bar.ax-ghost-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-ghost-fore))}ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-primary-500))}ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-secondary-500))}ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-success-500))}ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-warning-500))}ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-danger-500))}ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-info-500))}.ax-dark ax-progress-bar.ax-primary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-primary-200))}.ax-dark ax-progress-bar.ax-secondary-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-secondary-200))}.ax-dark ax-progress-bar.ax-success-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-success-200))}.ax-dark ax-progress-bar.ax-warning-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-warning-200))}.ax-dark ax-progress-bar.ax-danger-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-danger-200))}.ax-dark ax-progress-bar.ax-info-linear .ax-progress .ax-progress-bar{background-color:rgba(var(--ax-color-info-200))}\n"] }]
39
39
  }], propDecorators: { circle: [{
40
40
  type: ViewChild,
41
41
  args: ['c']
@@ -79,7 +79,7 @@ export class AXRangeSliderComponent extends classes((MXValueComponent), MXColorC
79
79
  useExisting: forwardRef(() => AXRangeSliderComponent),
80
80
  multi: true,
81
81
  },
82
- ], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{height:.5rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-range-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}ax-range-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
82
+ ], usesInheritance: true, ngImport: i0, template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{height:.5rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-range-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-range-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"], dependencies: [{ kind: "directive", type: i1.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: i1.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
83
83
  }
84
84
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
85
85
  type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
90
90
  useExisting: forwardRef(() => AXRangeSliderComponent),
91
91
  multi: true,
92
92
  },
93
- ], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{height:.5rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-range-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}ax-range-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-border-default),var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
93
+ ], template: "<input type=\"range\" [min]=\"minValue\" [max]=\"maxValue\" [ngModel]=\"value\" (ngModelChange)=\"_handleModelChange($event)\"\n (blur)=\"emitOnBlurEvent($event)\" (focus)=\"emitOnFocusEvent($event)\" [step]=\"step\" [disabled]=\"disabled || readonly\"\n [readonly]=\"readonly\">", styles: ["ax-range-slider{--ax-current-value: 0%}ax-range-slider input{height:.5rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;background-color:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-range-slider input::-webkit-slider-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-range-slider input::-moz-range-thumb{height:1.5rem;width:1.5rem;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-white));--ax-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--ax-shadow-colored: 0 10px 15px -3px var(--ax-shadow-color), 0 4px 6px -4px var(--ax-shadow-color);box-shadow:var(--ax-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-ring-shadow, 0 0 rgba(0, 0, 0, 0)),var(--ax-shadow)}ax-range-slider.ax-vertical input[type=range]{transform:rotate(270deg);-moz-transform:rotate(270deg);-webkit-appearance:slider-vertical;writing-mode:bt-lr}ax-range-slider.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500)) 0%,rgba(var(--ax-color-primary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500)) 0%,rgba(var(--ax-color-secondary-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500)) 0%,rgba(var(--ax-color-success-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500)) 0%,rgba(var(--ax-color-warning-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500)) 0%,rgba(var(--ax-color-danger-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500)) 0%,rgba(var(--ax-color-info-500)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}ax-range-slider.ax-ghost-solid input{background:linear-gradient(to right,rgba(var(--ax-color-ghost-fore)) 0%,rgba(var(--ax-color-ghost-fore)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-primary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-primary-500),70%) 0%,rgba(var(--ax-color-primary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-secondary-solid input{background:linear-gradient(to right,rgba(var(--ax-color-secondary-500),70%) 0%,rgba(var(--ax-color-secondary-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-success-solid input{background:linear-gradient(to right,rgba(var(--ax-color-success-500),70%) 0%,rgba(var(--ax-color-success-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-warning-solid input{background:linear-gradient(to right,rgba(var(--ax-color-warning-500),70%) 0%,rgba(var(--ax-color-warning-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-danger-solid input{background:linear-gradient(to right,rgba(var(--ax-color-danger-500),70%) 0%,rgba(var(--ax-color-danger-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}.ax-dark ax-range-slider.ax-info-solid input{background:linear-gradient(to right,rgba(var(--ax-color-info-500),70%) 0%,rgba(var(--ax-color-info-500),70%) var(--ax-current-value),rgba(var(--ax-color-on-surface)) var(--ax-current-value),rgba(var(--ax-color-on-surface)) 100%)}\n"] }]
94
94
  }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { minValue: [{
95
95
  type: Input
96
96
  }], maxValue: [{