@acorex/components 7.17.0 → 7.17.2

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 (273) hide show
  1. package/esm2022/action-sheet/lib/action-sheet.component.mjs +5 -5
  2. package/esm2022/action-sheet/lib/action-sheet.module.mjs +4 -4
  3. package/esm2022/action-sheet/lib/action-sheet.service.mjs +3 -3
  4. package/esm2022/alert/lib/alert.component.mjs +4 -4
  5. package/esm2022/alert/lib/alert.module.mjs +4 -4
  6. package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
  7. package/esm2022/avatar/lib/avatar.component.mjs +4 -4
  8. package/esm2022/avatar/lib/avatar.module.mjs +4 -4
  9. package/esm2022/badge/lib/badge.component.mjs +3 -3
  10. package/esm2022/badge/lib/badge.module.mjs +4 -4
  11. package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +3 -3
  12. package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +4 -4
  13. package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +4 -4
  14. package/esm2022/button/lib/button-item-list.component.mjs +5 -5
  15. package/esm2022/button/lib/button-item.component.mjs +3 -3
  16. package/esm2022/button/lib/button.component.mjs +3 -3
  17. package/esm2022/button/lib/button.module.mjs +4 -4
  18. package/esm2022/button-group/lib/button-group.component.mjs +4 -4
  19. package/esm2022/button-group/lib/button-group.module.mjs +4 -4
  20. package/esm2022/calendar/lib/calendar-range.component.mjs +4 -4
  21. package/esm2022/calendar/lib/calendar.class.mjs +3 -3
  22. package/esm2022/calendar/lib/calendar.component.mjs +5 -5
  23. package/esm2022/calendar/lib/calendar.module.mjs +4 -4
  24. package/esm2022/check-box/lib/check-box.component.mjs +3 -3
  25. package/esm2022/check-box/lib/check-box.module.mjs +4 -4
  26. package/esm2022/chips/lib/chips.component.mjs +3 -3
  27. package/esm2022/chips/lib/chips.module.mjs +4 -4
  28. package/esm2022/circular-progress/lib/circular-progress.component.mjs +3 -3
  29. package/esm2022/circular-progress/lib/circular-progress.module.mjs +4 -4
  30. package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
  31. package/esm2022/collapse/lib/collapse.component.mjs +3 -3
  32. package/esm2022/collapse/lib/collapse.module.mjs +4 -4
  33. package/esm2022/color-box/lib/color-box.component.mjs +3 -3
  34. package/esm2022/color-box/lib/color-box.module.mjs +4 -4
  35. package/esm2022/color-palette/lib/color-palette-input.component.mjs +3 -3
  36. package/esm2022/color-palette/lib/color-palette-picker.component.mjs +3 -3
  37. package/esm2022/color-palette/lib/color-palette-preview.component.mjs +3 -3
  38. package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +3 -3
  39. package/esm2022/color-palette/lib/color-palette.class.mjs +6 -6
  40. package/esm2022/color-palette/lib/color-palette.component.mjs +3 -3
  41. package/esm2022/color-palette/lib/color-palette.module.mjs +4 -4
  42. package/esm2022/common/lib/classes/components.class.mjs +21 -21
  43. package/esm2022/common/lib/common.module.mjs +4 -4
  44. package/esm2022/common/lib/components/base-component.class.mjs +3 -3
  45. package/esm2022/common/lib/components/input-base-value-component.class.mjs +3 -3
  46. package/esm2022/common/lib/components/selection-base.component.class.mjs +6 -6
  47. package/esm2022/common/lib/components/value-component.class.mjs +3 -3
  48. package/esm2022/common/lib/directives/auto-focus.directive.mjs +3 -3
  49. package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +3 -3
  50. package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
  51. package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
  52. package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
  53. package/esm2022/common/lib/directives/ripple.directive.mjs +3 -3
  54. package/esm2022/common/lib/services/dom.service.mjs +3 -3
  55. package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
  56. package/esm2022/data-pager/lib/data-pager-base.component.mjs +6 -6
  57. package/esm2022/data-pager/lib/data-pager-info.component.mjs +3 -3
  58. package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +3 -3
  59. package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +3 -3
  60. package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +3 -3
  61. package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +3 -3
  62. package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +3 -3
  63. package/esm2022/data-pager/lib/data-pager.component.mjs +3 -3
  64. package/esm2022/data-pager/lib/data-pager.module.mjs +4 -4
  65. package/esm2022/data-table/lib/columns/data-table-column.mjs +3 -3
  66. package/esm2022/data-table/lib/columns/data-text-column.component.mjs +3 -3
  67. package/esm2022/data-table/lib/columns/row-command-column.component.mjs +6 -6
  68. package/esm2022/data-table/lib/columns/row-index-column.component.mjs +3 -3
  69. package/esm2022/data-table/lib/columns/row-select-column.component.mjs +3 -3
  70. package/esm2022/data-table/lib/data-table.component.mjs +5 -5
  71. package/esm2022/data-table/lib/data-table.module.mjs +4 -4
  72. package/esm2022/datetime-box/lib/datetime-box.component.mjs +3 -3
  73. package/esm2022/datetime-box/lib/datetime-box.module.mjs +4 -4
  74. package/esm2022/datetime-input/lib/datetime-input.component.mjs +3 -3
  75. package/esm2022/datetime-input/lib/datetime-input.module.mjs +4 -4
  76. package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +3 -3
  77. package/esm2022/datetime-picker/lib/datetime-picker.module.mjs +4 -4
  78. package/esm2022/decorators/lib/components/clear-button.component.mjs +3 -3
  79. package/esm2022/decorators/lib/components/close-button.component.mjs +3 -3
  80. package/esm2022/decorators/lib/components/generic-content.component.mjs +3 -3
  81. package/esm2022/decorators/lib/components/icon.component.mjs +3 -3
  82. package/esm2022/decorators/lib/decorators.module.mjs +4 -4
  83. package/esm2022/dialog/lib/dialog.component.mjs +5 -5
  84. package/esm2022/dialog/lib/dialog.module.mjs +4 -4
  85. package/esm2022/dialog/lib/dialog.service.mjs +3 -3
  86. package/esm2022/drawer/lib/drawer-container.component.mjs +3 -3
  87. package/esm2022/drawer/lib/drawer.component.mjs +3 -3
  88. package/esm2022/drawer/lib/drawer.module.mjs +4 -4
  89. package/esm2022/dropdown/lib/dropdown-box.class.mjs +3 -3
  90. package/esm2022/dropdown/lib/dropdown-box.component.mjs +3 -3
  91. package/esm2022/dropdown/lib/dropdown-panel.component.mjs +3 -3
  92. package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
  93. package/esm2022/form/lib/form-field.component.mjs +4 -4
  94. package/esm2022/form/lib/form.component.mjs +3 -3
  95. package/esm2022/form/lib/form.module.mjs +4 -4
  96. package/esm2022/form/lib/validation-rule.widget.mjs +3 -3
  97. package/esm2022/form/lib/validation-summary.component.mjs +3 -3
  98. package/esm2022/image/lib/image.component.mjs +3 -3
  99. package/esm2022/image/lib/image.module.mjs +4 -4
  100. package/esm2022/label/lib/label.component.mjs +4 -4
  101. package/esm2022/label/lib/label.module.mjs +4 -4
  102. package/esm2022/list/lib/list.component.mjs +5 -5
  103. package/esm2022/list/lib/list.module.mjs +4 -4
  104. package/esm2022/loading/lib/loading-spinner.component.mjs +5 -5
  105. package/esm2022/loading/lib/loading.component.mjs +3 -3
  106. package/esm2022/loading/lib/loading.directive.mjs +3 -3
  107. package/esm2022/loading/lib/loading.module.mjs +4 -4
  108. package/esm2022/loading/lib/loading.service.mjs +3 -3
  109. package/esm2022/menu/lib/menu-item/menu-item.component.mjs +3 -3
  110. package/esm2022/menu/lib/menu.component.mjs +5 -5
  111. package/esm2022/menu/lib/menu.module.mjs +4 -4
  112. package/esm2022/navbar/lib/navbar.component.mjs +3 -3
  113. package/esm2022/navbar/lib/navbar.module.mjs +4 -4
  114. package/esm2022/notification/lib/notification.component.mjs +4 -4
  115. package/esm2022/notification/lib/notification.module.mjs +4 -4
  116. package/esm2022/notification/lib/notification.service.mjs +3 -3
  117. package/esm2022/number-box/lib/number-box.component.mjs +3 -3
  118. package/esm2022/number-box/lib/number-box.module.mjs +4 -4
  119. package/esm2022/otp/lib/otp.component.mjs +5 -5
  120. package/esm2022/otp/lib/otp.module.mjs +4 -4
  121. package/esm2022/page/lib/base-page.class.mjs +3 -3
  122. package/esm2022/page/lib/page.component.mjs +3 -3
  123. package/esm2022/page/lib/page.module.mjs +4 -4
  124. package/esm2022/password-box/lib/password-box.component.mjs +3 -3
  125. package/esm2022/password-box/lib/password-box.module.mjs +4 -4
  126. package/esm2022/picker/lib/picker-column.directive.mjs +3 -3
  127. package/esm2022/picker/lib/picker.component.mjs +4 -4
  128. package/esm2022/picker/lib/picker.module.mjs +4 -4
  129. package/esm2022/popover/lib/popover.component.mjs +3 -3
  130. package/esm2022/popover/lib/popover.module.mjs +4 -4
  131. package/esm2022/popup/lib/popup.component.mjs +4 -4
  132. package/esm2022/popup/lib/popup.module.mjs +4 -4
  133. package/esm2022/popup/lib/popup.service.mjs +3 -3
  134. package/esm2022/progress-bar/lib/progress-bar.component.mjs +4 -4
  135. package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
  136. package/esm2022/radio/lib/radio.component.mjs +3 -3
  137. package/esm2022/radio/lib/radio.module.mjs +4 -4
  138. package/esm2022/range-slider/lib/range-slider.component.mjs +3 -3
  139. package/esm2022/range-slider/lib/range-slider.module.mjs +4 -4
  140. package/esm2022/result/lib/result.component.mjs +4 -4
  141. package/esm2022/result/lib/result.module.mjs +4 -4
  142. package/esm2022/routing-progress/lib/routing-progress.component.mjs +4 -4
  143. package/esm2022/routing-progress/lib/routing-progress.module.mjs +4 -4
  144. package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +3 -3
  145. package/esm2022/scheduler/lib/scheduler-week-view.component.mjs +3 -3
  146. package/esm2022/scheduler/lib/scheduler.component.mjs +4 -4
  147. package/esm2022/scheduler/lib/scheduler.module.mjs +4 -4
  148. package/esm2022/search-box/lib/search-box.component.mjs +3 -3
  149. package/esm2022/search-box/lib/search-box.module.mjs +4 -4
  150. package/esm2022/select-box/lib/select-box.component.mjs +3 -3
  151. package/esm2022/select-box/lib/select-box.module.mjs +4 -4
  152. package/esm2022/selection-list/lib/selection-list.component.mjs +5 -5
  153. package/esm2022/selection-list/lib/selection-list.module.mjs +4 -4
  154. package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +3 -3
  155. package/esm2022/side-menu/lib/side-menu.component.mjs +4 -4
  156. package/esm2022/side-menu/lib/side-menu.module.mjs +4 -4
  157. package/esm2022/skeleton/lib/skeleton.component.mjs +4 -4
  158. package/esm2022/skeleton/lib/skeleton.module.mjs +4 -4
  159. package/esm2022/switch/lib/switch-content.component.mjs +3 -3
  160. package/esm2022/switch/lib/switch.component.mjs +5 -5
  161. package/esm2022/switch/lib/switch.module.mjs +4 -4
  162. package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
  163. package/esm2022/tabs/lib/tab-item.component.mjs +3 -3
  164. package/esm2022/tabs/lib/tabs.component.mjs +7 -7
  165. package/esm2022/tabs/lib/tabs.module.mjs +4 -4
  166. package/esm2022/tag/lib/tag.component.mjs +4 -4
  167. package/esm2022/tag/lib/tag.module.mjs +4 -4
  168. package/esm2022/text-area/lib/text-area.component.mjs +3 -3
  169. package/esm2022/text-area/lib/text-area.module.mjs +4 -4
  170. package/esm2022/text-box/lib/mask-options.directive.mjs +3 -3
  171. package/esm2022/text-box/lib/text-box.component.mjs +3 -3
  172. package/esm2022/text-box/lib/text-box.module.mjs +4 -4
  173. package/esm2022/toast/lib/toast.component.mjs +4 -4
  174. package/esm2022/toast/lib/toast.module.mjs +4 -4
  175. package/esm2022/toast/lib/toast.service.mjs +3 -3
  176. package/esm2022/tooltip/lib/tooltip.component.mjs +4 -4
  177. package/esm2022/tooltip/lib/tooltip.directive.mjs +3 -3
  178. package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
  179. package/esm2022/uploader/lib/uploader-drop-zone.component.mjs +3 -3
  180. package/esm2022/uploader/lib/uploader-list.component.mjs +5 -5
  181. package/esm2022/uploader/lib/uploader-overlay.component.mjs +3 -3
  182. package/esm2022/uploader/lib/uploader-zone.directive.mjs +3 -3
  183. package/esm2022/uploader/lib/uploader.module.mjs +4 -4
  184. package/esm2022/uploader/lib/uploader.service.mjs +3 -3
  185. package/fesm2022/acorex-components-action-sheet.mjs +12 -12
  186. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  187. package/fesm2022/acorex-components-alert.mjs +8 -8
  188. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  189. package/fesm2022/acorex-components-avatar.mjs +11 -11
  190. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  191. package/fesm2022/acorex-components-badge.mjs +7 -7
  192. package/fesm2022/acorex-components-breadcrumbs.mjs +11 -11
  193. package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
  194. package/fesm2022/acorex-components-button-group.mjs +8 -8
  195. package/fesm2022/acorex-components-button-group.mjs.map +1 -1
  196. package/fesm2022/acorex-components-button.mjs +15 -15
  197. package/fesm2022/acorex-components-button.mjs.map +1 -1
  198. package/fesm2022/acorex-components-calendar.mjs +16 -16
  199. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  200. package/fesm2022/acorex-components-check-box.mjs +7 -7
  201. package/fesm2022/acorex-components-chips.mjs +7 -7
  202. package/fesm2022/acorex-components-circular-progress.mjs +7 -7
  203. package/fesm2022/acorex-components-collapse.mjs +10 -10
  204. package/fesm2022/acorex-components-color-box.mjs +7 -7
  205. package/fesm2022/acorex-components-color-palette.mjs +25 -25
  206. package/fesm2022/acorex-components-common.mjs +64 -64
  207. package/fesm2022/acorex-components-data-pager.mjs +31 -31
  208. package/fesm2022/acorex-components-data-table.mjs +26 -26
  209. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  210. package/fesm2022/acorex-components-datetime-box.mjs +7 -7
  211. package/fesm2022/acorex-components-datetime-input.mjs +7 -7
  212. package/fesm2022/acorex-components-datetime-picker.mjs +7 -7
  213. package/fesm2022/acorex-components-decorators.mjs +16 -16
  214. package/fesm2022/acorex-components-dialog.mjs +12 -12
  215. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  216. package/fesm2022/acorex-components-drawer.mjs +10 -10
  217. package/fesm2022/acorex-components-dropdown.mjs +13 -13
  218. package/fesm2022/acorex-components-form.mjs +17 -17
  219. package/fesm2022/acorex-components-form.mjs.map +1 -1
  220. package/fesm2022/acorex-components-image.mjs +7 -7
  221. package/fesm2022/acorex-components-label.mjs +8 -8
  222. package/fesm2022/acorex-components-label.mjs.map +1 -1
  223. package/fesm2022/acorex-components-list.mjs +9 -9
  224. package/fesm2022/acorex-components-list.mjs.map +1 -1
  225. package/fesm2022/acorex-components-loading.mjs +18 -18
  226. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  227. package/fesm2022/acorex-components-menu.mjs +12 -12
  228. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  229. package/fesm2022/acorex-components-navbar.mjs +7 -7
  230. package/fesm2022/acorex-components-notification.mjs +11 -11
  231. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  232. package/fesm2022/acorex-components-number-box.mjs +7 -7
  233. package/fesm2022/acorex-components-otp.mjs +9 -9
  234. package/fesm2022/acorex-components-page.mjs +10 -10
  235. package/fesm2022/acorex-components-password-box.mjs +7 -7
  236. package/fesm2022/acorex-components-picker.mjs +11 -11
  237. package/fesm2022/acorex-components-picker.mjs.map +1 -1
  238. package/fesm2022/acorex-components-popover.mjs +7 -7
  239. package/fesm2022/acorex-components-popup.mjs +11 -11
  240. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  241. package/fesm2022/acorex-components-progress-bar.mjs +8 -8
  242. package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
  243. package/fesm2022/acorex-components-radio.mjs +7 -7
  244. package/fesm2022/acorex-components-range-slider.mjs +7 -7
  245. package/fesm2022/acorex-components-result.mjs +8 -8
  246. package/fesm2022/acorex-components-result.mjs.map +1 -1
  247. package/fesm2022/acorex-components-routing-progress.mjs +8 -8
  248. package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
  249. package/fesm2022/acorex-components-scheduler.mjs +14 -14
  250. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  251. package/fesm2022/acorex-components-search-box.mjs +7 -7
  252. package/fesm2022/acorex-components-select-box.mjs +7 -7
  253. package/fesm2022/acorex-components-selection-list.mjs +9 -9
  254. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  255. package/fesm2022/acorex-components-side-menu.mjs +11 -11
  256. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  257. package/fesm2022/acorex-components-skeleton.mjs +8 -8
  258. package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
  259. package/fesm2022/acorex-components-switch.mjs +12 -12
  260. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  261. package/fesm2022/acorex-components-tabs.mjs +16 -16
  262. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  263. package/fesm2022/acorex-components-tag.mjs +8 -8
  264. package/fesm2022/acorex-components-tag.mjs.map +1 -1
  265. package/fesm2022/acorex-components-text-area.mjs +7 -7
  266. package/fesm2022/acorex-components-text-box.mjs +10 -10
  267. package/fesm2022/acorex-components-toast.mjs +11 -11
  268. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  269. package/fesm2022/acorex-components-tooltip.mjs +11 -11
  270. package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
  271. package/fesm2022/acorex-components-uploader.mjs +20 -20
  272. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  273. package/package.json +2 -2
