@acorex/components 7.11.6 → 7.12.1

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 (212) hide show
  1. package/button/lib/button-item-list.component.d.ts +1 -1
  2. package/button/lib/button-item.component.d.ts +1 -1
  3. package/button/lib/button.module.d.ts +1 -1
  4. package/calendar/lib/calendar.component.d.ts +1 -1
  5. package/chips/lib/chips.component.d.ts +2 -1
  6. package/common/lib/classes/datalist.class.d.ts +3 -3
  7. package/common/lib/common.module.d.ts +1 -2
  8. package/common/lib/directives/ripple.directive.d.ts +1 -1
  9. package/data-table/index.d.ts +1 -2
  10. package/data-table/lib/columns/data-table-column.d.ts +2 -2
  11. package/data-table/lib/columns/data-text-column.component.d.ts +2 -2
  12. package/data-table/lib/columns/row-command-column.component.d.ts +5 -5
  13. package/data-table/lib/columns/row-index-column.component.d.ts +2 -2
  14. package/data-table/lib/columns/row-select-column.component.d.ts +2 -2
  15. package/data-table/lib/data-table.component.d.ts +6 -2
  16. package/datetime-box/lib/datetime-box.component.d.ts +2 -2
  17. package/esm2022/action-sheet/lib/action-sheet.component.mjs +2 -2
  18. package/esm2022/alert/lib/alert.component.mjs +2 -2
  19. package/esm2022/avatar/lib/avatar.component.mjs +2 -2
  20. package/esm2022/badge/lib/badge.component.mjs +2 -2
  21. package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +2 -2
  22. package/esm2022/button/lib/button-item-list.component.mjs +32 -20
  23. package/esm2022/button/lib/button-item.component.mjs +2 -2
  24. package/esm2022/button/lib/button.component.mjs +2 -2
  25. package/esm2022/button/lib/button.module.mjs +5 -5
  26. package/esm2022/button-group/lib/button-group.component.mjs +2 -2
  27. package/esm2022/calendar/lib/calendar-range.component.mjs +2 -2
  28. package/esm2022/calendar/lib/calendar.class.mjs +1 -1
  29. package/esm2022/calendar/lib/calendar.component.mjs +10 -12
  30. package/esm2022/check-box/lib/check-box.component.mjs +2 -2
  31. package/esm2022/chips/lib/chips.component.mjs +6 -5
  32. package/esm2022/circular-progress/lib/circular-progress.component.mjs +2 -2
  33. package/esm2022/collapse/lib/collapse.component.mjs +3 -3
  34. package/esm2022/color-box/lib/color-box.component.mjs +2 -2
  35. package/esm2022/color-box/lib/color-box.module.mjs +1 -1
  36. package/esm2022/color-palette/lib/color-palette.component.mjs +2 -2
  37. package/esm2022/common/index.mjs +1 -1
  38. package/esm2022/common/lib/classes/datalist.class.mjs +3 -3
  39. package/esm2022/common/lib/classes/datasource.class.mjs +1 -1
  40. package/esm2022/common/lib/classes/events.class.mjs +1 -1
  41. package/esm2022/common/lib/common.module.mjs +4 -25
  42. package/esm2022/common/lib/directives/ripple.directive.mjs +4 -3
  43. package/esm2022/data-pager/lib/data-pager.component.mjs +2 -2
  44. package/esm2022/data-table/index.mjs +2 -3
  45. package/esm2022/data-table/lib/columns/data-table-column.mjs +2 -2
  46. package/esm2022/data-table/lib/columns/data-text-column.component.mjs +11 -13
  47. package/esm2022/data-table/lib/columns/row-command-column.component.mjs +87 -78
  48. package/esm2022/data-table/lib/columns/row-index-column.component.mjs +14 -18
  49. package/esm2022/data-table/lib/columns/row-select-column.component.mjs +23 -25
  50. package/esm2022/data-table/lib/data-table.component.mjs +47 -34
  51. package/esm2022/data-table/lib/data-table.module.mjs +11 -11
  52. package/esm2022/datetime-box/lib/datetime-box.component.mjs +5 -5
  53. package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +2 -2
  54. package/esm2022/dialog/lib/dialog.component.mjs +2 -2
  55. package/esm2022/drawer/lib/drawer-container.component.mjs +1 -1
  56. package/esm2022/drawer/lib/drawer.component.mjs +4 -4
  57. package/esm2022/dropdown/lib/dropdown-panel.component.mjs +8 -8
  58. package/esm2022/form/lib/form-field.component.mjs +2 -2
  59. package/esm2022/image/lib/image.component.mjs +2 -2
  60. package/esm2022/label/lib/label.component.mjs +2 -2
  61. package/esm2022/list/lib/list.component.mjs +6 -10
  62. package/esm2022/list/lib/list.module.mjs +2 -2
  63. package/esm2022/loading/lib/loading.component.mjs +2 -2
  64. package/esm2022/menu/lib/class/root-menu.class.mjs +1 -1
  65. package/esm2022/menu/lib/menu-item/menu-item.component.mjs +5 -10
  66. package/esm2022/menu/lib/menu.component.mjs +13 -47
  67. package/esm2022/menu/lib/menu.module.mjs +3 -14
  68. package/esm2022/navbar/lib/navbar.component.mjs +2 -2
  69. package/esm2022/notification/lib/notification.component.mjs +2 -2
  70. package/esm2022/number-box/lib/number-box.component.mjs +2 -2
  71. package/esm2022/otp/lib/otp.component.mjs +5 -5
  72. package/esm2022/otp/lib/otp.module.mjs +2 -2
  73. package/esm2022/picker/lib/picker.component.mjs +2 -2
  74. package/esm2022/popup/lib/popup.component.mjs +2 -2
  75. package/esm2022/popup/lib/popup.interface.mjs +1 -1
  76. package/esm2022/popup/lib/popup.service.mjs +2 -2
  77. package/esm2022/progress-bar/lib/progress-bar.component.mjs +2 -2
  78. package/esm2022/radio/lib/radio.component.mjs +2 -2
  79. package/esm2022/range-slider/lib/range-slider.component.mjs +2 -2
  80. package/esm2022/result/lib/result.component.mjs +2 -2
  81. package/esm2022/routing-progress/lib/routing-progress.component.mjs +2 -2
  82. package/esm2022/scheduler/lib/scheduler.component.mjs +2 -2
  83. package/esm2022/search-box/lib/search-box.component.mjs +2 -2
  84. package/esm2022/select-box/index.mjs +1 -2
  85. package/esm2022/select-box/lib/select-box.component.mjs +2 -2
  86. package/esm2022/select-box/lib/select-box.module.mjs +1 -1
  87. package/esm2022/selection-list/lib/selection-list.component.mjs +2 -2
  88. package/esm2022/side-menu/lib/side-menu.component.mjs +2 -2
  89. package/esm2022/side-menu/lib/side-menu.module.mjs +5 -5
  90. package/esm2022/skeleton/lib/skeleton.component.mjs +2 -2
  91. package/esm2022/switch/lib/switch.component.mjs +2 -2
  92. package/esm2022/tabs/lib/tabs.component.mjs +4 -4
  93. package/esm2022/tag/lib/tag.component.mjs +2 -2
  94. package/esm2022/text-area/lib/text-area.component.mjs +7 -4
  95. package/esm2022/text-box/lib/text-box.component.mjs +5 -4
  96. package/esm2022/toast/lib/toast.component.mjs +2 -2
  97. package/esm2022/toast/lib/toast.service.mjs +2 -3
  98. package/esm2022/tooltip/lib/tooltip.component.mjs +2 -2
  99. package/esm2022/uploader/lib/uploader-list.component.mjs +3 -3
  100. package/fesm2022/acorex-components-action-sheet.mjs +2 -2
  101. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  102. package/fesm2022/acorex-components-alert.mjs +2 -2
  103. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  104. package/fesm2022/acorex-components-avatar.mjs +2 -2
  105. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  106. package/fesm2022/acorex-components-badge.mjs +2 -2
  107. package/fesm2022/acorex-components-badge.mjs.map +1 -1
  108. package/fesm2022/acorex-components-breadcrumbs.mjs +2 -2
  109. package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
  110. package/fesm2022/acorex-components-button-group.mjs +2 -2
  111. package/fesm2022/acorex-components-button-group.mjs.map +1 -1
  112. package/fesm2022/acorex-components-button.mjs +36 -24
  113. package/fesm2022/acorex-components-button.mjs.map +1 -1
  114. package/fesm2022/acorex-components-calendar.mjs +11 -13
  115. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  116. package/fesm2022/acorex-components-check-box.mjs +2 -2
  117. package/fesm2022/acorex-components-chips.mjs +5 -4
  118. package/fesm2022/acorex-components-chips.mjs.map +1 -1
  119. package/fesm2022/acorex-components-circular-progress.mjs +2 -2
  120. package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
  121. package/fesm2022/acorex-components-collapse.mjs +2 -2
  122. package/fesm2022/acorex-components-collapse.mjs.map +1 -1
  123. package/fesm2022/acorex-components-color-box.mjs +2 -2
  124. package/fesm2022/acorex-components-color-box.mjs.map +1 -1
  125. package/fesm2022/acorex-components-color-palette.mjs +2 -2
  126. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  127. package/fesm2022/acorex-components-common.mjs +46 -65
  128. package/fesm2022/acorex-components-common.mjs.map +1 -1
  129. package/fesm2022/acorex-components-data-pager.mjs +2 -2
  130. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  131. package/fesm2022/acorex-components-data-table.mjs +247 -233
  132. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  133. package/fesm2022/acorex-components-datetime-box.mjs +4 -4
  134. package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
  135. package/fesm2022/acorex-components-datetime-picker.mjs +2 -2
  136. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  137. package/fesm2022/acorex-components-dialog.mjs +2 -2
  138. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  139. package/fesm2022/acorex-components-drawer.mjs +3 -3
  140. package/fesm2022/acorex-components-drawer.mjs.map +1 -1
  141. package/fesm2022/acorex-components-dropdown.mjs +6 -6
  142. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  143. package/fesm2022/acorex-components-form.mjs +2 -2
  144. package/fesm2022/acorex-components-form.mjs.map +1 -1
  145. package/fesm2022/acorex-components-image.mjs +2 -2
  146. package/fesm2022/acorex-components-image.mjs.map +1 -1
  147. package/fesm2022/acorex-components-label.mjs +2 -2
  148. package/fesm2022/acorex-components-label.mjs.map +1 -1
  149. package/fesm2022/acorex-components-list.mjs +4 -8
  150. package/fesm2022/acorex-components-list.mjs.map +1 -1
  151. package/fesm2022/acorex-components-loading.mjs +2 -2
  152. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  153. package/fesm2022/acorex-components-menu.mjs +17 -66
  154. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  155. package/fesm2022/acorex-components-navbar.mjs +2 -2
  156. package/fesm2022/acorex-components-navbar.mjs.map +1 -1
  157. package/fesm2022/acorex-components-notification.mjs +2 -2
  158. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  159. package/fesm2022/acorex-components-number-box.mjs +2 -2
  160. package/fesm2022/acorex-components-number-box.mjs.map +1 -1
  161. package/fesm2022/acorex-components-otp.mjs +4 -4
  162. package/fesm2022/acorex-components-otp.mjs.map +1 -1
  163. package/fesm2022/acorex-components-picker.mjs +2 -2
  164. package/fesm2022/acorex-components-picker.mjs.map +1 -1
  165. package/fesm2022/acorex-components-popup.mjs +3 -3
  166. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  167. package/fesm2022/acorex-components-progress-bar.mjs +2 -2
  168. package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
  169. package/fesm2022/acorex-components-radio.mjs +2 -2
  170. package/fesm2022/acorex-components-range-slider.mjs +2 -2
  171. package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
  172. package/fesm2022/acorex-components-result.mjs +2 -2
  173. package/fesm2022/acorex-components-result.mjs.map +1 -1
  174. package/fesm2022/acorex-components-routing-progress.mjs +2 -2
  175. package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
  176. package/fesm2022/acorex-components-scheduler.mjs +2 -2
  177. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  178. package/fesm2022/acorex-components-search-box.mjs +1 -1
  179. package/fesm2022/acorex-components-search-box.mjs.map +1 -1
  180. package/fesm2022/acorex-components-select-box.mjs +2 -2
  181. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  182. package/fesm2022/acorex-components-selection-list.mjs +2 -2
  183. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  184. package/fesm2022/acorex-components-side-menu.mjs +6 -6
  185. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  186. package/fesm2022/acorex-components-skeleton.mjs +2 -2
  187. package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
  188. package/fesm2022/acorex-components-switch.mjs +2 -2
  189. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  190. package/fesm2022/acorex-components-tabs.mjs +3 -3
  191. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  192. package/fesm2022/acorex-components-tag.mjs +2 -2
  193. package/fesm2022/acorex-components-tag.mjs.map +1 -1
  194. package/fesm2022/acorex-components-text-area.mjs +7 -4
  195. package/fesm2022/acorex-components-text-area.mjs.map +1 -1
  196. package/fesm2022/acorex-components-text-box.mjs +5 -4
  197. package/fesm2022/acorex-components-text-box.mjs.map +1 -1
  198. package/fesm2022/acorex-components-toast.mjs +3 -4
  199. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  200. package/fesm2022/acorex-components-tooltip.mjs +2 -2
  201. package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
  202. package/fesm2022/acorex-components-uploader.mjs +2 -2
  203. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  204. package/list/lib/list.component.d.ts +1 -1
  205. package/menu/lib/class/root-menu.class.d.ts +1 -1
  206. package/menu/lib/menu-item/menu-item.component.d.ts +3 -4
  207. package/menu/lib/menu.component.d.ts +5 -12
  208. package/otp/lib/otp.component.d.ts +2 -2
  209. package/package.json +10 -10
  210. package/select-box/index.d.ts +0 -1
  211. package/side-menu/lib/side-menu.module.d.ts +1 -1
  212. package/text-area/lib/text-area.component.d.ts +2 -1
@@ -33,7 +33,7 @@ export class AXRadioComponent extends MXValueComponent {
33
33
  useExisting: forwardRef(() => AXRadioComponent),
34
34
  multi: true,
35
35
  },
36
- ], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"ax-checkbox-label\">\n <div class=\"ax-checkbox-start-side\">\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\"\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content> -->\n\n\n\n\n<div class=\"ax-radio-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-radio-start-side\">\n <!-- <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\"> -->\n\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [ngModel]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (ngModelChange)=\"_handleModelChange($event)\"\n (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-radio-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: [".ax-radio-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-radio-label.ax-state-readonly{opacity:.75}.ax-radio-label .ax-radio-start-side{display:flex;align-items:center;height:1.25rem}.ax-radio-label .ax-radio-end-side{margin-inline-start:.75rem}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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 }); }
36
+ ], queries: [{ propertyName: "_labels", predicate: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"ax-checkbox-label\">\n <div class=\"ax-checkbox-start-side\">\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\"\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content> -->\n\n\n\n\n<div class=\"ax-radio-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-radio-start-side\">\n <!-- <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\"> -->\n\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [ngModel]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (ngModelChange)=\"_handleModelChange($event)\"\n (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-radio-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: [".ax-radio-label{display:flex;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-radio-label.ax-state-readonly{opacity:.75}.ax-radio-label .ax-radio-start-side{display:flex;height:1.25rem;align-items:center}.ax-radio-label .ax-radio-end-side{margin-inline-start:.75rem}\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.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { 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 }); }
37
37
  }