@@ -46,10 +46,10 @@ export class AXImageComponent extends MXBaseComponent {
46
46
  `${this._isLoading ? 'ax-state-loading' : ''}`,
47
47
  ];
48
48
  }
49
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
50
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXImageComponent, selector: "ax-image", inputs: { overlayMode: "overlayMode", src: "src", alt: "alt", priority: "priority", lazy: "lazy" }, outputs: { onLoad: "onLoad", onError: "onError" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: 'ax-image', useValue: AXImageComponent }], usesInheritance: true, ngImport: i0, template: "<img\n *ngIf=\"src\"\n class=\"ax-state-hidden\"\n [class.ax-state-loaded]=\"_isLoaded\"\n [src]=\"src\"\n [alt]=\"alt\"\n [attr.fetchpriority]=\"priority\"\n [attr.loading]=\"lazy ? 'lazy' : 'eager'\"\n (load)=\"_handleLoadImage($event)\"\n (error)=\"_handleErrorImage($event)\"\n/>\n<ng-content select=\"ax-overlay\"></ng-content>\n<ng-container *ngIf=\"!src || _hasError\">\n <ng-content select=\"ax-placeholder, ng-content\"></ng-content>\n</ng-container>\n<ng-container *ngIf=\"_isLoading\">\n <ng-content select=\"ax-loading, ax-loading-spinner\"></ng-content>\n</ng-container>\n", styles: ["ax-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-image img{display:block;height:100%;width:100%}ax-image img.ax-state-hidden{display:none}ax-image img.ax-state-loaded{display:block!important}ax-image.ax-overlay-hover ax-overlay{display:none}ax-image.ax-overlay-hover:hover ax-overlay{display:flex}ax-image.ax-overlay-always ax-overlay{display:flex}ax-image ax-overlay{position:absolute;top:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#000000bf}ax-image ax-loading{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
49
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXImageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
50
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXImageComponent, selector: "ax-image", inputs: { overlayMode: "overlayMode", src: "src", alt: "alt", priority: "priority", lazy: "lazy" }, outputs: { onLoad: "onLoad", onError: "onError" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: 'ax-image', useValue: AXImageComponent }], usesInheritance: true, ngImport: i0, template: "<img\n *ngIf=\"src\"\n class=\"ax-state-hidden\"\n [class.ax-state-loaded]=\"_isLoaded\"\n [src]=\"src\"\n [alt]=\"alt\"\n [attr.fetchpriority]=\"priority\"\n [attr.loading]=\"lazy ? 'lazy' : 'eager'\"\n (load)=\"_handleLoadImage($event)\"\n (error)=\"_handleErrorImage($event)\"\n/>\n<ng-content select=\"ax-overlay\"></ng-content>\n<ng-container *ngIf=\"!src || _hasError\">\n <ng-content select=\"ax-placeholder, ng-content\"></ng-content>\n</ng-container>\n<ng-container *ngIf=\"_isLoading\">\n <ng-content select=\"ax-loading, ax-loading-spinner\"></ng-content>\n</ng-container>\n", styles: ["ax-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-image img{display:block;height:100%;width:100%}ax-image img.ax-state-hidden{display:none}ax-image img.ax-state-loaded{display:block!important}ax-image.ax-overlay-hover ax-overlay{display:none}ax-image.ax-overlay-hover:hover ax-overlay{display:flex}ax-image.ax-overlay-always ax-overlay{display:flex}ax-image ax-overlay{position:absolute;top:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#000000bf}ax-image ax-loading{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
51
51
  }
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXImageComponent, decorators: [{
52
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXImageComponent, decorators: [{
53
53
  type: Component,
54
54
  args: [{ selector: 'ax-image', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: 'ax-image', useValue: AXImageComponent }], template: "<img\n *ngIf=\"src\"\n class=\"ax-state-hidden\"\n [class.ax-state-loaded]=\"_isLoaded\"\n [src]=\"src\"\n [alt]=\"alt\"\n [attr.fetchpriority]=\"priority\"\n [attr.loading]=\"lazy ? 'lazy' : 'eager'\"\n (load)=\"_handleLoadImage($event)\"\n (error)=\"_handleErrorImage($event)\"\n/>\n<ng-content select=\"ax-overlay\"></ng-content>\n<ng-container *ngIf=\"!src || _hasError\">\n <ng-content select=\"ax-placeholder, ng-content\"></ng-content>\n</ng-container>\n<ng-container *ngIf=\"_isLoading\">\n <ng-content select=\"ax-loading, ax-loading-spinner\"></ng-content>\n</ng-container>\n", styles: ["ax-image{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-image img{display:block;height:100%;width:100%}ax-image img.ax-state-hidden{display:none}ax-image img.ax-state-loaded{display:block!important}ax-image.ax-overlay-hover ax-overlay{display:none}ax-image.ax-overlay-hover:hover ax-overlay{display:flex}ax-image.ax-overlay-always ax-overlay{display:flex}ax-image ax-overlay{position:absolute;top:0;display:flex;height:100%;width:100%;align-items:center;justify-content:center;background-color:#000000bf}ax-image ax-loading{display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}\n"] }]
55
55
  }], propDecorators: { overlayMode: [{
@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
3
3
  import { AXImageComponent } from './image.component';
4
4
  import * as i0 from "@angular/core";
5
5
  export class AXImageModule {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: AXImageModule, declarations: [AXImageComponent], imports: [CommonModule], exports: [AXImageComponent] }); }
8
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXImageModule, imports: [CommonModule] }); }
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXImageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXImageModule, declarations: [AXImageComponent], imports: [CommonModule], exports: [AXImageComponent] }); }
8
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXImageModule, imports: [CommonModule] }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXImageModule, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXImageModule, decorators: [{
11
11
  type: NgModule,
12
12
  args: [{
13
13
  declarations: [AXImageComponent],
@@ -27,12 +27,12 @@ export class AXLabelComponent extends MXBaseComponent {
27
27
  this._target = v;
28
28
  this.cdr.markForCheck();
29
29
  }
30
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
31
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXLabelComponent, selector: "ax-label", inputs: { required: "required" }, outputs: { requiredChange: "requiredChange" }, providers: [{ provide: MXBaseComponent, useExisting: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"target\">\n <ng-content></ng-content>\n <span class=\"ax-state-required\" *ngIf=\"required\">&nbsp;*</span>\n</label>", styles: ["ax-label label{margin-bottom:.5rem;display:block;cursor:inherit;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-label label .ax-state-required{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
30
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
31
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXLabelComponent, selector: "ax-label", inputs: { required: "required" }, outputs: { requiredChange: "requiredChange" }, providers: [{ provide: MXBaseComponent, useExisting: AXLabelComponent }], usesInheritance: true, ngImport: i0, template: "<label [attr.for]=\"target\">\n <ng-content></ng-content>\n <span class=\"ax-state-required\" *ngIf=\"required\">&nbsp;*</span>\n</label>", styles: ["ax-label label{margin-bottom:.5rem;display:block;cursor:inherit;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-label label .ax-state-required{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
32
32
  }
33
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLabelComponent, decorators: [{
33
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLabelComponent, decorators: [{
34
34
  type: Component,
35
- args: [{ selector: 'ax-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: MXBaseComponent, useExisting: AXLabelComponent }], template: "<label [attr.for]=\"target\">\n <ng-content></ng-content>\n <span class=\"ax-state-required\" *ngIf=\"required\">&nbsp;*</span>\n</label>", styles: ["ax-label label{margin-bottom:.5rem;display:block;cursor:inherit;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-label label .ax-state-required{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}\n"] }]
35
+ args: [{ selector: 'ax-label', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: MXBaseComponent, useExisting: AXLabelComponent }], template: "<label [attr.for]=\"target\">\n <ng-content></ng-content>\n <span class=\"ax-state-required\" *ngIf=\"required\">&nbsp;*</span>\n</label>", styles: ["ax-label label{margin-bottom:.5rem;display:block;cursor:inherit;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(var(--ax-color-text-default),var(--tw-text-opacity))}ax-label label .ax-state-required{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}\n"] }]
36
36
  }], propDecorators: { requiredChange: [{
37
37
  type: Output
38
38
  }], required: [{
@@ -5,11 +5,11 @@ import * as i0 from "@angular/core";
5
5
  const COMPONENT = [AXLabelComponent];
6
6
  const MODULES = [CommonModule];
7
7
  export class AXLabelModule {
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] }); }
10
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLabelModule, imports: [MODULES] }); }
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
9
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXLabelModule, declarations: [AXLabelComponent], imports: [CommonModule], exports: [AXLabelComponent] }); }
10
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLabelModule, imports: [MODULES] }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLabelModule, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLabelModule, decorators: [{
13
13
  type: NgModule,
14
14
  args: [{
15
15
  declarations: [...COMPONENT],
@@ -117,8 +117,8 @@ export class AXListComponent extends MXSelectionValueComponent {
117
117
  this.postponeFocus = true;
118
118
  }
119
119
  }
120
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
121
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXListComponent, selector: "ax-list", inputs: { id: "id", name: "name", disabled: "disabled", readonly: "readonly", valueField: "valueField", textField: "textField", disabledField: "disabledField", multiple: "multiple", selectionMode: "selectionMode", dataSource: "dataSource", itemHeight: "itemHeight", itemTemplate: "itemTemplate", emptyTemplate: "emptyTemplate", loadingTemplate: "loadingTemplate", checkbox: "checkbox" }, outputs: { onValueChanged: "onValueChanged", disabledChange: "disabledChange", readOnlyChange: "readOnlyChange", onBlur: "onBlur", onFocus: "onFocus", onScrolledIndexChanged: "onScrolledIndexChanged" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
120
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
121
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXListComponent, selector: "ax-list", inputs: { id: "id", name: "name", disabled: "disabled", readonly: "readonly", valueField: "valueField", textField: "textField", disabledField: "disabledField", multiple: "multiple", selectionMode: "selectionMode", dataSource: "dataSource", itemHeight: "itemHeight", itemTemplate: "itemTemplate", emptyTemplate: "emptyTemplate", loadingTemplate: "loadingTemplate", checkbox: "checkbox" }, outputs: { onValueChanged: "onValueChanged", disabledChange: "disabledChange", readOnlyChange: "readOnlyChange", onBlur: "onBlur", onFocus: "onFocus", onScrolledIndexChanged: "onScrolledIndexChanged" }, host: { listeners: { "keydown": "_handleKeydown($event)" }, properties: { "class": "this.__hostClass" } }, providers: [
122
122
  { provide: AXComponent, useExisting: AXListComponent },
123
123
  { provide: AXFocusableComponent, useExisting: AXListComponent },
124
124
  { provide: AXValuableComponent, useExisting: AXListComponent },
@@ -134,9 +134,9 @@ export class AXListComponent extends MXSelectionValueComponent {
134
134
  },
135
135
  deps: [[new Optional(), new SkipSelf(), AX_SELECTION_DATA_TOKEN]]
136
136
  }
137
- ], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"list-container\" cdkVirtualScrollingElement>\n <ng-content select=\"ax-header\"></ng-content>\n <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n <ul>\n <!-- Item Template -->\n <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx\">\n <ng-container *ngIf=\"item;else loadingTpl\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\" class=\"list-item\"\n [class.ax-state-disabled]=\"isItemDisabled(item)\" [attr.tabindex]=\"i\"\n (click)=\"_handleOnItemClick($event, item)\" [attr.data-id]=\"getValue(item)\">\n <!-- Custom Item Template -->\n <ng-container *ngIf=\"itemTemplate;else defaultItemTpl\">\n <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: { data:item } }\">\n </ng-container>\n </ng-container>\n <!-- Default Item Template -->\n <ng-template #defaultItemTpl>\n <ng-container *ngIf=\"item;else loadingTpl\">\n <div class=\"ax-label-container\">\n <input class=\"ax-checkbox\" *ngIf=\"multiple && checkbox\" type=\"checkbox\"\n [checked]=\"isItemSelected(item)\" [disabled]=\"isItemDisabled(item)\"\n tabindex=\"0\" />\n <span\n [class.ax-checkbox-label]=\"multiple && checkbox\">{{getDisplayText(item)}}</span>\n </div>\n <i class=\"ax-icon ax-icon-done ax-selected-icon\" *ngIf=\"isItemSelected(item) \"></i>\n </ng-container>\n </ng-template>\n </li>\n </ng-container>\n </ng-container>\n </ul>\n </cdk-virtual-scroll-viewport>\n <ng-content select=\"ax-footer\"></ng-content>\n</div>\n<!-- Loading Template -->\n<ng-template #loadingTpl>\n <!-- Custom Loading Template -->\n <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n </ng-container>\n </ng-container>\n <!-- Default Loading Template -->\n <ng-template #defaultLoadingTpl>\n <li>{{'layout.loading.text' | trans}}</li>\n </ng-template>\n</ng-template>\n<!-- Empty Template -->\n<ng-container *ngIf=\"emptyTemplate && hasItems===false && isLoading===false\">\n <div class=\"empty-container\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </div>\n</ng-container>", styles: ["ax-list{display:block;height:100%;width:100%;font-size:.875rem;line-height:1.25rem}ax-list .list-container{display:flex;height:100%;flex-direction:column}ax-list .empty-container{display:flex;height:var(--ax-size-default);width:100%;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li{position:relative;display:flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:.875rem;line-height:1.25rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-within,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:2px;outline-offset:-4px;outline-color:rgba(var(--ax-color-primary),1)}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;align-items:center}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:.5rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-selected-icon{font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-list.ax-default .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: i2.CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
137
+ ], viewQueries: [{ propertyName: "viewport", first: true, predicate: CdkVirtualScrollViewport, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"list-container\" cdkVirtualScrollingElement>\n <ng-content select=\"ax-header\"></ng-content>\n <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n <ul>\n <!-- Item Template -->\n <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx\">\n <ng-container *ngIf=\"item;else loadingTpl\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\" class=\"list-item\"\n [class.ax-state-disabled]=\"isItemDisabled(item)\" [attr.tabindex]=\"i\"\n (click)=\"_handleOnItemClick($event, item)\" [attr.data-id]=\"getValue(item)\">\n <!-- Custom Item Template -->\n <ng-container *ngIf=\"itemTemplate;else defaultItemTpl\">\n <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: { data:item } }\">\n </ng-container>\n </ng-container>\n <!-- Default Item Template -->\n <ng-template #defaultItemTpl>\n <ng-container *ngIf=\"item;else loadingTpl\">\n <div class=\"ax-label-container\">\n <input class=\"ax-checkbox\" *ngIf=\"multiple && checkbox\" type=\"checkbox\"\n [checked]=\"isItemSelected(item)\" [disabled]=\"isItemDisabled(item)\"\n tabindex=\"0\" />\n <span\n [class.ax-checkbox-label]=\"multiple && checkbox\">{{getDisplayText(item)}}</span>\n </div>\n <i class=\"ax-icon ax-icon-done ax-selected-icon\" *ngIf=\"isItemSelected(item) \"></i>\n </ng-container>\n </ng-template>\n </li>\n </ng-container>\n </ng-container>\n </ul>\n </cdk-virtual-scroll-viewport>\n <ng-content select=\"ax-footer\"></ng-content>\n</div>\n<!-- Loading Template -->\n<ng-template #loadingTpl>\n <!-- Custom Loading Template -->\n <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n </ng-container>\n </ng-container>\n <!-- Default Loading Template -->\n <ng-template #defaultLoadingTpl>\n <li>{{'layout.loading.text' | trans}}</li>\n </ng-template>\n</ng-template>\n<!-- Empty Template -->\n<ng-container *ngIf=\"emptyTemplate && hasItems===false && isLoading===false\">\n <div class=\"empty-container\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </div>\n</ng-container>", styles: ["ax-list{display:block;height:100%;width:100%;font-size:.875rem;line-height:1.25rem}ax-list .list-container{display:flex;height:100%;flex-direction:column}ax-list .empty-container{display:flex;height:var(--ax-size-default);width:100%;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li{position:relative;display:flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:.875rem;line-height:1.25rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-within,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:2px;outline-offset:-4px;outline-color:rgba(var(--ax-color-primary-500),1)}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;align-items:center}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:.5rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-selected-icon{font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-list.ax-default .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: i2.CdkVirtualScrollableElement, selector: "[cdkVirtualScrollingElement]" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "trans" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
138
138
  }
139
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXListComponent, decorators: [{
139
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXListComponent, decorators: [{
140
140
  type: Component,
141
141
  args: [{ selector: 'ax-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, inputs: [
142
142
  'id',
@@ -164,7 +164,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
164
164
  },
165
165
  deps: [[new Optional(), new SkipSelf(), AX_SELECTION_DATA_TOKEN]]
166
166
  }
167
- ], template: "<div class=\"list-container\" cdkVirtualScrollingElement>\n <ng-content select=\"ax-header\"></ng-content>\n <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n <ul>\n <!-- Item Template -->\n <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx\">\n <ng-container *ngIf=\"item;else loadingTpl\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\" class=\"list-item\"\n [class.ax-state-disabled]=\"isItemDisabled(item)\" [attr.tabindex]=\"i\"\n (click)=\"_handleOnItemClick($event, item)\" [attr.data-id]=\"getValue(item)\">\n <!-- Custom Item Template -->\n <ng-container *ngIf=\"itemTemplate;else defaultItemTpl\">\n <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: { data:item } }\">\n </ng-container>\n </ng-container>\n <!-- Default Item Template -->\n <ng-template #defaultItemTpl>\n <ng-container *ngIf=\"item;else loadingTpl\">\n <div class=\"ax-label-container\">\n <input class=\"ax-checkbox\" *ngIf=\"multiple && checkbox\" type=\"checkbox\"\n [checked]=\"isItemSelected(item)\" [disabled]=\"isItemDisabled(item)\"\n tabindex=\"0\" />\n <span\n [class.ax-checkbox-label]=\"multiple && checkbox\">{{getDisplayText(item)}}</span>\n </div>\n <i class=\"ax-icon ax-icon-done ax-selected-icon\" *ngIf=\"isItemSelected(item) \"></i>\n </ng-container>\n </ng-template>\n </li>\n </ng-container>\n </ng-container>\n </ul>\n </cdk-virtual-scroll-viewport>\n <ng-content select=\"ax-footer\"></ng-content>\n</div>\n<!-- Loading Template -->\n<ng-template #loadingTpl>\n <!-- Custom Loading Template -->\n <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n </ng-container>\n </ng-container>\n <!-- Default Loading Template -->\n <ng-template #defaultLoadingTpl>\n <li>{{'layout.loading.text' | trans}}</li>\n </ng-template>\n</ng-template>\n<!-- Empty Template -->\n<ng-container *ngIf=\"emptyTemplate && hasItems===false && isLoading===false\">\n <div class=\"empty-container\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </div>\n</ng-container>", styles: ["ax-list{display:block;height:100%;width:100%;font-size:.875rem;line-height:1.25rem}ax-list .list-container{display:flex;height:100%;flex-direction:column}ax-list .empty-container{display:flex;height:var(--ax-size-default);width:100%;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li{position:relative;display:flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:.875rem;line-height:1.25rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-within,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:2px;outline-offset:-4px;outline-color:rgba(var(--ax-color-primary),1)}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;align-items:center}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:.5rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-selected-icon{font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-list.ax-default .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"] }]
167
+ ], template: "<div class=\"list-container\" cdkVirtualScrollingElement>\n <ng-content select=\"ax-header\"></ng-content>\n <cdk-virtual-scroll-viewport [itemSize]=\"itemHeight\" [style.--item-height]=\"itemHeight+'px'\"\n (scrolledIndexChange)=\"_handleOnscrolledIndexChange($event)\">\n <ul>\n <!-- Item Template -->\n <ng-container *cdkVirtualFor=\"let item of listDataSource;let i = index; trackBy: trackByIdx\">\n <ng-container *ngIf=\"item;else loadingTpl\">\n <li [class.ax-state-selected]=\"isItemSelected(item)\" class=\"list-item\"\n [class.ax-state-disabled]=\"isItemDisabled(item)\" [attr.tabindex]=\"i\"\n (click)=\"_handleOnItemClick($event, item)\" [attr.data-id]=\"getValue(item)\">\n <!-- Custom Item Template -->\n <ng-container *ngIf=\"itemTemplate;else defaultItemTpl\">\n <ng-container *ngTemplateOutlet=\"itemTemplate;context: { $implicit: { data:item } }\">\n </ng-container>\n </ng-container>\n <!-- Default Item Template -->\n <ng-template #defaultItemTpl>\n <ng-container *ngIf=\"item;else loadingTpl\">\n <div class=\"ax-label-container\">\n <input class=\"ax-checkbox\" *ngIf=\"multiple && checkbox\" type=\"checkbox\"\n [checked]=\"isItemSelected(item)\" [disabled]=\"isItemDisabled(item)\"\n tabindex=\"0\" />\n <span\n [class.ax-checkbox-label]=\"multiple && checkbox\">{{getDisplayText(item)}}</span>\n </div>\n <i class=\"ax-icon ax-icon-done ax-selected-icon\" *ngIf=\"isItemSelected(item) \"></i>\n </ng-container>\n </ng-template>\n </li>\n </ng-container>\n </ng-container>\n </ul>\n </cdk-virtual-scroll-viewport>\n <ng-content select=\"ax-footer\"></ng-content>\n</div>\n<!-- Loading Template -->\n<ng-template #loadingTpl>\n <!-- Custom Loading Template -->\n <ng-container *ngIf=\"loadingTemplate;else defaultLoadingTpl\">\n <ng-container *ngTemplateOutlet=\"loadingTemplate\">\n </ng-container>\n </ng-container>\n <!-- Default Loading Template -->\n <ng-template #defaultLoadingTpl>\n <li>{{'layout.loading.text' | trans}}</li>\n </ng-template>\n</ng-template>\n<!-- Empty Template -->\n<ng-container *ngIf=\"emptyTemplate && hasItems===false && isLoading===false\">\n <div class=\"empty-container\">\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </div>\n</ng-container>", styles: ["ax-list{display:block;height:100%;width:100%;font-size:.875rem;line-height:1.25rem}ax-list .list-container{display:flex;height:100%;flex-direction:column}ax-list .empty-container{display:flex;height:var(--ax-size-default);width:100%;align-items:center;justify-content:center;padding-left:.75rem;padding-right:.75rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li{position:relative;display:flex;height:var(--ax-size-default);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-inline-end:1rem;padding-inline-start:.75rem;font-size:.875rem;line-height:1.25rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-within,ax-list.ax-default .cdk-virtual-scroll-viewport ul li:focus-visible{outline-width:2px;outline-offset:-4px;outline-color:rgba(var(--ax-color-primary-500),1)}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-label-container{display:flex;align-items:center}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-checkbox-label{margin-inline-start:.5rem}ax-list.ax-default .cdk-virtual-scroll-viewport ul li .ax-selected-icon{font-size:1.5rem;line-height:2rem;--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-list.ax-default .cdk-virtual-scroll-viewport ul li.ax-state-disabled{cursor:not-allowed;opacity:.5}\n"] }]
168
168
  }], propDecorators: { dataSource: [{
169
169
  type: Input
170
170
  }], itemHeight: [{
@@ -7,11 +7,11 @@ import * as i0 from "@angular/core";
7
7
  const COMPONENT = [AXListComponent];
8
8
  const MODULES = [CommonModule, ScrollingModule, AXTranslationModule];
9
9
  export class AXListModule {
10
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: AXListModule, declarations: [AXListComponent], imports: [CommonModule, ScrollingModule, AXTranslationModule], exports: [AXListComponent] }); }
12
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXListModule, imports: [MODULES] }); }
10
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
11
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXListModule, declarations: [AXListComponent], imports: [CommonModule, ScrollingModule, AXTranslationModule], exports: [AXListComponent] }); }
12
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXListModule, imports: [MODULES] }); }
13
13
  }
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXListModule, decorators: [{
14
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXListModule, decorators: [{
15
15
  type: NgModule,
16
16
  args: [{
17
17
  declarations: [...COMPONENT],
@@ -8,8 +8,8 @@ export class AXLoadingSpinnerComponent extends MXColorComponent {
8
8
  this.size = 16;
9
9
  this.stroke = 3;
10
10
  }
11
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingSpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
12
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXLoadingSpinnerComponent, selector: "ax-loading-spinner", inputs: { color: "color", size: "size", stroke: "stroke" }, usesInheritance: true, ngImport: i0, template: `
11
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingSpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
12
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXLoadingSpinnerComponent, selector: "ax-loading-spinner", inputs: { color: "color", size: "size", stroke: "stroke" }, usesInheritance: true, ngImport: i0, template: `
13
13
  <span
14
14
  class="ax-loader ax-{{ color }}"
15
15
  [style.width.px]="size"
@@ -17,9 +17,9 @@ export class AXLoadingSpinnerComponent extends MXColorComponent {
17
17
  [style.border-width.px]="stroke"
18
18
  ></span>
19
19
  <span *ngIf="text"> {{ text }} </span>
20
- `, isInline: true, styles: ["ax-loading-spinner .ax-loader{box-sizing:border-box;display:inline-block;height:3rem;width:3rem;border-radius:9999px;border-width:6px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-ghost-fore),var(--tw-border-opacity));border-bottom-color:transparent;animation:rotation .5s linear infinite}ax-loading-spinner .ax-loader.ax-primary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-primary){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-secondary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-secondary){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-success{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-success){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-warning{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-warning){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-danger{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-danger){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-info{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-info){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
20
+ `, isInline: true, styles: ["ax-loading-spinner .ax-loader{box-sizing:border-box;display:inline-block;height:3rem;width:3rem;border-radius:9999px;border-width:6px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-ghost-fore),var(--tw-border-opacity));border-bottom-color:transparent;animation:rotation .5s linear infinite}ax-loading-spinner .ax-loader.ax-primary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-primary){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-secondary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-secondary){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-success{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-success){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-warning{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-warning){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-danger{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-danger){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-info{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-info){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
21
21
  }
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingSpinnerComponent, decorators: [{
22
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingSpinnerComponent, decorators: [{
23
23
  type: Component,
24
24
  args: [{ selector: 'ax-loading-spinner', inputs: ['color'], template: `
25
25
  <span
@@ -29,7 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
29
29
  [style.border-width.px]="stroke"
30
30
  ></span>
31
31
  <span *ngIf="text"> {{ text }} </span>
32
- `, encapsulation: ViewEncapsulation.None, styles: ["ax-loading-spinner .ax-loader{box-sizing:border-box;display:inline-block;height:3rem;width:3rem;border-radius:9999px;border-width:6px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-ghost-fore),var(--tw-border-opacity));border-bottom-color:transparent;animation:rotation .5s linear infinite}ax-loading-spinner .ax-loader.ax-primary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-primary){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-primary),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-secondary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-secondary){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-secondary),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-success{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-success){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-success),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-warning{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-warning){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-warning),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-danger{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-danger){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-danger),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-info{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-info){--tw-border-opacity: 1;border-color:color-mix(in srgb,rgba(var(--ax-color-info),var(--tw-border-opacity)) 30%,white);border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
32
+ `, encapsulation: ViewEncapsulation.None, styles: ["ax-loading-spinner .ax-loader{box-sizing:border-box;display:inline-block;height:3rem;width:3rem;border-radius:9999px;border-width:6px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--ax-color-ghost-fore),var(--tw-border-opacity));border-bottom-color:transparent;animation:rotation .5s linear infinite}ax-loading-spinner .ax-loader.ax-primary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-primary){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-primary-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-secondary{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-secondary){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-secondary-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-success{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-success){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-success-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-warning{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-warning){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-warning-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-danger{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-danger){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-danger-200),var(--tw-border-opacity));border-bottom-color:transparent}ax-loading-spinner .ax-loader.ax-info{--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-500),var(--tw-border-opacity));border-bottom-color:transparent}:is(.ax-dark ax-loading-spinner .ax-loader.ax-info){--tw-border-opacity: 1;border-color:rgba(var(--ax-color-info-200),var(--tw-border-opacity));border-bottom-color:transparent}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
33
33
  }], propDecorators: { size: [{
34
34
  type: Input
35
35
  }], stroke: [{
@@ -32,12 +32,12 @@ export class AXLoadingComponent extends MXBaseComponent {
32
32
  Object.assign(ref.instance, this.context);
33
33
  }
34
34
  }
35
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
36
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXLoadingComponent, selector: "ax-loading", inputs: { visible: "visible", type: "type", context: "context" }, outputs: { visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: `
35
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
36
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXLoadingComponent, selector: "ax-loading", inputs: { visible: "visible", type: "type", context: "context" }, outputs: { visibleChange: "visibleChange" }, usesInheritance: true, ngImport: i0, template: `
37
37
  <ng-template [cdkPortalOutlet]="_selectedPortal" (attached)="_handleAttched($event)"></ng-template>
38
38
  `, isInline: true, styles: ["ax-loading{position:relative}ax-loading:before,ax-loading:after{position:absolute;inset-inline-start:50%;top:50%;height:100%;width:100%;--tw-translate-x: -50%;--tw-translate-y: -50%;--tw-scale-x: 0;--tw-scale-y: 0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;--tw-content: \"\";content:var(--tw-content)}@keyframes ax-pulse{50%{transform:scale3d(1.05,1.05,1.05)}}ax-loading:before,ax-loading:after{animation:1s ease-in-out both ax-pulse;background-color:transparent;animation-iteration-count:infinite;animation-duration:2s}ax-loading ax-loading-spinner{display:flex;gap:.75rem}.ax-loading-overlay-backdrop{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity));opacity:.8!important}.ax-loading-pane{height:100%!important;width:100%!important;bottom:0;inset-inline-end:0px;inset-inline-start:0px;top:0}.ax-loading-pane .cdk-dialog-container{display:flex!important;align-items:center;justify-content:center}.ax-loading-pane .cdk-dialog-container:focus,.ax-loading-pane .cdk-dialog-container:focus-visible,.ax-loading-pane .cdk-dialog-container:focus-within{outline:2px solid transparent;outline-offset:2px}\n"], dependencies: [{ kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
39
39
  }
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingComponent, decorators: [{
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingComponent, decorators: [{
41
41
  type: Component,
42
42
  args: [{ selector: 'ax-loading', template: `
43
43
  <ng-template [cdkPortalOutlet]="_selectedPortal" (attached)="_handleAttched($event)"></ng-template>
@@ -22,10 +22,10 @@ export class AXLoadingDirective {
22
22
  this.loadingService = loadingService;
23
23
  this._hostElement = this.elementRef.nativeElement;
24
24
  }
25
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i1.AXLoadingService }], target: i0.ɵɵFactoryTarget.Directive }); }
26
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.2", type: AXLoadingDirective, selector: "[axIsLoading]", inputs: { isLoading: ["axIsLoading", "isLoading"] }, ngImport: i0 }); }
25
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingDirective, deps: [{ token: i0.ElementRef }, { token: i1.AXLoadingService }], target: i0.ɵɵFactoryTarget.Directive }); }
26
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.3", type: AXLoadingDirective, selector: "[axIsLoading]", inputs: { isLoading: ["axIsLoading", "isLoading"] }, ngImport: i0 }); }
27
27
  }
28
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingDirective, decorators: [{
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingDirective, decorators: [{
29
29
  type: Directive,
30
30
  args: [{
31
31
  selector: '[axIsLoading]',
@@ -16,17 +16,17 @@ const COMPONENT = [
16
16
  ];
17
17
  const MODULES = [CommonModule, OverlayModule, DialogModule, PortalModule];
18
18
  export class AXLoadingModule {
19
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
20
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingComponent,
19
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
20
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingModule, declarations: [AXLoadingComponent,
21
21
  AXLoadingDirective,
22
22
  AXLoadingSpinnerComponent,
23
23
  AXLoadingSpinnerComponent], imports: [CommonModule, OverlayModule, DialogModule, PortalModule], exports: [AXLoadingComponent,
24
24
  AXLoadingDirective,
25
25
  AXLoadingSpinnerComponent,
26
26
  AXLoadingSpinnerComponent] }); }
27
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingModule, providers: [AXLoadingService], imports: [MODULES] }); }
27
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingModule, providers: [AXLoadingService], imports: [MODULES] }); }
28
28
  }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingModule, decorators: [{
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingModule, decorators: [{
30
30
  type: NgModule,
31
31
  args: [{
32
32
  declarations: [...COMPONENT],
@@ -114,10 +114,10 @@ export class AXLoadingService {
114
114
  getLoaderId(loaderId) {
115
115
  return loaderId ?? DEFAULT_LOADER_ID;
116
116
  }
117
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
118
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingService }); }
117
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
118
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingService }); }
119
119
  }
120
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXLoadingService, decorators: [{
120
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXLoadingService, decorators: [{
121
121
  type: Injectable
122
122
  }] });
123
123
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2xvYWRpbmcvc3JjL2xpYi9sb2FkaW5nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzdDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQWMsY0FBYyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0scUJBQXFCLENBQUM7O0FBSXpELE1BQU0saUJBQWlCLEdBQWEsVUFBVSxDQUFDO0FBRy9DLE1BQU0sT0FBTyxnQkFBZ0I7SUFEN0I7UUFFRSxrREFBa0Q7UUFDbEQsMENBQTBDO1FBQ2hDLGtCQUFhLEdBQUcsSUFBSSxPQUFPLEVBQTBDLENBQUM7UUFDaEYscURBQXFEO1FBQ3JELG1EQUFtRDtRQUN6QyxtQkFBYyxHQUFHLElBQUksT0FBTyxFQUEyRCxDQUFDO1FBRTFGLFdBQU0sR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUM7S0FzSGpDO0lBcEhDLElBQUksQ0FBQyxNQUFpRTtRQUNwRSxNQUFNLEVBQUUsR0FBRyxDQUFDLE1BQU0sRUFBRSxRQUFRLElBQUksUUFBUSxDQUFDLElBQUksQ0FBbUIsQ0FBQztRQUNqRSxNQUFNLFNBQVMsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRTtZQUNyRCxXQUFXLEVBQUUsSUFBSTtZQUNqQixZQUFZLEVBQUUsSUFBSTtZQUNsQixZQUFZLEVBQUUsSUFBSTtZQUNsQixjQUFjLEVBQUUsSUFBSTtZQUNwQixpQkFBaUIsRUFBRSxJQUFJO1lBQ3ZCLFNBQVMsRUFBRSxJQUFJO1lBQ2YsSUFBSSxFQUFFLGFBQWE7WUFDbkIsVUFBVSxFQUFFLENBQUMsaUJBQWlCLEVBQUUsbUJBQW1CLENBQUM7WUFDcEQsYUFBYSxFQUFFLENBQUMsNkJBQTZCLEVBQUUsbUJBQW1CLENBQUM7U0FDcEUsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztRQUNoQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUMzQyxTQUFTLENBQUMsaUJBQWlCLENBQUMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvQyxJQUFJLEVBQUUsSUFBSSxRQUFRLENBQUMsSUFBSSxFQUFFO1lBQ3ZCLE1BQU0sRUFBRSxHQUFHLFNBQVMsQ0FBQyxVQUFVLENBQUMsZUFBZSxDQUFDO1lBQ2hELE1BQU0sRUFBRSxHQUFHLFNBQVMsQ0FBQyxVQUFVLENBQUMsY0FBYyxDQUFDO1lBQy9DLEVBQUUsQ0FBQyxLQUFLLENBQUMsUUFBUSxHQUFHLFVBQVUsQ0FBQztZQUMvQixFQUFFLENBQUMsS0FBSyxDQUFDLFFBQVEsR0FBRyxVQUFVLENBQUM7WUFDL0IsRUFBRSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUNuQixFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDO1lBQ25CLFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsRUFBRSxDQUFDLEtBQUssQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO1lBQ2pDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUNQO1FBQ0QsT0FBTyxFQUFFLENBQUM7UUFDViw4RUFBOEU7SUFDaEYsQ0FBQztJQUVELElBQUksQ0FBQyxFQUFVO1FBQ2IsTUFBTSxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDO1FBQ3hGLElBQUksQ0FBQyxFQUFFO1lBQ0wsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQ1g7SUFDSCxDQUFDO0lBRUQsU0FBUyxDQUFJLE9BQXNCLEVBQUUsT0FBdUIsRUFBRSxRQUFtQjtRQUMvRSxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNyQyxPQUFPLE9BQU8sQ0FBQyxJQUFJLENBQ2pCLFNBQVMsQ0FBQyxjQUFjLENBQUMsRUFDekIsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQ25ELENBQUM7SUFDSixDQUFDO0lBRUQsU0FBUyxDQUFDLE9BQXVCLEVBQUUsUUFBbUI7UUFDcEQsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFFckQsSUFBSSxDQUFDLFlBQVksRUFBRTtZQUNqQixPQUFPLEtBQUssQ0FBQztTQUNkO2FBQU07WUFDTCxJQUFJLFFBQVEsS0FBSyxTQUFTLEVBQUU7Z0JBQzFCLE9BQU8sWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksS0FBSyxDQUFDO2FBQzlEO2lCQUFNO2dCQUNMLE9BQU8sQ0FBQyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQzthQUN2RTtTQUNGO0lBQ0gsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUF1QixFQUFFLFFBQXlCO1FBQzNELE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVyRCxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxpQkFBaUIsQ0FBQyxFQUFFO1lBQ3RELElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLENBQUMsQ0FBQztTQUNoRDtRQUVELE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDakUsQ0FBQztJQUVELFlBQVksQ0FBQyxPQUF1QixFQUFFLFFBQW1CO1FBQ3ZELElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVELFVBQVUsQ0FBQyxPQUF1QixFQUFFLFFBQW1CO1FBQ3JELElBQUksQ0FBQyxlQUFlLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsV0FBVyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7SUFDbkUsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksT0FBTyxFQUEwQyxDQUFDO1FBQzNFLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxPQUFPLEVBQTJELENBQUM7SUFDL0YsQ0FBQztJQUVTLGVBQWUsQ0FBQyxPQUF1QixFQUFFLEtBQWMsRUFBRSxRQUFrQjtRQUNuRixJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLE9BQU8sRUFBRSxRQUFRLENBQUMsRUFBRTtZQUM3QyxJQUFJLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxPQUFPLENBQUMsRUFBRTtnQkFDeEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQztnQkFDckQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQyxDQUFDO2FBQ3JGO2lCQUFNO2dCQUNMLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLE9BQU8sRUFBRSxJQUFJLEdBQUcsQ0FBb0IsQ0FBQyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDakYsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQ3JCLE9BQU8sRUFDUCxJQUFJLEdBQUcsQ0FBcUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDL0YsQ0FBQzthQUNIO1NBQ0Y7YUFBTTtZQUNMLElBQUksQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUM7WUFDckQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUM1RDtJQUNILENBQUM7SUFFUyxnQkFBZ0IsQ0FBQyxPQUF1QixFQUFFLFFBQWtCO1FBQ3BFLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUM7SUFDL0YsQ0FBQztJQUVTLHNCQUFzQixDQUFDLE9BQXVCO1FBQ3RELE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDN0UsQ0FBQztJQUVTLHFCQUFxQixDQUFDLE9BQXVCLEVBQUUsUUFBa0I7UUFDekUsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3pHLENBQUM7SUFFUyxXQUFXLENBQUMsUUFBbUI7UUFDdkMsT0FBTyxRQUFRLElBQUksaUJBQWlCLENBQUM7SUFDdkMsQ0FBQzs4R0E3SFUsZ0JBQWdCO2tIQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBRDVCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2cgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IEluamVjdGFibGUsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBPYnNlcnZhYmxlLCBhc3luY1NjaGVkdWxlciB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgZmluYWxpemUsIG9ic2VydmVPbiB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbmltcG9ydCB7IEFYTG9hZGluZ0NvbXBvbmVudCB9IGZyb20gJy4vbG9hZGluZy5jb21wb25lbnQnO1xuXG50eXBlIExvYWRpbmdDb250ZXh0ID0gb2JqZWN0O1xudHlwZSBMb2FkZXJJZCA9IHN0cmluZyB8IG51bWJlcjsgLy8gZXhwZWN0ZWQgZW51bSB2YWx1ZXNcbmNvbnN0IERFRkFVTFRfTE9BREVSX0lEOiBMb2FkZXJJZCA9ICdfREVGQVVMVCc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBBWExvYWRpbmdTZXJ2aWNlIHtcbiAgLy8gV2Vha01hcCB3aWxsIHJlbW92ZSBjb21wb25lbnRzIGZyb20gaXRzZWxmIHVwb25cbiAgLy8gdGhlaXIgZ2FyYmFnZSBjb2xsZWN0aW9uIGJ5IEpTIHJ1bnRpbWUuXG4gIHByb3RlY3RlZCBsb2FkaW5nU3RhdGVzID0gbmV3IFdlYWtNYXA8TG9hZGluZ0NvbnRleHQsIE1hcDxMb2FkZXJJZCwgYm9vbGVhbj4+KCk7XG4gIC8vIEJvdGggbG9hZGluZyBzdGF0ZSBtYXBzIGFyZSBrZXB0IGluLXN5bmMgc3VjaCB0aGF0XG4gIC8vIHRoZXkgY2FuIGJlIHVzZWQgYnkgYm90aCBzeW5jIGFuZCBhc3luYyBtZXRob2RzLlxuICBwcm90ZWN0ZWQgbG9hZGluZ1N0YXRlcyQgPSBuZXcgV2Vha01hcDxMb2FkaW5nQ29udGV4dCwgTWFwPExvYWRlcklkLCBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4+PigpO1xuXG4gIHByaXZhdGUgZGlhbG9nID0gaW5qZWN0KERpYWxvZyk7XG5cbiAgc2hvdyhjb25maWc/OiB7IGxvY2F0aW9uPzogRWxlbWVudDsgdHlwZT86IHN0cmluZzsgY29udGV4dD86IHVua25vd24gfSk6IG51bWJlciB7XG4gICAgY29uc3QgY2UgPSAoY29uZmlnPy5sb2NhdGlvbiA/PyBkb2N1bWVudC5ib2R5KSBhcyBIVE1MRGl2RWxlbWVudDtcbiAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuKEFYTG9hZGluZ0NvbXBvbmVudCwge1xuICAgICAgaGFzQmFja2Ryb3A6IHRydWUsXG4gICAgICBkaXNhYmxlQ2xvc2U6IHRydWUsXG4gICAgICByZXN0b3JlRm9jdXM6IHRydWUsXG4gICAgICBjbG9zZU9uRGVzdHJveTogdHJ1ZSxcbiAgICAgIGNsb3NlT25OYXZpZ2F0aW9uOiB0cnVlLFxuICAgICAgYXJpYU1vZGFsOiB0cnVlLFxuICAgICAgcm9sZTogJ2FsZXJ0ZGlhbG9nJyxcbiAgICAgIHBhbmVsQ2xhc3M6IFsnYXgtbG9hZGluZy1wYW5lJywgJ2F4LWFuaW1hdGUtZmFkZUluJ10sXG4gICAgICBiYWNrZHJvcENsYXNzOiBbJ2F4LWxvYWRpbmctb3ZlcmxheS1iYWNrZHJvcCcsICdheC1hbmltYXRlLWZhZGVJbiddLFxuICAgIH0pO1xuICAgIGNvbnN0IGlkID0gbmV3IERhdGUoKS5nZXRUaW1lKCk7XG4gICAgZGlhbG9nUmVmLmNvbXBvbmVudEluc3RhbmNlLnZpc2libGUgPSB0cnVlO1xuICAgIGRpYWxvZ1JlZi5jb21wb25lbnRJbnN0YW5jZS5pZCA9IGlkLnRvU3RyaW5nKCk7XG4gICAgaWYgKGNlICE9IGRvY3VtZW50LmJvZHkpIHtcbiAgICAgIGNvbnN0IGJnID0gZGlhbG9nUmVmLm92ZXJsYXlSZWYuYmFja2Ryb3BFbGVtZW50O1xuICAgICAgY29uc3Qgb3YgPSBkaWFsb2dSZWYub3ZlcmxheVJlZi5vdmVybGF5RWxlbWVudDtcbiAgICAgIGNlLnN0eWxlLnBvc2l0aW9uID0gJ3JlbGF0aXZlJztcbiAgICAgIG92LnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICAgIGNlLmFwcGVuZENoaWxkKGJnKTtcbiAgICAgIGNlLmFwcGVuZENoaWxkKG92KTtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBvdi5zdHlsZS5wb3NpdGlvbiA9ICdhYnNvbHV0ZSc7XG4gICAgICB9LCAwKTtcbiAgICB9XG4gICAgcmV0dXJuIGlkO1xuICAgIC8vIFRPRE86IGRpYWJsZWQgZm9jdXMgYW5kIGNsaWNrLCBtYXliZSB3ZSBuZWVkIGEgc2VydmljZSBhbmQgZGlyZWN0aXZlIGZvciBpdFxuICB9XG5cbiAgaGlkZShpZDogbnVtYmVyKTogdm9pZCB7XG4gICAgY29uc3QgZiA9IHRoaXMuZGlhbG9nLm9wZW5EaWFsb2dzLmZpbmQoKGMpID0+IGMuY29tcG9uZW50SW5zdGFuY2UuaWQgPT09IGlkLnRvU3RyaW5nKCkpO1xuICAgIGlmIChmKSB7XG4gICAgICBmLmNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgZG9Mb2FkaW5nPFY+KHNvdXJjZSQ6IE9ic2VydmFibGU8Vj4sIGNvbnRleHQ6IExvYWRpbmdDb250ZXh0LCBsb2FkZXJJZD86IExvYWRlcklkKTogT2JzZXJ2YWJsZTxWPiB7XG4gICAgdGhpcy5zdGFydExvYWRpbmcoY29udGV4dCwgbG9hZGVySWQpO1xuICAgIHJldHVybiBzb3VyY2UkLnBpcGUoXG4gICAgICBvYnNlcnZlT24oYXN5bmNTY2hlZHVsZXIpLFxuICAgICAgZmluYWxpemUoKCkgPT4gdGhpcy5lbmRMb2FkaW5nKGNvbnRleHQsIGxvYWRlcklkKSksXG4gICAgKTtcbiAgfVxuXG4gIGlzTG9hZGluZyhjb250ZXh0OiBMb2FkaW5nQ29udGV4dCwgbG9hZGVySWQ/OiBMb2FkZXJJZCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IGxvYWRlclN0YXRlcyA9IHRoaXMubG9hZGluZ1N0YXRlcy5nZXQoY29udGV4dCk7XG5cbiAgICBpZiAoIWxvYWRlclN0YXRlcykge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH0gZWxzZSB7XG4gICAgICBpZiAobG9hZGVySWQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICByZXR1cm4gbG9hZGVyU3RhdGVzLmdldCh0aGlzLmdldExvYWRlcklkKGxvYWRlcklkKSkgPz8gZmFsc2U7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4gWy4uLmxvYWRlclN0YXRlcy52YWx1ZXMoKV0uZmlsdGVyKChzdGF0ZSkgPT4gc3RhdGUpLmxlbmd0aCA+IDA7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgaXNMb2FkaW5nJChjb250ZXh0OiBMb2FkaW5nQ29udGV4dCwgbG9hZGVySWQ/OiBMb2FkZXJJZCB8IGFueSk6IE9ic2VydmFibGU8Ym9vbGVhbj4ge1xuICAgIGNvbnN0IGNvYWxlc2NlZExvYWRlcklkID0gdGhpcy5nZXRMb2FkZXJJZChsb2FkZXJJZCk7XG5cbiAgICBpZiAoIXRoaXMuaGFzTG9hZGluZ1N0YXRlcyhjb250ZXh0LCBjb2FsZXNjZWRMb2FkZXJJZCkpIHtcbiAgICAgIHRoaXMuc2V0TG9hZGluZ1N0YXRlKGNvbnRleHQsIGZhbHNlLCBsb2FkZXJJZCk7XG4gICAgfVxuXG4gICAgcmV0dXJuIHRoaXMubG9hZGluZ1N0YXRlcyQuZ2V0KGNvbnRleHQpLmdldChjb2FsZXNjZWRMb2FkZXJJZCk7XG4gIH1cblxuICBzdGFydExvYWRpbmcoY29udGV4dDogTG9hZGluZ0NvbnRleHQsIGxvYWRlcklkPzogTG9hZGVySWQpOiB2b2lkIHtcbiAgICB0aGlzLnNldExvYWRpbmdTdGF0ZShjb250ZXh0LCB0cnVlLCB0aGlzLmdldExvYWRlcklkKGxvYWRlcklkKSk7XG4gIH1cblxuICBlbmRMb2FkaW5nKGNvbnRleHQ6IExvYWRpbmdDb250ZXh0LCBsb2FkZXJJZD86IExvYWRlcklkKTogdm9pZCB7XG4gICAgdGhpcy5zZXRMb2FkaW5nU3RhdGUoY29udGV4dCwgZmFsc2UsIHRoaXMuZ2V0TG9hZGVySWQobG9hZGVySWQpKTtcbiAgfVxuXG4gIGNsZWFyTG9hZGluZ3MoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkaW5nU3RhdGVzID0gbmV3IFdlYWtNYXA8TG9hZGluZ0NvbnRleHQsIE1hcDxMb2FkZXJJZCwgYm9vbGVhbj4+KCk7XG4gICAgdGhpcy5sb2FkaW5nU3RhdGVzJCA9IG5ldyBXZWFrTWFwPExvYWRpbmdDb250ZXh0LCBNYXA8TG9hZGVySWQsIEJlaGF2aW9yU3ViamVjdDxib29sZWFuPj4+KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgc2V0TG9hZGluZ1N0YXRlKGNvbnRleHQ6IExvYWRpbmdDb250ZXh0LCBzdGF0ZTogYm9vbGVhbiwgbG9hZGVySWQ6IExvYWRlcklkKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmhhc0xvYWRpbmdTdGF0ZXMoY29udGV4dCwgbG9hZGVySWQpKSB7XG4gICAgICBpZiAodGhpcy5oYXNDb250ZXh0TG9hZGluZ1N0YXRlKGNvbnRleHQpKSB7XG4gICAgICAgIHRoaXMubG9hZGluZ1N0YXRlcy5nZXQoY29udGV4dCkuc2V0KGxvYWRlcklkLCBzdGF0ZSk7XG4gICAgICAgIHRoaXMubG9hZGluZ1N0YXRlcyQuZ2V0KGNvbnRleHQpLnNldChsb2FkZXJJZCwgbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihzdGF0ZSkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5sb2FkaW5nU3RhdGVzLnNldChjb250ZXh0LCBuZXcgTWFwPExvYWRlcklkLCBib29sZWFuPihbW2xvYWRlcklkLCBzdGF0ZV1dKSk7XG4gICAgICAgIHRoaXMubG9hZGluZ1N0YXRlcyQuc2V0KFxuICAgICAgICAgIGNvbnRleHQsXG4gICAgICAgICAgbmV3IE1hcDxMb2FkZXJJZCwgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+PihbW2xvYWRlcklkLCBuZXcgQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+KHN0YXRlKV1dKSxcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5sb2FkaW5nU3RhdGVzLmdldChjb250ZXh0KS5zZXQobG9hZGVySWQsIHN0YXRlKTtcbiAgICAgIHRoaXMubG9hZGluZ1N0YXRlcyQuZ2V0KGNvbnRleHQpLmdldChsb2FkZXJJZCkubmV4dChzdGF0ZSk7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIGhhc0xvYWRpbmdTdGF0ZXMoY29udGV4dDogTG9hZGluZ0NvbnRleHQsIGxvYWRlcklkOiBMb2FkZXJJZCkge1xuICAgIHJldHVybiB0aGlzLmhhc0NvbnRleHRMb2FkaW5nU3RhdGUoY29udGV4dCkgJiYgdGhpcy5oYXNMb2FkZXJMb2FkaW5nU3RhdGUoY29udGV4dCwgbG9hZGVySWQpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhc0NvbnRleHRMb2FkaW5nU3RhdGUoY29udGV4dDogTG9hZGluZ0NvbnRleHQpIHtcbiAgICByZXR1cm4gdGhpcy5sb2FkaW5nU3RhdGVzLmhhcyhjb250ZXh0KSAmJiB0aGlzLmxvYWRpbmdTdGF0ZXMkLmhhcyhjb250ZXh0KTtcbiAgfVxuXG4gIHByb3RlY3RlZCBoYXNMb2FkZXJMb2FkaW5nU3RhdGUoY29udGV4dDogTG9hZGluZ0NvbnRleHQsIGxvYWRlcklkOiBMb2FkZXJJZCkge1xuICAgIHJldHVybiB0aGlzLmxvYWRpbmdTdGF0ZXMuZ2V0KGNvbnRleHQpLmhhcyhsb2FkZXJJZCkgJiYgdGhpcy5sb2FkaW5nU3RhdGVzJC5nZXQoY29udGV4dCkuaGFzKGxvYWRlcklkKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBnZXRMb2FkZXJJZChsb2FkZXJJZD86IExvYWRlcklkKTogTG9hZGVySWQge1xuICAgIHJldHVybiBsb2FkZXJJZCA/PyBERUZBVUxUX0xPQURFUl9JRDtcbiAgfVxufVxuIl19
@@ -111,10 +111,10 @@ export class AXMenuItemComponent extends MXInteractiveComponent {
111
111
  });
112
112
  }
113
113
  }
114
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
115
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: { disabled: "disabled", text: "text", active: "active" }, outputs: { activeChange: "activeChange", onClick: "onClick" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "children", predicate: AXMenuItemComponent }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-menu-item-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n<i class=\"ax-icon {{ getIcon() }} ax-menu-item-child-icon\" *ngIf=\"children.length\"></i>\n\n<ax-popover\n [closeOn]=\"'clickOut'\"\n [openOn]=\"rootMenu.openOn\"\n [target]=\"getHostElement()\"\n [offsetY]=\"offsetY\"\n [offsetX]=\"offsetX\"\n [placement]=\"getPlacement()\"\n (onOpened)=\"_handleOnOpened()\"\n (onClosed)=\"_handleOnClosed()\"\n>\n <div class=\"ax-menu-item-children ax-parent-{{ this.rootMenu.orientation }}\">\n <ng-content select=\"ax-menu-item\"></ng-content>\n </div>\n</ax-popover>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
114
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
115
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXMenuItemComponent, selector: "ax-menu-item", inputs: { disabled: "disabled", text: "text", active: "active" }, outputs: { activeChange: "activeChange", onClick: "onClick" }, host: { listeners: { "click": "__hostClick($event)" }, properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "children", predicate: AXMenuItemComponent }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-menu-item-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n<i class=\"ax-icon {{ getIcon() }} ax-menu-item-child-icon\" *ngIf=\"children.length\"></i>\n\n<ax-popover\n [closeOn]=\"'clickOut'\"\n [openOn]=\"rootMenu.openOn\"\n [target]=\"getHostElement()\"\n [offsetY]=\"offsetY\"\n [offsetX]=\"offsetX\"\n [placement]=\"getPlacement()\"\n (onOpened)=\"_handleOnOpened()\"\n (onClosed)=\"_handleOnClosed()\"\n>\n <div class=\"ax-menu-item-children ax-parent-{{ this.rootMenu.orientation }}\">\n <ng-content select=\"ax-menu-item\"></ng-content>\n </div>\n</ax-popover>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["offsetX", "offsetY", "target", "placement", "content", "openOn", "closeOn", "hasBackdrop", "openAfter", "closeAfter", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }] }); }
116
116
  }
117
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuItemComponent, decorators: [{
117
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuItemComponent, decorators: [{
118
118
  type: Component,
119
119
  args: [{ selector: 'ax-menu-item', inputs: ['disabled'], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<div class=\"ax-menu-item-text\">{{ text }}</div>\n<ng-content select=\"ax-suffix\"></ng-content>\n<i class=\"ax-icon {{ getIcon() }} ax-menu-item-child-icon\" *ngIf=\"children.length\"></i>\n\n<ax-popover\n [closeOn]=\"'clickOut'\"\n [openOn]=\"rootMenu.openOn\"\n [target]=\"getHostElement()\"\n [offsetY]=\"offsetY\"\n [offsetX]=\"offsetX\"\n [placement]=\"getPlacement()\"\n (onOpened)=\"_handleOnOpened()\"\n (onClosed)=\"_handleOnClosed()\"\n>\n <div class=\"ax-menu-item-children ax-parent-{{ this.rootMenu.orientation }}\">\n <ng-content select=\"ax-menu-item\"></ng-content>\n </div>\n</ax-popover>\n" }]
120
120
  }], propDecorators: { popover: [{
@@ -18,22 +18,22 @@ export class AXMenuComponent extends MXBaseComponent {
18
18
  get __hostClass() {
19
19
  return `ax-orientation-${this.orientation}`;
20
20
  }
21
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
22
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXMenuComponent, selector: "ax-menu", inputs: { orientation: "orientation", openOn: "openOn" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
21
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
22
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXMenuComponent, selector: "ax-menu", inputs: { orientation: "orientation", openOn: "openOn" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
23
23
  {
24
24
  provide: AXRootMenu,
25
25
  useExisting: AXMenuComponent,
26
26
  },
27
- ], queries: [{ propertyName: "children", predicate: AXMenuItemComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-menu-item,ng-container"></ng-content>`, isInline: true, styles: ["ax-menu{width:100%;font-size:.875rem;line-height:1.25rem;color:inherit}ax-menu.ax-orientation-horizontal{display:flex}ax-menu.ax-orientation-horizontal ax-menu-item:not(ax-menu.ax-orientation-horizontal ax-menu-item:last-child){margin-inline-end:1.75rem}ax-menu.ax-orientation-vertical{display:flex;flex-direction:column}ax-menu.ax-orientation-vertical ax-menu-item{justify-content:space-between}ax-menu.ax-orientation-vertical ax-menu-item:not(ax-menu.ax-orientation-vertical ax-menu-item:last-child){margin-bottom:1.75rem}ax-menu.ax-orientation-vertical ax-menu-item ax-popover{position:absolute}ax-menu ax-menu-item:hover:not(ax-menu ax-menu-item:hover.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-menu-item{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-menu-item:not(ax-menu-item.ax-state-disabled){cursor:pointer}ax-menu-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-menu-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-menu-item .ax-menu-item-child-icon{font-size:1.125rem;line-height:1.75rem;line-height:1}.ax-menu-item-children{padding-top:.5rem;padding-bottom:.5rem}.ax-menu-item-children:not(.ax-menu-item-children:empty){display:flex;min-width:12rem;flex-direction:column;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-suffix{opacity:1}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-suffix{opacity:.75}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix{margin-inline-end:.75rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item .ax-menu-item-text{flex:1 1 0%}html[dir=rtl] ax-menu.ax-orientation-horizontal .ax-menu-item-child-icon{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1)}.ax-parent-horizontal .ax-menu-item-child-icon{transform:rotate(-90deg)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
27
+ ], queries: [{ propertyName: "children", predicate: AXMenuItemComponent }], usesInheritance: true, ngImport: i0, template: `<ng-content select="ax-menu-item,ng-container"></ng-content>`, isInline: true, styles: ["ax-menu{width:100%;font-size:.875rem;line-height:1.25rem;color:inherit}ax-menu.ax-orientation-horizontal{display:flex}ax-menu.ax-orientation-horizontal ax-menu-item:not(ax-menu.ax-orientation-horizontal ax-menu-item:last-child){margin-inline-end:1.75rem}ax-menu.ax-orientation-vertical{display:flex;flex-direction:column}ax-menu.ax-orientation-vertical ax-menu-item{justify-content:space-between}ax-menu.ax-orientation-vertical ax-menu-item:not(ax-menu.ax-orientation-vertical ax-menu-item:last-child){margin-bottom:1.75rem}ax-menu.ax-orientation-vertical ax-menu-item ax-popover{position:absolute}ax-menu ax-menu-item:hover:not(ax-menu ax-menu-item:hover.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-menu-item{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-menu-item:not(ax-menu-item.ax-state-disabled){cursor:pointer}ax-menu-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-menu-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-menu-item .ax-menu-item-child-icon{font-size:1.125rem;line-height:1.75rem;line-height:1}.ax-menu-item-children{padding-top:.5rem;padding-bottom:.5rem}.ax-menu-item-children:not(.ax-menu-item-children:empty){display:flex;min-width:12rem;flex-direction:column;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-suffix{opacity:1}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-suffix{opacity:.75}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix{margin-inline-end:.75rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item .ax-menu-item-text{flex:1 1 0%}html[dir=rtl] ax-menu.ax-orientation-horizontal .ax-menu-item-child-icon{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1)}.ax-parent-horizontal .ax-menu-item-child-icon{transform:rotate(-90deg)}\n"], encapsulation: i0.ViewEncapsulation.None }); }
28
28
  }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuComponent, decorators: [{
29
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuComponent, decorators: [{
30
30
  type: Component,
31
31
  args: [{ selector: 'ax-menu', template: `<ng-content select="ax-menu-item,ng-container"></ng-content>`, encapsulation: ViewEncapsulation.None, providers: [
32
32
  {
33
33
  provide: AXRootMenu,
34
34
  useExisting: AXMenuComponent,
35
35
  },
36
- ], styles: ["ax-menu{width:100%;font-size:.875rem;line-height:1.25rem;color:inherit}ax-menu.ax-orientation-horizontal{display:flex}ax-menu.ax-orientation-horizontal ax-menu-item:not(ax-menu.ax-orientation-horizontal ax-menu-item:last-child){margin-inline-end:1.75rem}ax-menu.ax-orientation-vertical{display:flex;flex-direction:column}ax-menu.ax-orientation-vertical ax-menu-item{justify-content:space-between}ax-menu.ax-orientation-vertical ax-menu-item:not(ax-menu.ax-orientation-vertical ax-menu-item:last-child){margin-bottom:1.75rem}ax-menu.ax-orientation-vertical ax-menu-item ax-popover{position:absolute}ax-menu ax-menu-item:hover:not(ax-menu ax-menu-item:hover.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-menu-item{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-menu-item:not(ax-menu-item.ax-state-disabled){cursor:pointer}ax-menu-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-menu-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-menu-item .ax-menu-item-child-icon{font-size:1.125rem;line-height:1.75rem;line-height:1}.ax-menu-item-children{padding-top:.5rem;padding-bottom:.5rem}.ax-menu-item-children:not(.ax-menu-item-children:empty){display:flex;min-width:12rem;flex-direction:column;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-suffix{opacity:1}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-suffix{opacity:.75}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix{margin-inline-end:.75rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item .ax-menu-item-text{flex:1 1 0%}html[dir=rtl] ax-menu.ax-orientation-horizontal .ax-menu-item-child-icon{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1)}.ax-parent-horizontal .ax-menu-item-child-icon{transform:rotate(-90deg)}\n"] }]
36
+ ], styles: ["ax-menu{width:100%;font-size:.875rem;line-height:1.25rem;color:inherit}ax-menu.ax-orientation-horizontal{display:flex}ax-menu.ax-orientation-horizontal ax-menu-item:not(ax-menu.ax-orientation-horizontal ax-menu-item:last-child){margin-inline-end:1.75rem}ax-menu.ax-orientation-vertical{display:flex;flex-direction:column}ax-menu.ax-orientation-vertical ax-menu-item{justify-content:space-between}ax-menu.ax-orientation-vertical ax-menu-item:not(ax-menu.ax-orientation-vertical ax-menu-item:last-child){margin-bottom:1.75rem}ax-menu.ax-orientation-vertical ax-menu-item ax-popover{position:absolute}ax-menu ax-menu-item:hover:not(ax-menu ax-menu-item:hover.ax-state-disabled){--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-menu-item{position:relative;display:flex;align-items:center;gap:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-menu-item:not(ax-menu-item.ax-state-disabled){cursor:pointer}ax-menu-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-menu-item.ax-state-selected{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-menu-item .ax-menu-item-child-icon{font-size:1.125rem;line-height:1.75rem;line-height:1}.ax-menu-item-children{padding-top:.5rem;padding-bottom:.5rem}.ax-menu-item-children:not(.ax-menu-item-children:empty){display:flex;min-width:12rem;flex-direction:column;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled){--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover:not(.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item:hover.ax-state-disabled) ax-suffix{opacity:1}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix,.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-suffix{opacity:.75}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item ax-prefix{margin-inline-end:.75rem}.ax-menu-item-children:not(.ax-menu-item-children:empty) ax-menu-item .ax-menu-item-text{flex:1 1 0%}html[dir=rtl] ax-menu.ax-orientation-horizontal .ax-menu-item-child-icon{transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1)}.ax-parent-horizontal .ax-menu-item-child-icon{transform:rotate(-90deg)}\n"] }]
37
37
  }], propDecorators: { orientation: [{
38
38
  type: Input
39
39
  }], openOn: [{
@@ -11,11 +11,11 @@ import * as i0 from "@angular/core";
11
11
  const COMPONENT = [AXMenuItemComponent, AXMenuComponent];
12
12
  const MODULES = [AXDecoratorModule, AXLoadingModule, AXTranslationModule, OverlayModule, AXPopoverModule];
13
13
  export class AXMenuModule {
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
15
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: AXMenuModule, declarations: [AXMenuItemComponent, AXMenuComponent], imports: [CommonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, OverlayModule, AXPopoverModule], exports: [AXMenuItemComponent, AXMenuComponent] }); }
16
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuModule, imports: [CommonModule, MODULES] }); }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
15
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXMenuModule, declarations: [AXMenuItemComponent, AXMenuComponent], imports: [CommonModule, AXDecoratorModule, AXLoadingModule, AXTranslationModule, OverlayModule, AXPopoverModule], exports: [AXMenuItemComponent, AXMenuComponent] }); }
16
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuModule, imports: [CommonModule, MODULES] }); }
17
17
  }
18
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXMenuModule, decorators: [{
18
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXMenuModule, decorators: [{
19
19
  type: NgModule,
20
20
  args: [{
21
21
  declarations: [...COMPONENT],
@@ -5,10 +5,10 @@ export class AXNavbarComponent extends MXLookComponent {
5
5
  get __hostClass() {
6
6
  return `ax-alert ax-none ax-look-${this.look}`;
7
7
  }
8
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNavbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXNavbarComponent, selector: "ax-navbar", inputs: { look: "look" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-navbar-start-side\">\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n</div>\n<ng-content></ng-content>\n<div class=\"ax-navbar-end-side\">\n <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: ["ax-navbar{display:flex;min-height:3.5rem;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem}ax-navbar.ax-look-solid{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-navbar.ax-look-flat{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-navbar.ax-look-fill{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-navbar .ax-navbar-start-side{margin-inline-end:2rem;display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.5rem}ax-navbar .ax-navbar-start-side ax-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;line-height:1}ax-navbar .ax-navbar-end-side ax-suffix{display:flex;gap:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
8
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNavbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
9
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXNavbarComponent, selector: "ax-navbar", inputs: { look: "look" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-navbar-start-side\">\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n</div>\n<ng-content></ng-content>\n<div class=\"ax-navbar-end-side\">\n <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: ["ax-navbar{display:flex;min-height:3.5rem;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem}ax-navbar.ax-look-solid{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-navbar.ax-look-flat{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-navbar.ax-look-fill{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-navbar .ax-navbar-start-side{margin-inline-end:2rem;display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.5rem}ax-navbar .ax-navbar-start-side ax-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;line-height:1}ax-navbar .ax-navbar-end-side ax-suffix{display:flex;gap:.5rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
10
10
  }
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNavbarComponent, decorators: [{
11
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNavbarComponent, decorators: [{
12
12
  type: Component,
13
13
  args: [{ selector: 'ax-navbar', inputs: ['look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-navbar-start-side\">\n <ng-content select=\"ax-prefix\"></ng-content>\n <ng-content select=\"ax-title\"></ng-content>\n</div>\n<ng-content></ng-content>\n<div class=\"ax-navbar-end-side\">\n <ng-content select=\"ax-suffix\"></ng-content>\n</div>\n", styles: ["ax-navbar{display:flex;min-height:3.5rem;width:100%;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem}ax-navbar.ax-look-solid{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity))}ax-navbar.ax-look-flat{border-bottom-width:1px;border-color:rgba(var(--ax-color-border-default))}ax-navbar.ax-look-fill{--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-on-surface),var(--tw-bg-opacity))}ax-navbar .ax-navbar-start-side{margin-inline-end:2rem;display:flex;align-items:center;gap:.5rem;font-size:1rem;line-height:1.5rem}ax-navbar .ax-navbar-start-side ax-title{font-size:1.125rem;line-height:1.75rem;font-weight:700;line-height:1}ax-navbar .ax-navbar-end-side ax-suffix{display:flex;gap:.5rem}\n"] }]
14
14
  }], propDecorators: { __hostClass: [{
@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
3
3
  import { AXNavbarComponent } from './navbar.component';
4
4
  import * as i0 from "@angular/core";
5
5
  export class AXNavbarModule {
6
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: AXNavbarModule, declarations: [AXNavbarComponent], imports: [CommonModule], exports: [AXNavbarComponent] }); }
8
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNavbarModule, imports: [CommonModule] }); }
6
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
7
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.3", ngImport: i0, type: AXNavbarModule, declarations: [AXNavbarComponent], imports: [CommonModule], exports: [AXNavbarComponent] }); }
8
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNavbarModule, imports: [CommonModule] }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNavbarModule, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNavbarModule, decorators: [{
11
11
  type: NgModule,
12
12
  args: [{
13
13
  declarations: [AXNavbarComponent],
@@ -84,12 +84,12 @@ export class AXNotificationComponent extends MXBaseComponent {
84
84
  htmlElement: this.getHostElement(),
85
85
  });
86
86
  }
87
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNotificationComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
88
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: AXNotificationComponent, selector: "ax-notification", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXNotificationComponent }], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-notification-icon {{_icon}}\"></span>\n<div class=\"ax-notification-content\">\n <div class=\"ax-notification-title\">{{ config.title }}</div>\n <ng-template *ngIf=\"_selectedPortal\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\n </ng-template>\n <div *ngIf=\"!_selectedPortal\">{{ config.content }}</div>\n <div class=\"ax-notification-buttons\" *ngIf=\"config.buttons?.length\">\n <ng-container *ngFor=\"let button of config.buttons\">\n <ax-button class=\"ax-xs\" [text]=\"button.text\" [color]=\"button.color\" [look]=\"button.look\"\n [disabled]=\"button.disabled\" (onClick)=\"_handleButtonClick(button)\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n\n </div>\n</div>\n<ax-close-button *ngIf=\"config.closeButton\"></ax-close-button>\n<div class=\"ax-notification-progress\" [style.animation-duration.ms]=\"config.timeOut\"\n *ngIf=\"config.timeOutProgress && config.timeOut\"></div>", styles: ["ax-notification{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:1rem;font-size:.875rem;line-height:1.25rem;--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)}@media (min-width: 768px){ax-notification{width:24rem}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem;line-height:1.75rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex:1 1 0%;flex-direction:column;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--ax-color-on-surface-fore),var(--tw-text-opacity))}ax-notification .ax-notification-content .ax-notification-title{margin-bottom:.25rem;font-weight:500}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{height:-moz-fit-content;height:fit-content;cursor:pointer}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-notification.ax-primary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-notification.ax-secondary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-notification.ax-success .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-notification.ax-warning .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-notification.ax-danger .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-notification.ax-info .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i6.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
87
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNotificationComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
88
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.3", type: AXNotificationComponent, selector: "ax-notification", host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXNotificationComponent }], usesInheritance: true, ngImport: i0, template: "<span class=\"ax-notification-icon {{_icon}}\"></span>\n<div class=\"ax-notification-content\">\n <div class=\"ax-notification-title\">{{ config.title }}</div>\n <ng-template *ngIf=\"_selectedPortal\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\n </ng-template>\n <div *ngIf=\"!_selectedPortal\">{{ config.content }}</div>\n <div class=\"ax-notification-buttons\" *ngIf=\"config.buttons?.length\">\n <ng-container *ngFor=\"let button of config.buttons\">\n <ax-button class=\"ax-xs\" [text]=\"button.text\" [color]=\"button.color\" [look]=\"button.look\"\n [disabled]=\"button.disabled\" (onClick)=\"_handleButtonClick(button)\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n\n </div>\n</div>\n<ax-close-button *ngIf=\"config.closeButton\"></ax-close-button>\n<div class=\"ax-notification-progress\" [style.animation-duration.ms]=\"config.timeOut\"\n *ngIf=\"config.timeOutProgress && config.timeOut\"></div>", styles: ["ax-notification{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:1rem;font-size:.875rem;line-height:1.25rem;--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)}@media (min-width: 768px){ax-notification{width:24rem}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem;line-height:1.75rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex:1 1 0%;flex-direction:column;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--ax-color-on-surface-fore),var(--tw-text-opacity))}ax-notification .ax-notification-content .ax-notification-title{margin-bottom:.25rem;font-weight:500}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{height:-moz-fit-content;height:fit-content;cursor:pointer}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-notification.ax-primary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-notification.ax-secondary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-notification.ax-success .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-notification.ax-warning .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-notification.ax-danger .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-notification.ax-info .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i4.AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "type"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange"] }, { kind: "component", type: i5.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "component", type: i6.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
89
89
  }
90
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: AXNotificationComponent, decorators: [{
90
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.3", ngImport: i0, type: AXNotificationComponent, decorators: [{
91
91
  type: Component,
92
- args: [{ selector: 'ax-notification', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXNotificationComponent }], template: "<span class=\"ax-notification-icon {{_icon}}\"></span>\n<div class=\"ax-notification-content\">\n <div class=\"ax-notification-title\">{{ config.title }}</div>\n <ng-template *ngIf=\"_selectedPortal\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\n </ng-template>\n <div *ngIf=\"!_selectedPortal\">{{ config.content }}</div>\n <div class=\"ax-notification-buttons\" *ngIf=\"config.buttons?.length\">\n <ng-container *ngFor=\"let button of config.buttons\">\n <ax-button class=\"ax-xs\" [text]=\"button.text\" [color]=\"button.color\" [look]=\"button.look\"\n [disabled]=\"button.disabled\" (onClick)=\"_handleButtonClick(button)\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n\n </div>\n</div>\n<ax-close-button *ngIf=\"config.closeButton\"></ax-close-button>\n<div class=\"ax-notification-progress\" [style.animation-duration.ms]=\"config.timeOut\"\n *ngIf=\"config.timeOutProgress && config.timeOut\"></div>", styles: ["ax-notification{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:1rem;font-size:.875rem;line-height:1.25rem;--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)}@media (min-width: 768px){ax-notification{width:24rem}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem;line-height:1.75rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex:1 1 0%;flex-direction:column;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--ax-color-on-surface-fore),var(--tw-text-opacity))}ax-notification .ax-notification-content .ax-notification-title{margin-bottom:.25rem;font-weight:500}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{height:-moz-fit-content;height:fit-content;cursor:pointer}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-notification.ax-primary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary),var(--tw-text-opacity))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary),var(--tw-bg-opacity))}ax-notification.ax-secondary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary),var(--tw-text-opacity))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary),var(--tw-bg-opacity))}ax-notification.ax-success .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success),var(--tw-text-opacity))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success),var(--tw-bg-opacity))}ax-notification.ax-warning .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning),var(--tw-text-opacity))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning),var(--tw-bg-opacity))}ax-notification.ax-danger .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger),var(--tw-text-opacity))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger),var(--tw-bg-opacity))}ax-notification.ax-info .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info),var(--tw-text-opacity))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info),var(--tw-bg-opacity))}\n"] }]
92
+ args: [{ selector: 'ax-notification', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXNotificationComponent }], template: "<span class=\"ax-notification-icon {{_icon}}\"></span>\n<div class=\"ax-notification-content\">\n <div class=\"ax-notification-title\">{{ config.title }}</div>\n <ng-template *ngIf=\"_selectedPortal\">\n <ng-template [cdkPortalOutlet]=\"_selectedPortal\"></ng-template>\n </ng-template>\n <div *ngIf=\"!_selectedPortal\">{{ config.content }}</div>\n <div class=\"ax-notification-buttons\" *ngIf=\"config.buttons?.length\">\n <ng-container *ngFor=\"let button of config.buttons\">\n <ax-button class=\"ax-xs\" [text]=\"button.text\" [color]=\"button.color\" [look]=\"button.look\"\n [disabled]=\"button.disabled\" (onClick)=\"_handleButtonClick(button)\">\n <ax-loading *ngIf=\"button.loading\"></ax-loading>\n </ax-button>\n </ng-container>\n\n </div>\n</div>\n<ax-close-button *ngIf=\"config.closeButton\"></ax-close-button>\n<div class=\"ax-notification-progress\" [style.animation-duration.ms]=\"config.timeOut\"\n *ngIf=\"config.timeOutProgress && config.timeOut\"></div>", styles: ["ax-notification{position:relative;display:flex;width:98vw;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-surface),var(--tw-bg-opacity));padding:1rem;font-size:.875rem;line-height:1.25rem;--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)}@media (min-width: 768px){ax-notification{width:24rem}}ax-notification .ax-notification-icon,ax-notification .ax-icon-close{font-size:1.25rem;line-height:1.75rem}ax-notification .ax-notification-icon{padding-inline-end:.75rem}ax-notification .ax-notification-content{display:flex;flex:1 1 0%;flex-direction:column;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--ax-color-on-surface-fore),var(--tw-text-opacity))}ax-notification .ax-notification-content .ax-notification-title{margin-bottom:.25rem;font-weight:500}ax-notification .ax-notification-content .ax-notification-buttons{margin-top:.75rem;display:flex;gap:.75rem}ax-notification .ax-icon-close{height:-moz-fit-content;height:fit-content;cursor:pointer}ax-notification .ax-icon-close:hover{opacity:.6}ax-notification .ax-notification-progress{position:absolute;bottom:0;inset-inline-end:0px;inset-inline-start:0px;height:.25rem;width:100%;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar;background-color:rgba(var(--ax-color-border-default))}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-notification.ax-primary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity))}ax-notification.ax-primary .ax-notification-progress{background-color:rgba(var(--ax-color-primary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-primary-500),var(--tw-bg-opacity))}ax-notification.ax-secondary .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity))}ax-notification.ax-secondary .ax-notification-progress{background-color:rgba(var(--ax-color-secondary-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-secondary-500),var(--tw-bg-opacity))}ax-notification.ax-success .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity))}ax-notification.ax-success .ax-notification-progress{background-color:rgba(var(--ax-color-success-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-success-500),var(--tw-bg-opacity))}ax-notification.ax-warning .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity))}ax-notification.ax-warning .ax-notification-progress{background-color:rgba(var(--ax-color-warning-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-warning-500),var(--tw-bg-opacity))}ax-notification.ax-danger .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity))}ax-notification.ax-danger .ax-notification-progress{background-color:rgba(var(--ax-color-danger-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-danger-500),var(--tw-bg-opacity))}ax-notification.ax-info .ax-notification-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity))}ax-notification.ax-info .ax-notification-progress{background-color:rgba(var(--ax-color-info-500));--tw-bg-opacity: 1;background-color:rgba(var(--ax-color-info-500),var(--tw-bg-opacity))}\n"] }]
93
93
  }], ctorParameters: () => [{ type: undefined, decorators: [{
94
94
  type: Inject,
95
95
  args: [DIALOG_DATA]