38
38
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImport: i0, type: AXRadioComponent, decorators: [{
39
39
  type: Component,
@@ -43,7 +43,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", ngImpor
43
43
  useExisting: forwardRef(() => AXRadioComponent),
44
44
  multi: true,
45
45
  },
46
- ], template: "<!-- <div class=\"ax-checkbox-label\">\n <div class=\"ax-checkbox-start-side\">\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\"\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content> -->\n\n\n\n\n<div class=\"ax-radio-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-radio-start-side\">\n <!-- <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\"> -->\n\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [ngModel]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (ngModelChange)=\"_handleModelChange($event)\"\n (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-radio-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: [".ax-radio-label{display:flex;align-items:flex-start;width:-moz-fit-content;width:fit-content;font-size:.875rem;line-height:1.25rem;-webkit-user-select:none;user-select:none}.ax-radio-label.ax-state-readonly{opacity:.75}.ax-radio-label .ax-radio-start-side{display:flex;align-items:center;height:1.25rem}.ax-radio-label .ax-radio-end-side{margin-inline-start:.75rem}\n"] }]
46
+ ], template: "<!-- <div class=\"ax-checkbox-label\">\n <div class=\"ax-checkbox-start-side\">\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [(ngModel)]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (click)=\"_handleOnClickEvent($event)\"\n (focus)=\"_emitOnFocusEvent($event)\" (blur)=\"_emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-checkbox-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content> -->\n\n\n\n\n<div class=\"ax-radio-label\" [class.ax-state-readonly]=\"readonly\" [class.ax-state-disabled]=\"disabled\">\n <div class=\"ax-radio-start-side\">\n <!-- <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [indeterminate]=\"_stateIndeterminate\" [ngModel]=\"value\"\n (ngModelChange)=\"_handleModelChange($event)\" [checked]=\"value\" [disabled]=\"disabled\" [readonly]=\"readonly\"\n [tabindex]=\"tabIndex\" (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\"> -->\n\n <input [id]=\"id\" class=\"ax-radio\" type=\"radio\" [ngModel]=\"value\" [checked]=\"value\" [disabled]=\"disabled\"\n [readonly]=\"readonly\" [tabindex]=\"tabIndex\" (ngModelChange)=\"_handleModelChange($event)\"\n (focus)=\"emitOnFocusEvent($event)\" (blur)=\"emitOnBlurEvent($event)\">\n </div>\n <div class=\"ax-radio-end-side\">\n <ng-content select=\"ax-label\"></ng-content>\n <ng-content select=\"ax-form-hint\"></ng-content>\n <span class=\"ax-error-container\"></span>\n </div>\n</div>\n<ng-content select=\"ax-validation-rule\"></ng-content>", styles: [".ax-radio-label{display:flex;width:-moz-fit-content;width:fit-content;-webkit-user-select:none;user-select:none;align-items:flex-start;font-size:.875rem;line-height:1.25rem}.ax-radio-label.ax-state-readonly{opacity:.75}.ax-radio-label .ax-radio-start-side{display:flex;height:1.25rem;align-items:center}.ax-radio-label .ax-radio-end-side{margin-inline-start:.75rem}\n"] }]
47
47
  }], propDecorators: { _labels: [{
48
48
  type: ContentChildren,
49
49
  args: [AXLabelComponent]
@@ -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{appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}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{opacity:.5;cursor:default}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-200)) 0%,rgba(var(--ax-color-primary-200)) 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-200)) 0%,rgba(var(--ax-color-secondary-200)) 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-200)) 0%,rgba(var(--ax-color-success-200)) 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-200)) 0%,rgba(var(--ax-color-warning-200)) 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-200)) 0%,rgba(var(--ax-color-danger-200)) 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-200)) 0%,rgba(var(--ax-color-info-200)) 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%;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;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));--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;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));--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)) 0%,rgba(var(--ax-color-primary)) 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)) 0%,rgba(var(--ax-color-secondary)) 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)) 0%,rgba(var(--ax-color-success)) 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)) 0%,rgba(var(--ax-color-warning)) 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)) 0%,rgba(var(--ax-color-danger)) 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)) 0%,rgba(var(--ax-color-info)) 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),70%) 0%,rgba(var(--ax-color-primary),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),70%) 0%,rgba(var(--ax-color-secondary),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),70%) 0%,rgba(var(--ax-color-success),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),70%) 0%,rgba(var(--ax-color-warning),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),70%) 0%,rgba(var(--ax-color-danger),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),70%) 0%,rgba(var(--ax-color-info),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: "16.2.6", ngImport: i0, type: AXRangeSliderComponent, decorators: [{
85
85
  type: Component,
@@ -90,7 +90,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.6", 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{appearance:none;width:100%;height:.5rem;background:rgba(var(--ax-color-on-surface));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-radius:99rem}ax-range-slider input::-webkit-slider-thumb{width:1.5rem;height:1.5rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;appearance:none;-webkit-appearance:none;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}ax-range-slider input::-moz-range-thumb{width:1.25rem;height:1.25rem;background:rgba(var(--ax-color-surface));border:1px solid;border-color:rgba(var(--ax-color-border-default));cursor:pointer;border-radius:99rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}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{opacity:.5;cursor:default}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-200)) 0%,rgba(var(--ax-color-primary-200)) 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-200)) 0%,rgba(var(--ax-color-secondary-200)) 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-200)) 0%,rgba(var(--ax-color-success-200)) 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-200)) 0%,rgba(var(--ax-color-warning-200)) 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-200)) 0%,rgba(var(--ax-color-danger-200)) 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-200)) 0%,rgba(var(--ax-color-info-200)) 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%;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;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));--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;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:rgba(var(--ax-color-border-default));--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)) 0%,rgba(var(--ax-color-primary)) 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)) 0%,rgba(var(--ax-color-secondary)) 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)) 0%,rgba(var(--ax-color-success)) 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)) 0%,rgba(var(--ax-color-warning)) 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)) 0%,rgba(var(--ax-color-danger)) 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)) 0%,rgba(var(--ax-color-info)) 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),70%) 0%,rgba(var(--ax-color-primary),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),70%) 0%,rgba(var(--ax-color-secondary),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),70%) 0%,rgba(var(--ax-color-success),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),70%) 0%,rgba(var(--ax-color-warning),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),70%) 0%,rgba(var(--ax-color-danger),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),70%) 0%,rgba(var(--ax-color-info),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: function () { return [{ type: i0.NgZone }]; }, propDecorators: { minValue: [{
95
95
  type: Input
96
96
  }], maxValue: [{