@acorex/components 7.2.7 → 7.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (473) hide show
  1. package/action-sheet/index.d.ts +1 -1
  2. package/action-sheet/lib/action-sheet.class.d.ts +31 -0
  3. package/action-sheet/lib/action-sheet.component.d.ts +12 -13
  4. package/action-sheet/lib/action-sheet.module.d.ts +2 -1
  5. package/action-sheet/lib/action-sheet.service.d.ts +4 -8
  6. package/alert/lib/alert.component.d.ts +12 -11
  7. package/button/lib/button-group.component.d.ts +6 -6
  8. package/button/lib/button-item.class.d.ts +6 -2
  9. package/button/lib/button-item.component.d.ts +6 -6
  10. package/button/lib/button.component.d.ts +5 -3
  11. package/calendar/lib/calendar.component.d.ts +2 -1
  12. package/check-box/README.md +3 -0
  13. package/check-box/index.d.ts +2 -0
  14. package/check-box/lib/check-box.component.d.ts +14 -0
  15. package/{checkbox/lib/checkbox.module.d.ts → check-box/lib/check-box.module.d.ts} +1 -1
  16. package/chips/lib/chips.component.d.ts +2 -2
  17. package/color-palette/lib/color-palette-input.component.d.ts +10 -7
  18. package/color-palette/lib/color-palette-picker.component.d.ts +10 -5
  19. package/color-palette/lib/color-palette-preview.component.d.ts +8 -4
  20. package/color-palette/lib/color-palette-swatches.component.d.ts +9 -6
  21. package/color-palette/lib/color-palette.class.d.ts +12 -6
  22. package/color-palette/lib/color-palette.component.d.ts +3 -15
  23. package/color-palette/lib/color-palette.module.d.ts +9 -8
  24. package/color-picker/lib/color-picker.component.d.ts +17 -24
  25. package/color-picker/lib/color-picker.module.d.ts +1 -1
  26. package/common/index.d.ts +3 -1
  27. package/common/lib/classes/components.class.d.ts +12 -2
  28. package/common/lib/classes/datalist.class.d.ts +11 -0
  29. package/common/lib/common.module.d.ts +3 -4
  30. package/common/lib/components/base-component.class.d.ts +13 -5
  31. package/common/lib/components/input-base-value-component.class.d.ts +27 -0
  32. package/common/lib/components/interactive-component.class.d.ts +7 -0
  33. package/common/lib/components/value-component.class.d.ts +22 -8
  34. package/common/lib/directives/auto-focus.directive.d.ts +6 -5
  35. package/common/lib/directives/delayed-value-changed.directive.d.ts +17 -0
  36. package/common/lib/services/dom.service.d.ts +6 -0
  37. package/data-pager/lib/data-pager-base.component.d.ts +18 -13
  38. package/data-pager/lib/data-pager-info.component.d.ts +3 -9
  39. package/data-pager/lib/data-pager-input-selector.component.d.ts +5 -9
  40. package/data-pager/lib/data-pager-next-buttons.components.d.ts +2 -8
  41. package/data-pager/lib/data-pager-numeric-selector.component.d.ts +2 -7
  42. package/data-pager/lib/data-pager-pagesize-dropdown.component.d.ts +2 -6
  43. package/data-pager/lib/data-pager-prev-buttons.component.d.ts +2 -7
  44. package/data-pager/lib/data-pager.component.d.ts +17 -18
  45. package/data-pager/lib/data-pager.module.d.ts +6 -5
  46. package/data-table/index.d.ts +0 -1
  47. package/data-table/lib/data-column.directive.d.ts +3 -8
  48. package/data-table/lib/data-table.component.d.ts +6 -7
  49. package/data-table/lib/data-table.module.d.ts +6 -7
  50. package/date-picker/lib/datepicker.component.d.ts +7 -6
  51. package/date-picker/lib/datepicker.module.d.ts +1 -1
  52. package/decorators/index.d.ts +2 -12
  53. package/decorators/lib/clear-button.component.d.ts +13 -0
  54. package/decorators/lib/close-button.component.d.ts +5 -8
  55. package/decorators/lib/decorators.module.d.ts +6 -15
  56. package/decorators/lib/generic-content.component.d.ts +6 -0
  57. package/decorators/lib/icon.component.d.ts +2 -4
  58. package/dialog/lib/dialog.class.d.ts +11 -3
  59. package/dialog/lib/dialog.component.d.ts +15 -11
  60. package/dialog/lib/dialog.module.d.ts +4 -3
  61. package/dialog/lib/dialog.service.d.ts +4 -12
  62. package/drawer/lib/drawer-container.component.d.ts +2 -5
  63. package/drawer/lib/drawer.component.d.ts +6 -7
  64. package/esm2022/acorex-components.mjs +1 -1
  65. package/esm2022/action-sheet/index.mjs +2 -2
  66. package/esm2022/action-sheet/lib/action-sheet.class.mjs +2 -0
  67. package/esm2022/action-sheet/lib/action-sheet.component.mjs +50 -38
  68. package/esm2022/action-sheet/lib/action-sheet.module.mjs +11 -7
  69. package/esm2022/action-sheet/lib/action-sheet.service.mjs +32 -72
  70. package/esm2022/alert/lib/alert.component.mjs +19 -20
  71. package/esm2022/alert/lib/alert.module.mjs +7 -7
  72. package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
  73. package/esm2022/avatar/lib/avatar.component.mjs +3 -3
  74. package/esm2022/avatar/lib/avatar.module.mjs +4 -4
  75. package/esm2022/badge/lib/badge.component.mjs +7 -7
  76. package/esm2022/badge/lib/badge.module.mjs +4 -4
  77. package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +3 -3
  78. package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +3 -3
  79. package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +4 -4
  80. package/esm2022/button/lib/button-group.component.mjs +3 -3
  81. package/esm2022/button/lib/button-item.class.mjs +1 -1
  82. package/esm2022/button/lib/button-item.component.mjs +3 -3
  83. package/esm2022/button/lib/button.component.mjs +34 -17
  84. package/esm2022/button/lib/button.module.mjs +4 -4
  85. package/esm2022/calendar/lib/calendar-range.component.mjs +5 -5
  86. package/esm2022/calendar/lib/calendar.class.mjs +3 -3
  87. package/esm2022/calendar/lib/calendar.component.mjs +18 -15
  88. package/esm2022/calendar/lib/calendar.module.mjs +4 -4
  89. package/esm2022/check-box/acorex-components-check-box.mjs +5 -0
  90. package/esm2022/check-box/index.mjs +3 -0
  91. package/esm2022/check-box/lib/check-box.component.mjs +76 -0
  92. package/esm2022/check-box/lib/check-box.module.mjs +21 -0
  93. package/esm2022/chips/lib/chips.component.mjs +7 -6
  94. package/esm2022/chips/lib/chips.module.mjs +4 -4
  95. package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
  96. package/esm2022/collapse/lib/collapse.component.mjs +3 -3
  97. package/esm2022/collapse/lib/collapse.module.mjs +4 -4
  98. package/esm2022/color-palette/lib/color-palette-input.component.mjs +64 -73
  99. package/esm2022/color-palette/lib/color-palette-picker.component.mjs +63 -58
  100. package/esm2022/color-palette/lib/color-palette-preview.component.mjs +30 -25
  101. package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +32 -246
  102. package/esm2022/color-palette/lib/color-palette.class.mjs +229 -8
  103. package/esm2022/color-palette/lib/color-palette.component.mjs +32 -47
  104. package/esm2022/color-palette/lib/color-palette.module.mjs +10 -7
  105. package/esm2022/color-picker/lib/color-picker.component.mjs +12 -6
  106. package/esm2022/color-picker/lib/color-picker.module.mjs +6 -6
  107. package/esm2022/common/index.mjs +4 -2
  108. package/esm2022/common/lib/classes/components.class.mjs +26 -19
  109. package/esm2022/common/lib/classes/datalist.class.mjs +3 -0
  110. package/esm2022/common/lib/common.module.mjs +5 -10
  111. package/esm2022/common/lib/components/base-component.class.mjs +26 -13
  112. package/esm2022/common/lib/components/input-base-value-component.class.mjs +47 -0
  113. package/esm2022/common/lib/components/interactive-component.class.mjs +31 -4
  114. package/esm2022/common/lib/components/value-component.class.mjs +57 -33
  115. package/esm2022/common/lib/directives/auto-focus.directive.mjs +18 -11
  116. package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +49 -0
  117. package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
  118. package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
  119. package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
  120. package/esm2022/common/lib/services/custom-cdk-overlay.service.mjs +6 -6
  121. package/esm2022/common/lib/services/dom.service.mjs +16 -0
  122. package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
  123. package/esm2022/common/lib/services/overlay.service.mjs +3 -3
  124. package/esm2022/context-menu/lib/context-menu.component.mjs +5 -5
  125. package/esm2022/context-menu/lib/context-menu.module.mjs +4 -4
  126. package/esm2022/data-pager/lib/data-pager-base.component.mjs +35 -21
  127. package/esm2022/data-pager/lib/data-pager-info.component.mjs +13 -26
  128. package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +27 -31
  129. package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +19 -33
  130. package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +31 -38
  131. package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +22 -31
  132. package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +19 -29
  133. package/esm2022/data-pager/lib/data-pager.component.mjs +66 -38
  134. package/esm2022/data-pager/lib/data-pager.module.mjs +8 -7
  135. package/esm2022/data-table/index.mjs +1 -2
  136. package/esm2022/data-table/lib/data-column.directive.mjs +7 -22
  137. package/esm2022/data-table/lib/data-table.component.mjs +30 -30
  138. package/esm2022/data-table/lib/data-table.module.mjs +6 -7
  139. package/esm2022/date-picker/lib/datepicker.component.mjs +19 -16
  140. package/esm2022/date-picker/lib/datepicker.module.mjs +6 -6
  141. package/esm2022/decorators/index.mjs +3 -13
  142. package/esm2022/decorators/lib/clear-button.component.mjs +58 -0
  143. package/esm2022/decorators/lib/close-button.component.mjs +16 -20
  144. package/esm2022/decorators/lib/decorators.module.mjs +13 -49
  145. package/esm2022/decorators/lib/generic-content.component.mjs +17 -0
  146. package/esm2022/decorators/lib/icon.component.mjs +8 -11
  147. package/esm2022/dialog/lib/dialog.class.mjs +1 -1
  148. package/esm2022/dialog/lib/dialog.component.mjs +41 -23
  149. package/esm2022/dialog/lib/dialog.module.mjs +10 -8
  150. package/esm2022/dialog/lib/dialog.service.mjs +41 -49
  151. package/esm2022/drawer/lib/drawer-container.component.mjs +9 -13
  152. package/esm2022/drawer/lib/drawer.component.mjs +23 -27
  153. package/esm2022/drawer/lib/drawer.module.mjs +4 -4
  154. package/esm2022/dropdown/lib/dropdown-panel.component.mjs +4 -4
  155. package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
  156. package/esm2022/form/lib/form-field.component.mjs +9 -12
  157. package/esm2022/form/lib/form.component.mjs +38 -42
  158. package/esm2022/form/lib/form.module.mjs +4 -4
  159. package/esm2022/form/lib/validation-rule.widget.mjs +24 -15
  160. package/esm2022/form/lib/validation-summary.component.mjs +15 -14
  161. package/esm2022/image/lib/image.component.mjs +13 -17
  162. package/esm2022/image/lib/image.module.mjs +4 -4
  163. package/esm2022/index.mjs +1 -1
  164. package/esm2022/label/lib/label.component.mjs +18 -18
  165. package/esm2022/label/lib/label.module.mjs +4 -4
  166. package/esm2022/loading/index.mjs +2 -1
  167. package/esm2022/loading/lib/loading-spinner.component.mjs +4 -5
  168. package/esm2022/loading/lib/loading.component.mjs +22 -25
  169. package/esm2022/loading/lib/loading.config.mjs +17 -0
  170. package/esm2022/loading/lib/loading.directive.mjs +4 -4
  171. package/esm2022/loading/lib/loading.module.mjs +6 -17
  172. package/esm2022/loading/lib/loading.service.mjs +4 -36
  173. package/esm2022/menu/lib/menu.component.mjs +26 -19
  174. package/esm2022/menu/lib/menu.module.mjs +4 -4
  175. package/esm2022/mixin/lib/base-components.class.mjs +3 -3
  176. package/esm2022/mixin/lib/base-menu-mixin.class.mjs +3 -3
  177. package/esm2022/mixin/lib/color-look-mixing.class.mjs +1 -1
  178. package/esm2022/notification/index.mjs +2 -1
  179. package/esm2022/notification/lib/notification.class.mjs +1 -1
  180. package/esm2022/notification/lib/notification.component.mjs +51 -35
  181. package/esm2022/notification/lib/notification.config.mjs +20 -0
  182. package/esm2022/notification/lib/notification.module.mjs +11 -7
  183. package/esm2022/notification/lib/notification.service.mjs +46 -59
  184. package/esm2022/number-box/lib/number-box.component.mjs +101 -90
  185. package/esm2022/number-box/lib/number-box.module.mjs +4 -4
  186. package/esm2022/otp/lib/otp.component.mjs +38 -48
  187. package/esm2022/otp/lib/otp.module.mjs +4 -4
  188. package/esm2022/page/lib/base-page.class.mjs +6 -6
  189. package/esm2022/page/lib/page.component.mjs +3 -3
  190. package/esm2022/page/lib/page.module.mjs +4 -4
  191. package/esm2022/password-box/lib/password-box.component.mjs +37 -25
  192. package/esm2022/password-box/lib/password-box.module.mjs +4 -4
  193. package/esm2022/popover/lib/dropdown-component.class.mjs +3 -3
  194. package/esm2022/popover/lib/popover.component.mjs +3 -3
  195. package/esm2022/popover/lib/popover.module.mjs +4 -4
  196. package/esm2022/popup/index.mjs +2 -1
  197. package/esm2022/popup/lib/popup.component.mjs +49 -69
  198. package/esm2022/popup/lib/popup.interface.mjs +2 -0
  199. package/esm2022/popup/lib/popup.module.mjs +27 -12
  200. package/esm2022/popup/lib/popup.service.mjs +31 -86
  201. package/esm2022/progress-bar/lib/progress-bar.component.mjs +3 -3
  202. package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
  203. package/esm2022/radio/lib/radio.component.mjs +4 -4
  204. package/esm2022/radio/lib/radio.module.mjs +4 -4
  205. package/esm2022/range-slider/lib/range-slider.component.mjs +27 -22
  206. package/esm2022/range-slider/lib/range-slider.module.mjs +7 -6
  207. package/esm2022/result/lib/result.component.mjs +3 -3
  208. package/esm2022/result/lib/result.module.mjs +4 -4
  209. package/esm2022/scheduler/acorex-components-scheduler.mjs +5 -0
  210. package/esm2022/scheduler/index.mjs +4 -0
  211. package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +45 -0
  212. package/esm2022/scheduler/lib/scheduler.component.mjs +30 -0
  213. package/esm2022/scheduler/lib/scheduler.module.mjs +26 -0
  214. package/esm2022/search-box/lib/search-box.component.mjs +35 -44
  215. package/esm2022/search-box/lib/search-box.module.mjs +28 -7
  216. package/esm2022/select-box/lib/select-box.component.mjs +11 -9
  217. package/esm2022/select-box/lib/select-box.module.mjs +7 -7
  218. package/esm2022/selection-list/lib/selection-list.component.mjs +3 -3
  219. package/esm2022/selection-list/lib/selection-list.module.mjs +6 -6
  220. package/esm2022/switch/lib/switch-content.component.mjs +3 -3
  221. package/esm2022/switch/lib/switch.component.mjs +27 -24
  222. package/esm2022/switch/lib/switch.module.mjs +4 -4
  223. package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
  224. package/esm2022/tabs/lib/tab-item.component.mjs +3 -3
  225. package/esm2022/tabs/lib/tabs.component.mjs +3 -3
  226. package/esm2022/tabs/lib/tabs.module.mjs +4 -4
  227. package/esm2022/tag/lib/tag.component.mjs +3 -3
  228. package/esm2022/tag/lib/tag.module.mjs +4 -4
  229. package/esm2022/text-area/acorex-components-text-area.mjs +5 -0
  230. package/esm2022/text-area/index.mjs +3 -0
  231. package/esm2022/text-area/lib/text-area.component.mjs +36 -0
  232. package/esm2022/text-area/lib/text-area.module.mjs +19 -0
  233. package/esm2022/{checkbox/acorex-components-checkbox.mjs → text-box/acorex-components-text-box.mjs} +1 -1
  234. package/esm2022/text-box/index.mjs +4 -0
  235. package/esm2022/text-box/lib/mask-options.directive.mjs +17 -0
  236. package/esm2022/text-box/lib/text-box.component.mjs +111 -0
  237. package/esm2022/text-box/lib/text-box.module.mjs +38 -0
  238. package/esm2022/time-box/lib/time-box.component.mjs +5 -5
  239. package/esm2022/time-box/lib/time-box.module.mjs +4 -4
  240. package/esm2022/toast/index.mjs +2 -1
  241. package/esm2022/toast/lib/toast.class.mjs +1 -1
  242. package/esm2022/toast/lib/toast.component.mjs +37 -25
  243. package/esm2022/toast/lib/toast.config.mjs +19 -0
  244. package/esm2022/toast/lib/toast.module.mjs +12 -8
  245. package/esm2022/toast/lib/toast.service.mjs +46 -55
  246. package/esm2022/tooltip/lib/tooltip.component.mjs +3 -3
  247. package/esm2022/tooltip/lib/tooltip.directive.mjs +3 -3
  248. package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
  249. package/esm2022/uploader/lib/uploader.component.mjs +3 -3
  250. package/esm2022/uploader/lib/uploader.module.mjs +4 -4
  251. package/fesm2022/acorex-components-action-sheet.mjs +99 -125
  252. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  253. package/fesm2022/acorex-components-alert.mjs +21 -22
  254. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  255. package/fesm2022/acorex-components-avatar.mjs +10 -10
  256. package/fesm2022/acorex-components-badge.mjs +9 -9
  257. package/fesm2022/acorex-components-badge.mjs.map +1 -1
  258. package/fesm2022/acorex-components-breadcrumbs.mjs +10 -10
  259. package/fesm2022/acorex-components-button.mjs +41 -24
  260. package/fesm2022/acorex-components-button.mjs.map +1 -1
  261. package/fesm2022/acorex-components-calendar.mjs +28 -25
  262. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  263. package/fesm2022/acorex-components-check-box.mjs +100 -0
  264. package/fesm2022/acorex-components-check-box.mjs.map +1 -0
  265. package/fesm2022/acorex-components-chips.mjs +10 -9
  266. package/fesm2022/acorex-components-chips.mjs.map +1 -1
  267. package/fesm2022/acorex-components-collapse.mjs +10 -10
  268. package/fesm2022/acorex-components-color-palette.mjs +432 -437
  269. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  270. package/fesm2022/acorex-components-color-picker.mjs +16 -10
  271. package/fesm2022/acorex-components-color-picker.mjs.map +1 -1
  272. package/fesm2022/acorex-components-common.mjs +282 -150
  273. package/fesm2022/acorex-components-common.mjs.map +1 -1
  274. package/fesm2022/acorex-components-context-menu.mjs +8 -8
  275. package/fesm2022/acorex-components-context-menu.mjs.map +1 -1
  276. package/fesm2022/acorex-components-data-pager.mjs +214 -228
  277. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  278. package/fesm2022/acorex-components-data-table.mjs +41 -71
  279. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  280. package/fesm2022/acorex-components-date-picker.mjs +25 -22
  281. package/fesm2022/acorex-components-date-picker.mjs.map +1 -1
  282. package/fesm2022/acorex-components-decorators.mjs +80 -283
  283. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  284. package/fesm2022/acorex-components-dialog.mjs +97 -88
  285. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  286. package/fesm2022/acorex-components-drawer.mjs +31 -39
  287. package/fesm2022/acorex-components-drawer.mjs.map +1 -1
  288. package/fesm2022/acorex-components-dropdown.mjs +7 -7
  289. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  290. package/fesm2022/acorex-components-form.mjs +80 -77
  291. package/fesm2022/acorex-components-form.mjs.map +1 -1
  292. package/fesm2022/acorex-components-image.mjs +15 -19
  293. package/fesm2022/acorex-components-image.mjs.map +1 -1
  294. package/fesm2022/acorex-components-label.mjs +21 -21
  295. package/fesm2022/acorex-components-label.mjs.map +1 -1
  296. package/fesm2022/acorex-components-loading.mjs +51 -83
  297. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  298. package/fesm2022/acorex-components-menu.mjs +29 -22
  299. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  300. package/fesm2022/acorex-components-mixin.mjs +4 -5
  301. package/fesm2022/acorex-components-mixin.mjs.map +1 -1
  302. package/fesm2022/acorex-components-notification.mjs +131 -107
  303. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  304. package/fesm2022/acorex-components-number-box.mjs +106 -96
  305. package/fesm2022/acorex-components-number-box.mjs.map +1 -1
  306. package/fesm2022/acorex-components-otp.mjs +40 -50
  307. package/fesm2022/acorex-components-otp.mjs.map +1 -1
  308. package/fesm2022/acorex-components-page.mjs +12 -12
  309. package/fesm2022/acorex-components-page.mjs.map +1 -1
  310. package/fesm2022/acorex-components-password-box.mjs +41 -30
  311. package/fesm2022/acorex-components-password-box.mjs.map +1 -1
  312. package/fesm2022/acorex-components-popover.mjs +10 -10
  313. package/fesm2022/acorex-components-popup.mjs +107 -170
  314. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  315. package/fesm2022/acorex-components-progress-bar.mjs +7 -7
  316. package/fesm2022/acorex-components-radio.mjs +8 -8
  317. package/fesm2022/acorex-components-radio.mjs.map +1 -1
  318. package/fesm2022/acorex-components-range-slider.mjs +31 -27
  319. package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
  320. package/fesm2022/acorex-components-result.mjs +7 -7
  321. package/fesm2022/acorex-components-scheduler.mjs +98 -0
  322. package/fesm2022/acorex-components-scheduler.mjs.map +1 -0
  323. package/fesm2022/acorex-components-search-box.mjs +61 -49
  324. package/fesm2022/acorex-components-search-box.mjs.map +1 -1
  325. package/fesm2022/acorex-components-select-box.mjs +16 -14
  326. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  327. package/fesm2022/acorex-components-selection-list.mjs +8 -8
  328. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  329. package/fesm2022/acorex-components-switch.mjs +33 -31
  330. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  331. package/fesm2022/acorex-components-tabs.mjs +13 -13
  332. package/fesm2022/acorex-components-tag.mjs +7 -7
  333. package/fesm2022/acorex-components-text-area.mjs +59 -0
  334. package/fesm2022/acorex-components-text-area.mjs.map +1 -0
  335. package/fesm2022/{acorex-components-textbox.mjs → acorex-components-text-box.mjs} +49 -32
  336. package/fesm2022/acorex-components-text-box.mjs.map +1 -0
  337. package/fesm2022/acorex-components-time-box.mjs +8 -8
  338. package/fesm2022/acorex-components-time-box.mjs.map +1 -1
  339. package/fesm2022/acorex-components-toast.mjs +116 -94
  340. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  341. package/fesm2022/acorex-components-tooltip.mjs +10 -10
  342. package/fesm2022/acorex-components-uploader.mjs +7 -7
  343. package/fesm2022/acorex-components.mjs.map +1 -1
  344. package/form/lib/form-field.component.d.ts +2 -4
  345. package/form/lib/form.component.d.ts +12 -17
  346. package/form/lib/validation-rule.widget.d.ts +9 -6
  347. package/form/lib/validation-summary.component.d.ts +7 -9
  348. package/image/lib/image.component.d.ts +7 -13
  349. package/label/lib/label.component.d.ts +4 -7
  350. package/loading/index.d.ts +1 -0
  351. package/loading/lib/loading.component.d.ts +9 -12
  352. package/loading/lib/loading.config.d.ts +8 -0
  353. package/loading/lib/loading.directive.d.ts +5 -5
  354. package/loading/lib/loading.module.d.ts +0 -1
  355. package/loading/lib/loading.service.d.ts +0 -18
  356. package/menu/lib/menu.component.d.ts +4 -2
  357. package/mixin/lib/base-components.class.d.ts +2 -2
  358. package/mixin/lib/base-menu-mixin.class.d.ts +5 -5
  359. package/mixin/lib/button-mixin.class.d.ts +2 -2
  360. package/mixin/lib/clickable-mixin.class.d.ts +2 -2
  361. package/mixin/lib/color-look-mixing.class.d.ts +3 -3
  362. package/mixin/lib/datalist-component.class.d.ts +10 -10
  363. package/mixin/lib/dropdown-mixin.class.d.ts +2 -2
  364. package/mixin/lib/interactive-mixin.class.d.ts +4 -4
  365. package/mixin/lib/loading-mixin.class.d.ts +2 -2
  366. package/mixin/lib/mixin.class.d.ts +61 -61
  367. package/mixin/lib/page-component.class.d.ts +2 -2
  368. package/mixin/lib/selection-component.class.d.ts +2 -2
  369. package/mixin/lib/sizable-mixin.class.d.ts +2 -2
  370. package/mixin/lib/textbox-mixin.class.d.ts +2 -2
  371. package/mixin/lib/value-mixin.class.d.ts +8 -8
  372. package/notification/index.d.ts +1 -0
  373. package/notification/lib/notification.class.d.ts +29 -7
  374. package/notification/lib/notification.component.d.ts +13 -14
  375. package/notification/lib/notification.config.d.ts +13 -0
  376. package/notification/lib/notification.module.d.ts +4 -1
  377. package/notification/lib/notification.service.d.ts +5 -9
  378. package/number-box/lib/number-box.component.d.ts +12 -17
  379. package/otp/lib/otp.component.d.ts +7 -14
  380. package/package.json +36 -30
  381. package/page/lib/base-page.class.d.ts +2 -2
  382. package/password-box/lib/password-box.component.d.ts +8 -11
  383. package/popup/index.d.ts +1 -0
  384. package/popup/lib/popup.component.d.ts +14 -19
  385. package/popup/lib/popup.interface.d.ts +26 -0
  386. package/popup/lib/popup.module.d.ts +4 -4
  387. package/popup/lib/popup.service.d.ts +4 -25
  388. package/range-slider/lib/range-slider.component.d.ts +6 -14
  389. package/range-slider/lib/range-slider.module.d.ts +3 -2
  390. package/scheduler/README.md +3 -0
  391. package/scheduler/index.d.ts +3 -0
  392. package/scheduler/lib/scheduler-month-view.component.d.ts +20 -0
  393. package/scheduler/lib/scheduler.component.d.ts +11 -0
  394. package/scheduler/lib/scheduler.module.d.ts +13 -0
  395. package/search-box/lib/search-box.component.d.ts +8 -16
  396. package/search-box/lib/search-box.module.d.ts +7 -5
  397. package/select-box/lib/select-box.module.d.ts +2 -2
  398. package/selection-list/lib/selection-list.module.d.ts +1 -1
  399. package/switch/lib/switch.component.d.ts +10 -8
  400. package/tabs/lib/tab-item.component.d.ts +2 -2
  401. package/text-area/README.md +3 -0
  402. package/text-area/index.d.ts +2 -0
  403. package/text-area/lib/text-area.component.d.ts +11 -0
  404. package/text-area/lib/text-area.module.d.ts +9 -0
  405. package/text-box/README.md +3 -0
  406. package/text-box/index.d.ts +3 -0
  407. package/text-box/lib/text-box.component.d.ts +25 -0
  408. package/{textbox/lib/textbox.module.d.ts → text-box/lib/text-box.module.d.ts} +1 -1
  409. package/time-box/lib/time-box.component.d.ts +1 -1
  410. package/toast/index.d.ts +1 -0
  411. package/toast/lib/toast.class.d.ts +14 -5
  412. package/toast/lib/toast.component.d.ts +13 -12
  413. package/toast/lib/toast.config.d.ts +12 -0
  414. package/toast/lib/toast.module.d.ts +4 -1
  415. package/toast/lib/toast.service.d.ts +5 -9
  416. package/action-sheet/lib/action-sheet.interface.d.ts +0 -21
  417. package/checkbox/README.md +0 -3
  418. package/checkbox/index.d.ts +0 -2
  419. package/checkbox/lib/checkbox.component.d.ts +0 -17
  420. package/common/lib/directives/debounce-time.directive.d.ts +0 -17
  421. package/data-table/lib/data-column-cell-template.directive.d.ts +0 -8
  422. package/decorators/lib/content.component.d.ts +0 -9
  423. package/decorators/lib/divider.component.d.ts +0 -5
  424. package/decorators/lib/footer.component.d.ts +0 -9
  425. package/decorators/lib/form-hint.component.d.ts +0 -8
  426. package/decorators/lib/header.component.d.ts +0 -9
  427. package/decorators/lib/overlay.component.d.ts +0 -6
  428. package/decorators/lib/placeholder.component.d.ts +0 -5
  429. package/decorators/lib/prefix.component.d.ts +0 -9
  430. package/decorators/lib/sub-title.component.d.ts +0 -9
  431. package/decorators/lib/suffix.component.d.ts +0 -9
  432. package/decorators/lib/text.component.d.ts +0 -9
  433. package/decorators/lib/title.component.d.ts +0 -8
  434. package/esm2022/action-sheet/lib/action-sheet.interface.mjs +0 -2
  435. package/esm2022/checkbox/index.mjs +0 -3
  436. package/esm2022/checkbox/lib/checkbox.component.mjs +0 -49
  437. package/esm2022/checkbox/lib/checkbox.module.mjs +0 -21
  438. package/esm2022/common/lib/directives/debounce-time.directive.mjs +0 -48
  439. package/esm2022/data-table/lib/data-column-cell-template.directive.mjs +0 -17
  440. package/esm2022/decorators/lib/content.component.mjs +0 -26
  441. package/esm2022/decorators/lib/divider.component.mjs +0 -17
  442. package/esm2022/decorators/lib/footer.component.mjs +0 -26
  443. package/esm2022/decorators/lib/form-hint.component.mjs +0 -20
  444. package/esm2022/decorators/lib/header.component.mjs +0 -26
  445. package/esm2022/decorators/lib/overlay.component.mjs +0 -22
  446. package/esm2022/decorators/lib/placeholder.component.mjs +0 -14
  447. package/esm2022/decorators/lib/prefix.component.mjs +0 -26
  448. package/esm2022/decorators/lib/sub-title.component.mjs +0 -26
  449. package/esm2022/decorators/lib/suffix.component.mjs +0 -26
  450. package/esm2022/decorators/lib/text.component.mjs +0 -21
  451. package/esm2022/decorators/lib/title.component.mjs +0 -20
  452. package/esm2022/textarea/acorex-components-textarea.mjs +0 -5
  453. package/esm2022/textarea/index.mjs +0 -3
  454. package/esm2022/textarea/lib/textarea.component.mjs +0 -37
  455. package/esm2022/textarea/lib/textarea.module.mjs +0 -19
  456. package/esm2022/textbox/acorex-components-textbox.mjs +0 -5
  457. package/esm2022/textbox/index.mjs +0 -4
  458. package/esm2022/textbox/lib/mask-options.directive.mjs +0 -17
  459. package/esm2022/textbox/lib/textbox.component.mjs +0 -93
  460. package/esm2022/textbox/lib/textbox.module.mjs +0 -38
  461. package/fesm2022/acorex-components-checkbox.mjs +0 -74
  462. package/fesm2022/acorex-components-checkbox.mjs.map +0 -1
  463. package/fesm2022/acorex-components-textarea.mjs +0 -60
  464. package/fesm2022/acorex-components-textarea.mjs.map +0 -1
  465. package/fesm2022/acorex-components-textbox.mjs.map +0 -1
  466. package/textarea/README.md +0 -3
  467. package/textarea/index.d.ts +0 -2
  468. package/textarea/lib/textarea.component.d.ts +0 -14
  469. package/textarea/lib/textarea.module.d.ts +0 -9
  470. package/textbox/README.md +0 -3
  471. package/textbox/index.d.ts +0 -3
  472. package/textbox/lib/textbox.component.d.ts +0 -27
  473. /package/{textbox → text-box}/lib/mask-options.directive.d.ts +0 -0
@@ -1,86 +1,138 @@
1
- import * as i2$1 from '@acorex/components/common';
2
- import { MXBaseComponent, TAB_META_KEY, AXCommonModule, AXComponentClosedPromise } from '@acorex/components/common';
3
- import * as i2 from '@angular/cdk/portal';
1
+ import { MXBaseComponent, AXClosbaleComponent, AXFocusableComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/components/common';
2
+ import * as i3 from '@angular/cdk/portal';
4
3
  import { TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
5
4
  import * as i0 from '@angular/core';
6
- import { EventEmitter, TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, HostListener, NgModule, Injectable } from '@angular/core';
7
- import * as i1 from '@angular/common';
5
+ import { TemplateRef, Component, ChangeDetectionStrategy, ViewEncapsulation, Inject, HostListener, inject, Injectable, NgModule } from '@angular/core';
6
+ import * as i1 from '@angular/cdk/dialog';
7
+ import { DIALOG_DATA, Dialog, DialogModule } from '@angular/cdk/dialog';
8
+ import * as i2 from '@angular/common';
8
9
  import { CommonModule } from '@angular/common';
9
- import * as i3 from '@acorex/components/decorators';
10
+ import * as i4 from '@acorex/components/decorators';
10
11
  import { AXDecoratorModule } from '@acorex/components/decorators';
11
12
  import { AXButtonModule } from '@acorex/components/button';
12
13
  import { A11yModule } from '@angular/cdk/a11y';
13
14
  import { DragDropModule } from '@angular/cdk/drag-drop';
14
15
  import { AXTranslator } from '@acorex/core/translation';
15
- import * as i1$1 from '@angular/cdk/overlay';
16
+ import { GlobalPositionStrategy } from '@angular/cdk/overlay';
16
17
 
17
18
  class AXActionSheetComponent extends MXBaseComponent {
18
- constructor() {
19
- super(...arguments);
20
- this.items = [];
21
- this.showCloseButton = true;
22
- this.showHeader = true;
23
- this.data = {};
24
- this.onClosed = new EventEmitter();
25
- }
26
- close() {
27
- this.onClosed.emit({
28
- component: this[TAB_META_KEY].component,
29
- htmlElement: this.getHostElement(),
30
- });
31
- this.cdr.detectChanges();
19
+ /**
20
+ * @ignore
21
+ */
22
+ constructor(data, dialogRef) {
23
+ super();
24
+ this.data = data;
25
+ this.dialogRef = dialogRef;
32
26
  }
33
27
  ngOnInit() {
34
- if (this.content) {
35
- if (this.content instanceof TemplateRef) {
36
- this._selectedPortal = new TemplatePortal(this.content, this.getViewContainer(), {
28
+ if (this.data.content) {
29
+ if (this.data.content instanceof TemplateRef) {
30
+ this._selectedPortal = new TemplatePortal(this.data.content, this.getViewContainer(), {
37
31
  $implicit: this.data,
38
32
  ref: this,
39
33
  });
40
34
  this.cdr.markForCheck();
41
35
  }
42
- else if (typeof this.content === 'function') {
43
- this._selectedPortal = new ComponentPortal(this.content);
36
+ else if (typeof this.data.content === 'function') {
37
+ this._selectedPortal = new ComponentPortal(this.data.content);
44
38
  this.cdr.markForCheck();
45
39
  }
46
40
  }
47
41
  }
48
42
  onKeydownHandler() {
49
43
  const focusedOrHasFocused = this.getHostElement().matches(':focus-within');
50
- if (this.showCloseButton && focusedOrHasFocused) {
44
+ if (this.data.closeButton && focusedOrHasFocused) {
51
45
  this.close();
52
46
  }
53
47
  }
54
48
  _handleAttched(ref) {
55
49
  ref = ref;
56
50
  if (ref.instance) {
57
- this[TAB_META_KEY].component = ref.instance;
58
- Object.assign(this[TAB_META_KEY].component, this.data);
51
+ this._componentRef = ref.instance;
52
+ Object.assign(this._componentRef, this.data);
53
+ Object.assign(this._componentRef, { _isPopup: true });
59
54
  if (ref.instance.onClosed) {
60
55
  ref.instance.onClosed.subscribe((e) => {
61
- this.onClosed.emit(e);
56
+ this.close();
62
57
  });
63
58
  }
64
59
  }
65
60
  }
66
- _handleCloseClick() {
67
- this.close();
68
- }
69
61
  onItemClick(item) {
70
62
  this.close();
71
- item.onClick();
63
+ item?.onClick();
72
64
  }
73
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
74
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler()" } }, usesInheritance: true, ngImport: i0, template: "<ax-header *ngIf=\"showHeader\">\n <ax-prefix>\n <ax-title>{{ title }}</ax-title>\n <ax-sub-title *ngIf=\"subTitle\">{{ subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button\n *ngIf=\"showCloseButton\"\n (click)=\"_handleCloseClick()\"\n tabindex=\"1\"\n ></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-default))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: i3.AXDecoratorPrefixComponent, selector: "ax-prefix" }, { kind: "component", type: i3.AXDecoratorSuffixComponent, selector: "ax-suffix" }, { kind: "component", type: i3.AXDecoratorHeaderComponent, selector: "ax-header" }, { kind: "component", type: i3.AXDecoratorTitleComponent, selector: "ax-title" }, { kind: "component", type: i3.AXDecoratorSubTitleComponent, selector: "ax-sub-title" }, { kind: "component", type: i3.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
65
+ close() {
66
+ this.dialogRef.close({
67
+ component: this._componentRef,
68
+ htmlElement: this.getHostElement(),
69
+ });
70
+ }
71
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetComponent, deps: [{ token: DIALOG_DATA }, { token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component }); }
72
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXActionSheetComponent, selector: "ax-action-sheet", host: { listeners: { "keydown.escape": "onKeydownHandler()" } }, providers: [{
73
+ provide: AXClosbaleComponent, useExisting: AXActionSheetComponent,
74
+ },
75
+ {
76
+ provide: AXFocusableComponent, useExisting: AXActionSheetComponent,
77
+ }], usesInheritance: true, ngImport: i0, template: "<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" tabindex=\"0\"\n (click)=\"onItemClick(item)\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>", styles: ["ax-action-sheet{display:block}@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-default))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\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.AXDecoratorCloseButtonComponent, selector: "ax-close-button", inputs: ["icon"] }, { kind: "component", type: i4.AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title , ax-sub-title" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
75
78
  }
76
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetComponent, decorators: [{
79
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetComponent, decorators: [{
77
80
  type: Component,
78
- args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-header *ngIf=\"showHeader\">\n <ax-prefix>\n <ax-title>{{ title }}</ax-title>\n <ax-sub-title *ngIf=\"subTitle\">{{ subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button\n *ngIf=\"showCloseButton\"\n (click)=\"_handleCloseClick()\"\n tabindex=\"1\"\n ></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n", styles: ["@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-default))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"] }]
79
- }], propDecorators: { onKeydownHandler: [{
81
+ args: [{ selector: 'ax-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{
82
+ provide: AXClosbaleComponent, useExisting: AXActionSheetComponent,
83
+ },
84
+ {
85
+ provide: AXFocusableComponent, useExisting: AXActionSheetComponent,
86
+ }], template: "<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" tabindex=\"0\"\n (click)=\"onItemClick(item)\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>", styles: ["ax-action-sheet{display:block}@media (max-width: 599px){ax-action-sheet{width:100vw}}@media (min-width: 600px){ax-action-sheet{width:75vw}}@media (min-width: 1200px){ax-action-sheet{width:30vw}}@media (min-width: 1800px){ax-action-sheet{width:25vw}}ax-action-sheet ax-header{padding:1rem;font-size:1.125rem;font-weight:500;border-bottom:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-action-sheet ax-header ax-prefix,ax-action-sheet ax-header ax-suffix{display:flex;flex-direction:column;justify-content:flex-start}ax-action-sheet ax-header ax-prefix{align-items:flex-start}ax-action-sheet ax-header ax-suffix{align-items:flex-end}@media (max-width: 599px){ax-action-sheet ax-header{font-size:1rem}}ax-action-sheet .ax-action-sheet-items{padding:.5rem 0}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item{-webkit-user-select:none;user-select:none;cursor:pointer;padding:.75rem 1rem;display:flex}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item:hover{background-color:rgba(var(--ax-color-default))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item .item-icon{font-size:1.5rem;margin-inline-end:.75rem}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-primary{color:rgba(var(--ax-color-primary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-secondary{color:rgba(var(--ax-color-secondary-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-success{color:rgba(var(--ax-color-success-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-warning{color:rgba(var(--ax-color-warning-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-danger{color:rgba(var(--ax-color-danger-500))}ax-action-sheet .ax-action-sheet-items .ax-action-sheet-item.ax-info{color:rgba(var(--ax-color-info-500))}\n"] }]
87
+ }], ctorParameters: function () { return [{ type: undefined, decorators: [{
88
+ type: Inject,
89
+ args: [DIALOG_DATA]
90
+ }] }, { type: i1.DialogRef }]; }, propDecorators: { onKeydownHandler: [{
80
91
  type: HostListener,
81
92
  args: ['keydown.escape']
82
93
  }] } });
83
94
 
95
+ class AXActionSheetService {
96
+ constructor() {
97
+ this.dialog = inject(Dialog);
98
+ }
99
+ open(config) {
100
+ const defaultConfig = {
101
+ title: AXTranslator.get('action-sheet.title'),
102
+ closeButton: true,
103
+ closeOnBackdropClick: true,
104
+ header: true,
105
+ };
106
+ config = Object.assign(defaultConfig, config);
107
+ const dialogRef = this.dialog.open(AXActionSheetComponent, {
108
+ data: config,
109
+ autoFocus: "first-tabbable",
110
+ restoreFocus: true,
111
+ role: 'dialog',
112
+ ariaModal: true,
113
+ closeOnNavigation: true,
114
+ closeOnDestroy: true,
115
+ hasBackdrop: true,
116
+ panelClass: ['ax-actionsheet-panel'],
117
+ disableClose: config.closeOnBackdropClick ? false : true,
118
+ positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom()
119
+ });
120
+ const promise = new AXComponentClosedPromise((resolve) => {
121
+ dialogRef.closed.subscribe(() => {
122
+ if (resolve) {
123
+ resolve();
124
+ }
125
+ });
126
+ });
127
+ return promise;
128
+ }
129
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
130
+ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetService }); }
131
+ }
132
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetService, decorators: [{
133
+ type: Injectable
134
+ }] });
135
+
84
136
  const MODULES = [
85
137
  CommonModule,
86
138
  AXCommonModule,
@@ -89,108 +141,30 @@ const MODULES = [
89
141
  AXButtonModule,
90
142
  PortalModule,
91
143
  AXDecoratorModule,
144
+ DialogModule
92
145
  ];
93
146
  class AXActionSheetModule {
94
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
95
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent], imports: [CommonModule,
147
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
148
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetModule, declarations: [AXActionSheetComponent], imports: [CommonModule,
96
149
  AXCommonModule,
97
150
  DragDropModule,
98
151
  A11yModule,
99
152
  AXButtonModule,
100
153
  PortalModule,
101
- AXDecoratorModule], exports: [AXActionSheetComponent] }); }
102
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetModule, imports: [MODULES] }); }
154
+ AXDecoratorModule,
155
+ DialogModule], exports: [AXActionSheetComponent] }); }
156
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetModule, providers: [AXActionSheetService], imports: [MODULES] }); }
103
157
  }
104
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetModule, decorators: [{
158
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXActionSheetModule, decorators: [{
105
159
  type: NgModule,
106
160
  args: [{
107
161
  declarations: [AXActionSheetComponent],
108
162
  imports: [...MODULES],
109
163
  exports: [AXActionSheetComponent],
110
- providers: [],
164
+ providers: [AXActionSheetService],
111
165
  }]
112
166
  }] });
113
167
 
114
- class AXActionSheetService {
115
- constructor(_overlay, overlayService) {
116
- this._overlay = _overlay;
117
- this.overlayService = overlayService;
118
- }
119
- open(options) {
120
- const opt = {
121
- title: AXTranslator.get('action-sheet.title'),
122
- showCloseButton: true,
123
- closeOnBackdrop: true,
124
- showHeader: true,
125
- };
126
- Object.assign(opt, options);
127
- const lastActiveElement = document.activeElement;
128
- const com = this.overlayService.show(AXActionSheetComponent, opt, {
129
- hasBackdrop: true,
130
- closeOnClickOutside: opt.closeOnBackdrop,
131
- transparentBackdrop: false,
132
- panelClass: ['ax-actionsheet-panel'],
133
- position: this._overlay.position().global().bottom().centerHorizontally(),
134
- scroll: 'block',
135
- });
136
- const actionSheet = com.instance;
137
- actionSheet[TAB_META_KEY] = {};
138
- actionSheet.onClosed.subscribe((c) => {
139
- this.closePopup(actionSheet, com, c, lastActiveElement);
140
- });
141
- const promise = new AXComponentClosedPromise((resolve, reject) => {
142
- actionSheet[TAB_META_KEY].close = (e) => {
143
- if (resolve) {
144
- resolve(e);
145
- }
146
- else {
147
- reject(e);
148
- }
149
- };
150
- });
151
- promise['closeMethod'] = () => {
152
- actionSheet.close();
153
- };
154
- return promise;
155
- }
156
- closePopup(popup, com, result, lastActiveElement) {
157
- const closeFunc = (e) => {
158
- com.dispose();
159
- delete e.cancel;
160
- popup[TAB_META_KEY].close(e);
161
- if (lastActiveElement?.focus) {
162
- lastActiveElement.focus();
163
- }
164
- };
165
- const e = { cancel: false };
166
- const closingFunc = popup[TAB_META_KEY].component?.onClosing;
167
- if (closingFunc) {
168
- const res = closingFunc(e);
169
- if (res instanceof Promise) {
170
- res.then(() => {
171
- if (e == null || e.cancel !== true) {
172
- closeFunc(result);
173
- }
174
- });
175
- }
176
- else {
177
- if (e == null || e.cancel !== true) {
178
- closeFunc(result);
179
- }
180
- }
181
- }
182
- else {
183
- closeFunc(result);
184
- }
185
- }
186
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetService, deps: [{ token: i1$1.Overlay }, { token: i2$1.AXOverlayService }], target: i0.ɵɵFactoryTarget.Injectable }); }
187
- static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetService, providedIn: 'root' }); }
188
- }
189
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXActionSheetService, decorators: [{
190
- type: Injectable,
191
- args: [{ providedIn: 'root' }]
192
- }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i2$1.AXOverlayService }]; } });
193
-
194
168
  /**
195
169
  * Generated bundle index. Do not edit.
196
170
  */
@@ -1 +1 @@
1
- {"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../libs/components/action-sheet/src/lib/action-sheet.component.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.component.html","../../../../libs/components/action-sheet/src/lib/action-sheet.module.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.service.ts","../../../../libs/components/action-sheet/src/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXComponentCloseEvent, MXBaseComponent, TAB_META_KEY } from '@acorex/components/common';\nimport {\n CdkPortalOutletAttachedRef,\n ComponentPortal,\n Portal,\n TemplatePortal,\n} from '@angular/cdk/portal';\nimport {\n ChangeDetectionStrategy,\n Component,\n ComponentRef,\n EventEmitter,\n HostListener,\n OnInit,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXActionSheetItem } from './action-sheet.interface';\n\n@Component({\n selector: 'ax-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXActionSheetComponent extends MXBaseComponent implements OnInit {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected _selectedPortal: Portal<any>;\n\n title: string;\n\n subTitle: string;\n\n items: AXActionSheetItem[] = [];\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n content: any;\n\n showCloseButton = true;\n\n showHeader = true;\n\n data: unknown = {};\n\n onClosed: EventEmitter<AXComponentCloseEvent> = new EventEmitter<AXComponentCloseEvent>();\n\n close(): void {\n this.onClosed.emit({\n component: this[TAB_META_KEY].component,\n htmlElement: this.getHostElement(),\n });\n this.cdr.detectChanges();\n }\n\n ngOnInit(): void {\n if (this.content) {\n if (this.content instanceof TemplateRef) {\n this._selectedPortal = new TemplatePortal(this.content, this.getViewContainer(), {\n $implicit: this.data,\n ref: this,\n });\n this.cdr.markForCheck();\n } else if (typeof this.content === 'function') {\n this._selectedPortal = new ComponentPortal(this.content);\n this.cdr.markForCheck();\n }\n }\n }\n\n @HostListener('keydown.escape')\n protected onKeydownHandler() {\n const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n if (this.showCloseButton && focusedOrHasFocused) {\n this.close();\n }\n }\n\n protected _handleAttched(ref: CdkPortalOutletAttachedRef) {\n ref = ref as ComponentRef<unknown>;\n if (ref.instance) {\n this[TAB_META_KEY].component = ref.instance;\n Object.assign(this[TAB_META_KEY].component, this.data);\n if (ref.instance.onClosed) {\n ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n this.onClosed.emit(e);\n });\n }\n }\n }\n\n protected _handleCloseClick() {\n this.close();\n }\n onItemClick(item: AXActionSheetItem) {\n this.close();\n item.onClick();\n }\n}\n","<ax-header *ngIf=\"showHeader\">\n <ax-prefix>\n <ax-title>{{ title }}</ax-title>\n <ax-sub-title *ngIf=\"subTitle\">{{ subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button\n *ngIf=\"showCloseButton\"\n (click)=\"_handleCloseClick()\"\n tabindex=\"1\"\n ></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of items\">\n <div\n class=\"ax-action-sheet-item ax-{{ item.color }}\"\n [class.ax-state-disabled]=\"item.disabled\"\n (click)=\"onItemClick(item)\"\n >\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>\n","import { AXButtonModule } from '@acorex/components/button';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXActionSheetComponent } from './action-sheet.component';\n\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n DragDropModule,\n A11yModule,\n AXButtonModule,\n PortalModule,\n AXDecoratorModule,\n];\n\n@NgModule({\n declarations: [AXActionSheetComponent],\n imports: [...MODULES],\n exports: [AXActionSheetComponent],\n providers: [],\n})\nexport class AXActionSheetModule {}\n","import {\n AXComponentClosedPromise,\n AXComponentCloseEvent,\n AXOverlayService,\n AXOverlayViewRef,\n TAB_META_KEY,\n} from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { Injectable } from '@angular/core';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { AXActionSheetOptions } from './action-sheet.interface';\n\n@Injectable({ providedIn: 'root' })\nexport class AXActionSheetService {\n constructor(private _overlay: Overlay, private overlayService: AXOverlayService) {}\n\n open(options: AXActionSheetOptions): AXComponentClosedPromise {\n const opt: AXActionSheetOptions = {\n title: AXTranslator.get('action-sheet.title'),\n showCloseButton: true,\n closeOnBackdrop: true,\n showHeader: true,\n };\n Object.assign(opt, options);\n\n const lastActiveElement = document.activeElement as HTMLElement;\n\n const com = this.overlayService.show(AXActionSheetComponent, opt, {\n hasBackdrop: true,\n closeOnClickOutside: opt.closeOnBackdrop,\n transparentBackdrop: false,\n panelClass: ['ax-actionsheet-panel'],\n position: this._overlay.position().global().bottom().centerHorizontally(),\n scroll: 'block',\n });\n\n const actionSheet = com.instance as AXActionSheetComponent;\n\n actionSheet[TAB_META_KEY] = {};\n actionSheet.onClosed.subscribe((c) => {\n this.closePopup(actionSheet, com, c, lastActiveElement);\n });\n\n const promise = new AXComponentClosedPromise((resolve, reject) => {\n actionSheet[TAB_META_KEY].close = (e) => {\n if (resolve) {\n resolve(e);\n } else {\n reject(e);\n }\n };\n });\n promise['closeMethod'] = () => {\n actionSheet.close();\n };\n\n return promise;\n }\n\n private closePopup(\n popup: AXActionSheetComponent,\n com: AXOverlayViewRef,\n result: AXComponentCloseEvent,\n lastActiveElement?: HTMLElement\n ) {\n const closeFunc = (e) => {\n com.dispose();\n delete e.cancel;\n popup[TAB_META_KEY].close(e);\n if (lastActiveElement?.focus) {\n lastActiveElement.focus();\n }\n };\n const e = { cancel: false };\n const closingFunc = popup[TAB_META_KEY].component?.onClosing;\n if (closingFunc) {\n const res = closingFunc(e);\n if (res instanceof Promise) {\n res.then(() => {\n if (e == null || e.cancel !== true) {\n closeFunc(result);\n }\n });\n } else {\n if (e == null || e.cancel !== true) {\n closeFunc(result);\n }\n }\n } else {\n closeFunc(result);\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":";;;;;;;;;;;;;;;;AA0BM,MAAO,sBAAuB,SAAQ,eAAe,CAAA;AAP3D,IAAA,WAAA,GAAA;;QAeE,IAAK,CAAA,KAAA,GAAwB,EAAE,CAAC;QAKhC,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;QAEvB,IAAU,CAAA,UAAA,GAAG,IAAI,CAAC;QAElB,IAAI,CAAA,IAAA,GAAY,EAAE,CAAC;AAEnB,QAAA,IAAA,CAAA,QAAQ,GAAwC,IAAI,YAAY,EAAyB,CAAC;AAqD3F,KAAA;IAnDC,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;AACjB,YAAA,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS;AACvC,YAAA,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE;AACnC,SAAA,CAAC,CAAC;AACH,QAAA,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;KAC1B;IAED,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,IAAI,CAAC,OAAO,YAAY,WAAW,EAAE;AACvC,gBAAA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE;oBAC/E,SAAS,EAAE,IAAI,CAAC,IAAI;AACpB,oBAAA,GAAG,EAAE,IAAI;AACV,iBAAA,CAAC,CAAC;AACH,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;AACzB,aAAA;AAAM,iBAAA,IAAI,OAAO,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;gBAC7C,IAAI,CAAC,eAAe,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACzD,gBAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC;AACzB,aAAA;AACF,SAAA;KACF;IAGS,gBAAgB,GAAA;QACxB,MAAM,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;AAC3E,QAAA,IAAI,IAAI,CAAC,eAAe,IAAI,mBAAmB,EAAE;YAC/C,IAAI,CAAC,KAAK,EAAE,CAAC;AACd,SAAA;KACF;AAES,IAAA,cAAc,CAAC,GAA+B,EAAA;QACtD,GAAG,GAAG,GAA4B,CAAC;QACnC,IAAI,GAAG,CAAC,QAAQ,EAAE;YAChB,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC5C,YAAA,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;AACvD,YAAA,IAAI,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE;gBACzB,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAwB,KAAI;AAC3D,oBAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACxB,iBAAC,CAAC,CAAC;AACJ,aAAA;AACF,SAAA;KACF;IAES,iBAAiB,GAAA;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;AACD,IAAA,WAAW,CAAC,IAAuB,EAAA;QACjC,IAAI,CAAC,KAAK,EAAE,CAAC;QACb,IAAI,CAAC,OAAO,EAAE,CAAC;KAChB;8GAvEU,sBAAsB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,+IC1BnC,23BA0BA,EAAA,MAAA,EAAA,CAAA,+vDAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,4BAAA,EAAA,QAAA,EAAA,cAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDAa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAPlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAGV,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,23BAAA,EAAA,MAAA,EAAA,CAAA,+vDAAA,CAAA,EAAA,CAAA;8BA+C3B,gBAAgB,EAAA,CAAA;sBADzB,YAAY;uBAAC,gBAAgB,CAAA;;;AE3DhC,MAAM,OAAO,GAAG;IACd,YAAY;IACZ,cAAc;IACd,cAAc;IACd,UAAU;IACV,cAAc;IACd,YAAY;IACZ,iBAAiB;CAClB,CAAC;MAQW,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,YAAA,EAAA,CALf,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAVrC,YAAY;YACZ,cAAc;YACd,cAAc;YACd,UAAU;YACV,cAAc;YACd,YAAY;AACZ,YAAA,iBAAiB,aAMP,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGrB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAJjB,OAAO,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAIT,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,sBAAsB,CAAC;AACtC,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;oBACrB,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;MCZY,oBAAoB,CAAA;IAC/B,WAAoB,CAAA,QAAiB,EAAU,cAAgC,EAAA;QAA3D,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAS;QAAU,IAAc,CAAA,cAAA,GAAd,cAAc,CAAkB;KAAI;AAEnF,IAAA,IAAI,CAAC,OAA6B,EAAA;AAChC,QAAA,MAAM,GAAG,GAAyB;AAChC,YAAA,KAAK,EAAE,YAAY,CAAC,GAAG,CAAC,oBAAoB,CAAC;AAC7C,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,UAAU,EAAE,IAAI;SACjB,CAAC;AACF,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AAE5B,QAAA,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAA4B,CAAC;QAEhE,MAAM,GAAG,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;AAChE,YAAA,WAAW,EAAE,IAAI;YACjB,mBAAmB,EAAE,GAAG,CAAC,eAAe;AACxC,YAAA,mBAAmB,EAAE,KAAK;YAC1B,UAAU,EAAE,CAAC,sBAAsB,CAAC;AACpC,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,kBAAkB,EAAE;AACzE,YAAA,MAAM,EAAE,OAAO;AAChB,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,WAAW,GAAG,GAAG,CAAC,QAAkC,CAAC;AAE3D,QAAA,WAAW,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;QAC/B,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;YACnC,IAAI,CAAC,UAAU,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,EAAE,iBAAiB,CAAC,CAAC;AAC1D,SAAC,CAAC,CAAC;QAEH,MAAM,OAAO,GAAG,IAAI,wBAAwB,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;YAC/D,WAAW,CAAC,YAAY,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAI;AACtC,gBAAA,IAAI,OAAO,EAAE;oBACX,OAAO,CAAC,CAAC,CAAC,CAAC;AACZ,iBAAA;AAAM,qBAAA;oBACL,MAAM,CAAC,CAAC,CAAC,CAAC;AACX,iBAAA;AACH,aAAC,CAAC;AACJ,SAAC,CAAC,CAAC;AACH,QAAA,OAAO,CAAC,aAAa,CAAC,GAAG,MAAK;YAC5B,WAAW,CAAC,KAAK,EAAE,CAAC;AACtB,SAAC,CAAC;AAEF,QAAA,OAAO,OAAO,CAAC;KAChB;AAEO,IAAA,UAAU,CAChB,KAA6B,EAC7B,GAAqB,EACrB,MAA6B,EAC7B,iBAA+B,EAAA;AAE/B,QAAA,MAAM,SAAS,GAAG,CAAC,CAAC,KAAI;YACtB,GAAG,CAAC,OAAO,EAAE,CAAC;YACd,OAAO,CAAC,CAAC,MAAM,CAAC;YAChB,KAAK,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7B,IAAI,iBAAiB,EAAE,KAAK,EAAE;gBAC5B,iBAAiB,CAAC,KAAK,EAAE,CAAC;AAC3B,aAAA;AACH,SAAC,CAAC;AACF,QAAA,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;QAC5B,MAAM,WAAW,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC;AAC7D,QAAA,IAAI,WAAW,EAAE;AACf,YAAA,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;YAC3B,IAAI,GAAG,YAAY,OAAO,EAAE;AAC1B,gBAAA,GAAG,CAAC,IAAI,CAAC,MAAK;oBACZ,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE;wBAClC,SAAS,CAAC,MAAM,CAAC,CAAC;AACnB,qBAAA;AACH,iBAAC,CAAC,CAAC;AACJ,aAAA;AAAM,iBAAA;gBACL,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,MAAM,KAAK,IAAI,EAAE;oBAClC,SAAS,CAAC,MAAM,CAAC,CAAC;AACnB,iBAAA;AACF,aAAA;AACF,SAAA;AAAM,aAAA;YACL,SAAS,CAAC,MAAM,CAAC,CAAC;AACnB,SAAA;KACF;8GA9EU,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,IAAA,CAAA,OAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,IAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;AAApB,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cADP,MAAM,EAAA,CAAA,CAAA,EAAA;;2FACnB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAA;;;ACblC;;AAEG;;;;"}
1
+ {"version":3,"file":"acorex-components-action-sheet.mjs","sources":["../../../../libs/components/action-sheet/src/lib/action-sheet.component.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.component.html","../../../../libs/components/action-sheet/src/lib/action-sheet.service.ts","../../../../libs/components/action-sheet/src/lib/action-sheet.module.ts","../../../../libs/components/action-sheet/src/acorex-components-action-sheet.ts"],"sourcesContent":["import { AXComponentCloseEvent, MXBaseComponent, AXClosbaleComponent, AXFocusableComponent } from '@acorex/components/common';\nimport {\n CdkPortalOutletAttachedRef,\n ComponentPortal,\n Portal,\n TemplatePortal,\n} from '@angular/cdk/portal';\nimport {\n ChangeDetectionStrategy,\n Component,\n ComponentRef,\n HostListener,\n Inject,\n OnInit,\n TemplateRef,\n ViewEncapsulation,\n} from '@angular/core';\nimport { AXActionSheetData, AXActionSheetItem } from './action-sheet.class';\nimport { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\n\n@Component({\n selector: 'ax-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [{\n provide: AXClosbaleComponent, useExisting: AXActionSheetComponent,\n },\n {\n provide: AXFocusableComponent, useExisting: AXActionSheetComponent,\n }]\n})\nexport class AXActionSheetComponent extends MXBaseComponent implements OnInit {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected _selectedPortal: Portal<any>;\n\n private _componentRef: unknown\n\n /**\n * @ignore\n */\n constructor(\n @Inject(DIALOG_DATA)\n protected data: AXActionSheetData,\n private dialogRef: DialogRef<AXComponentCloseEvent>,\n ) {\n super();\n }\n\n ngOnInit(): void {\n if (this.data.content) {\n if (this.data.content instanceof TemplateRef) {\n this._selectedPortal = new TemplatePortal(this.data.content, this.getViewContainer(), {\n $implicit: this.data,\n ref: this,\n });\n this.cdr.markForCheck();\n } else if (typeof this.data.content === 'function') {\n this._selectedPortal = new ComponentPortal(this.data.content);\n this.cdr.markForCheck();\n }\n }\n }\n\n @HostListener('keydown.escape')\n protected onKeydownHandler() {\n const focusedOrHasFocused = this.getHostElement().matches(':focus-within');\n if (this.data.closeButton && focusedOrHasFocused) {\n this.close();\n }\n }\n\n _handleAttched(ref: CdkPortalOutletAttachedRef) {\n ref = ref as ComponentRef<any>;\n if (ref.instance) {\n this._componentRef = ref.instance;\n Object.assign(this._componentRef, this.data);\n Object.assign(this._componentRef, { _isPopup: true });\n if (ref.instance.onClosed) {\n ref.instance.onClosed.subscribe((e: AXComponentCloseEvent) => {\n this.close();\n });\n }\n }\n }\n\n onItemClick(item: AXActionSheetItem) {\n this.close();\n item?.onClick();\n }\n\n close() {\n this.dialogRef.close({\n component: this._componentRef,\n htmlElement: this.getHostElement(),\n });\n }\n}\n","<ax-header *ngIf=\"data.header\">\n <ax-prefix>\n <ax-title>{{ data.title }}</ax-title>\n <ax-sub-title *ngIf=\"data.subTitle\">{{ data.subTitle }}</ax-sub-title>\n </ax-prefix>\n <ax-suffix>\n <ax-close-button *ngIf=\"data.closeButton\"></ax-close-button>\n </ax-suffix>\n</ax-header>\n<ng-template [cdkPortalOutlet]=\"_selectedPortal\" (attached)=\"_handleAttched($event)\"></ng-template>\n<div class=\"ax-action-sheet-items\">\n <ng-container *ngFor=\"let item of data.items\">\n <div class=\"ax-action-sheet-item ax-{{ item.color }}\" [class.ax-state-disabled]=\"item.disabled\" tabindex=\"0\"\n (click)=\"onItemClick(item)\">\n <span class=\"item-icon\" *ngIf=\"item.icon\" [class]=\"item.icon\"></span>\n <span class=\"item-text\">{{ item.text }}</span>\n </div>\n </ng-container>\n</div>","import {\n AXComponentClosedPromise\n} from '@acorex/components/common';\nimport { AXTranslator } from '@acorex/core/translation';\nimport { inject, Injectable } from '@angular/core';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { Dialog } from '@angular/cdk/dialog';\nimport { AXActionSheetConfig } from './action-sheet.class';\nimport { GlobalPositionStrategy } from '@angular/cdk/overlay';\n\n@Injectable()\nexport class AXActionSheetService {\n\n private dialog: Dialog = inject(Dialog);\n\n\n open(config: AXActionSheetConfig): AXComponentClosedPromise {\n const defaultConfig: AXActionSheetConfig = {\n title: AXTranslator.get('action-sheet.title'),\n closeButton: true,\n closeOnBackdropClick: true,\n header: true,\n };\n config = Object.assign(defaultConfig, config);\n\n const dialogRef = this.dialog.open(AXActionSheetComponent, {\n data: config,\n autoFocus: \"first-tabbable\",\n restoreFocus: true,\n role: 'dialog',\n ariaModal: true,\n closeOnNavigation: true,\n closeOnDestroy: true,\n hasBackdrop: true,\n panelClass: ['ax-actionsheet-panel'],\n disableClose: config.closeOnBackdropClick ? false : true,\n positionStrategy: new GlobalPositionStrategy().centerHorizontally().bottom()\n });\n const promise = new AXComponentClosedPromise((resolve) => {\n dialogRef.closed.subscribe(() => {\n if (resolve) {\n resolve();\n }\n });\n });\n return promise;\n }\n}\n","import { AXButtonModule } from '@acorex/components/button';\nimport { A11yModule } from '@angular/cdk/a11y';\nimport { DragDropModule } from '@angular/cdk/drag-drop';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { AXCommonModule } from '@acorex/components/common';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\nimport { AXActionSheetComponent } from './action-sheet.component';\nimport { AXActionSheetService } from './action-sheet.service';\nimport { DialogModule } from '@angular/cdk/dialog';\n\nconst MODULES = [\n CommonModule,\n AXCommonModule,\n DragDropModule,\n A11yModule,\n AXButtonModule,\n PortalModule,\n AXDecoratorModule,\n DialogModule\n];\n\n@NgModule({\n declarations: [AXActionSheetComponent],\n imports: [...MODULES],\n exports: [AXActionSheetComponent],\n providers: [AXActionSheetService],\n})\nexport class AXActionSheetModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import { AXButtonComponent } from '@acorex/components/button';
2
2
  import { MXColorComponent, AXClosbaleComponent } from '@acorex/components/common';
3
- import { AXDecoratorIconComponent, AXDecoratorTitleComponent, AXDecoratorContentComponent, AXDecoratorFooterComponent, AXDecoratorModule } from '@acorex/components/decorators';
3
+ import { AXDecoratorModule } from '@acorex/components/decorators';
4
4
  import * as i0 from '@angular/core';
5
5
  import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, ContentChild, ContentChildren, Output, HostBinding, Input, NgModule } from '@angular/core';
6
6
  import { classes } from 'polytype';
@@ -67,13 +67,10 @@ class AXAlertComponent extends classes(MXColorComponent) {
67
67
  }
68
68
  ngOnInit() {
69
69
  const config = { attributes: false, childList: true, subtree: true };
70
- const callback = (mutationList, observer) => {
70
+ const callback = (mutationList) => {
71
71
  for (const mutation of mutationList) {
72
72
  if (mutation.type === 'childList') {
73
- this._setIcon();
74
- this._applyButtonStyle();
75
- this._showInline = this._contentComp != null || this._footerComp != null;
76
- this.cdr.markForCheck();
73
+ this._setLayout();
77
74
  }
78
75
  }
79
76
  };
@@ -92,17 +89,20 @@ class AXAlertComponent extends classes(MXColorComponent) {
92
89
  }
93
90
  //
94
91
  this._customIcon = this._iconComp?.icon;
95
- this._showInline = this._contentComp != null || this._footerComp != null;
92
+ this._setLayout();
93
+ }
94
+ _setLayout() {
96
95
  this._setIcon();
97
96
  this._applyButtonStyle();
97
+ this._showInline = this._contentComp == null && this._footerComp == null;
98
98
  this.cdr.markForCheck();
99
99
  }
100
- _handleOnOptionChanged(e) {
100
+ _handleOnOptionChanged() {
101
101
  this._setIcon();
102
102
  this._applyButtonStyle();
103
103
  }
104
104
  _setIcon() {
105
- if (!this._iconComp || this._iconComp._getInnerElement())
105
+ if (!this._iconComp || this._iconComp.getHostElement().firstElementChild)
106
106
  return;
107
107
  switch (this.color) {
108
108
  case 'success':
@@ -126,7 +126,6 @@ class AXAlertComponent extends classes(MXColorComponent) {
126
126
  this._buttonComps?.forEach((c) => {
127
127
  c.color = this.color;
128
128
  c.getHostElement().classList.add('ax-sm');
129
- c.look = !c.look || c.look == 'default' ? 'default' : 'blank';
130
129
  });
131
130
  }
132
131
  /**
@@ -160,27 +159,27 @@ class AXAlertComponent extends classes(MXColorComponent) {
160
159
  this._observer?.disconnect();
161
160
  this.onOptionChanged?.unsubscribe();
162
161
  }
163
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
164
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.5", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { colorChange: "colorChange", onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_iconComp", first: true, predicate: AXDecoratorIconComponent, descendants: true }, { propertyName: "_titleComp", first: true, predicate: AXDecoratorTitleComponent, descendants: true }, { propertyName: "_contentComp", first: true, predicate: AXDecoratorContentComponent, descendants: true, static: true }, { propertyName: "_footerComp", first: true, predicate: AXDecoratorFooterComponent, descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\n <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-alert-inline-middle\">\n <div class=\"ax-alert-middle-block-start\">\n <div class=\"ax-alert-title\">\n <ng-content select=\"ax-title\"></ng-content>\n </div>\n </div>\n <div class=\"ax-alert-middle-block-end\" [class.ax-hidden]=\"!_showInline\" [class.ax-title-gap]=\"_titleComp\">\n <ng-content select=\"ax-content\"> </ng-content>\n <ng-content select=\"ax-footer\"> </ng-content>\n </div>\n</div>\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\n <ng-content select=\"ax-button\"></ng-content>\n <ng-content select=\"ax-close-button\"></ng-content>\n</div>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:flex-start}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
162
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
163
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: AXAlertComponent, selector: "ax-alert", inputs: { color: "color", timeOut: "timeOut", visible: "visible" }, outputs: { colorChange: "colorChange", onClosed: "onClosed" }, host: { properties: { "class": "this.__hostClass" } }, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], queries: [{ propertyName: "_iconComp", first: true, predicate: ["ax-icon"], descendants: true }, { propertyName: "_titleComp", first: true, predicate: ["ax-title"], descendants: true }, { propertyName: "_contentComp", first: true, predicate: ["ax-content"], descendants: true }, { propertyName: "_footerComp", first: true, predicate: ["ax-footer"], descendants: true }, { propertyName: "_buttonComps", predicate: AXButtonComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"_showInline; else elseTpl\">\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #elseTpl>\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n</ng-template>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden;border:1px solid}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}ax-alert .ax-alert-inline{display:flex;align-items:center;align-content:center;flex:1}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column}ax-alert .ax-alert-block .ax-alert-content ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{border-radius:99rem;display:grid;font-size:1.25rem;line-height:1.25rem;padding-inline-end:.5rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-100))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-100))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-100))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-100))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-100))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-100))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
165
164
  }
166
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAlertComponent, decorators: [{
165
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAlertComponent, decorators: [{
167
166
  type: Component,
168
- args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<div class=\"ax-alert-inline-start\" [class.!ax-items-start]=\"_showInline\">\n <ng-content select=\"ax-icon\"></ng-content>\n</div>\n<div class=\"ax-alert-inline-middle\">\n <div class=\"ax-alert-middle-block-start\">\n <div class=\"ax-alert-title\">\n <ng-content select=\"ax-title\"></ng-content>\n </div>\n </div>\n <div class=\"ax-alert-middle-block-end\" [class.ax-hidden]=\"!_showInline\" [class.ax-title-gap]=\"_titleComp\">\n <ng-content select=\"ax-content\"> </ng-content>\n <ng-content select=\"ax-footer\"> </ng-content>\n </div>\n</div>\n<div class=\"ax-alert-inline-end\" [class.!ax-items-start]=\"_showInline\">\n <ng-content select=\"ax-button\"></ng-content>\n <ng-content select=\"ax-close-button\"></ng-content>\n</div>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-600));border-color:rgba(var(--ax-color-primary-600))}.ax-dark ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-600));border-color:rgba(var(--ax-color-secondary-600))}.ax-dark ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-600));border-color:rgba(var(--ax-color-success-600))}.ax-dark ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-600));border-color:rgba(var(--ax-color-warning-600))}.ax-dark ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-600));border-color:rgba(var(--ax-color-danger-600))}.ax-dark ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-600));border-color:rgba(var(--ax-color-info-600))}.ax-dark ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-fore))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}ax-alert.ax-state-hidden{visibility:hidden;opacity:0}ax-alert.ax-state-visible{visibility:visible;opacity:1}ax-alert .ax-alert-inline-middle{display:flex;flex-direction:column;justify-content:center;flex:1 1 0%}ax-alert .ax-alert-inline-start,ax-alert .ax-alert-inline-end{display:flex}ax-alert .ax-alert-inline-start.ax-items-start,ax-alert .ax-alert-inline-end.ax-items-start{align-items:flex-start!important}ax-alert .ax-alert-inline-start{align-items:flex-start}ax-alert .ax-alert-inline-start>ax-icon{border-radius:99rem;display:grid;place-items:center;font-size:1.25rem;line-height:1.25rem}ax-alert .ax-alert-inline-end{align-items:center}ax-alert .ax-alert-middle-block-start{display:flex;align-items:center;justify-content:center}ax-alert .ax-alert-middle-block-start .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-middle-block-start .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-middle-block-end{display:flex;flex-direction:column;gap:1rem}ax-alert .ax-alert-middle-block-end.ax-title-gap{margin-top:.5rem}ax-alert .ax-alert-middle-block-end.ax-hidden{display:none!important}ax-alert .ax-alert-middle-block-end ax-content{display:block}ax-alert .ax-alert-middle-block-end ax-footer{background-color:transparent}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-inline-start>ax-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"] }]
167
+ args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "<ng-container *ngIf=\"_showInline; else elseTpl\">\n <div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <div class=\"ax-alert-buttons\">\n <ng-container [ngTemplateOutlet]=\"buttons\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container>\n </div>\n</ng-container>\n\n<ng-template #elseTpl>\n <div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon\">\n <ng-container [ngTemplateOutlet]=\"icon\"></ng-container>\n </div>\n <div class=\"ax-alert-content\">\n <div class=\"ax-alert-title\">\n <ng-container [ngTemplateOutlet]=\"title\"></ng-container>\n </div>\n <ng-container [ngTemplateOutlet]=\"content\"></ng-container>\n <ng-container [ngTemplateOutlet]=\"footer\"></ng-container>\n </div>\n <div><ng-container [ngTemplateOutlet]=\"closeButton\"></ng-container></div>\n </div>\n</ng-template>\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\" *ngIf=\"timeOut\"></div>\n\n<ng-template #buttons>\n <ng-content select=\"ax-button\"> </ng-content>\n</ng-template>\n<ng-template #closeButton>\n <ng-content select=\"ax-close-button\"> </ng-content>\n</ng-template>\n<ng-template #title>\n <ng-content select=\"ax-title\"> </ng-content>\n</ng-template>\n<ng-template #icon>\n <ng-content select=\"ax-icon\"> </ng-content>\n</ng-template>\n<ng-template #content>\n <ng-content select=\"ax-content\"> </ng-content>\n</ng-template>\n<ng-template #footer>\n <ng-content select=\"ax-footer\"> </ng-content>\n</ng-template>\n", styles: [".ax-dark ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-default ax-button[class$=blank]{color:rgba(var(--ax-color-text-default))}.ax-dark ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;padding:1rem;border-radius:var(--ax-rounded-border-default);font-size:.875rem;display:flex;gap:1rem;overflow:hidden;border:1px solid}ax-alert.ax-default-default{border:1px solid;border-color:rgba(var(--ax-color-border-default));background-color:rgba(var(--ax-color-surface))}ax-alert .ax-alert-inline{display:flex;align-items:center;align-content:center;flex:1}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column}ax-alert .ax-alert-block .ax-alert-content ax-content:not(:empty){margin-top:.5rem}ax-alert .ax-alert-block .ax-alert-content ax-footer{margin-top:1rem}ax-alert .ax-alert-icon{border-radius:99rem;display:grid;font-size:1.25rem;line-height:1.25rem;padding-inline-end:.5rem}ax-alert .ax-alert-buttons{padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex-direction:column;flex:1}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{width:0px;height:.25rem;position:absolute;inset-inline-start:0px;bottom:0;animation-duration:4s;animation-timing-function:linear;animation-name:progressBar}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-default{background-color:rgba(var(--ax-color-primary-50));border-color:rgba(var(--ax-color-primary-100))}ax-alert.ax-primary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-primary-default .ax-alert-icon{color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-default .ax-alert-progress{background-color:rgba(var(--ax-color-primary-900))}ax-alert.ax-secondary-default{background-color:rgba(var(--ax-color-secondary-50));border-color:rgba(var(--ax-color-secondary-100))}ax-alert.ax-secondary-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-secondary-default .ax-alert-icon{color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-default .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-900))}ax-alert.ax-success-default{background-color:rgba(var(--ax-color-success-50));border-color:rgba(var(--ax-color-success-100))}ax-alert.ax-success-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-success-default .ax-alert-icon{color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-default .ax-alert-progress{background-color:rgba(var(--ax-color-success-900))}ax-alert.ax-warning-default{background-color:rgba(var(--ax-color-warning-50));border-color:rgba(var(--ax-color-warning-100))}ax-alert.ax-warning-default ax-button[class$=blank]{color:rgba(var(--ax-color-warning-fore))}ax-alert.ax-warning-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-warning-default .ax-alert-icon{color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-default .ax-alert-progress{background-color:rgba(var(--ax-color-warning-900))}ax-alert.ax-danger-default{background-color:rgba(var(--ax-color-danger-50));border-color:rgba(var(--ax-color-danger-100))}ax-alert.ax-danger-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-danger-default .ax-alert-icon{color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-default .ax-alert-progress{background-color:rgba(var(--ax-color-danger-900))}ax-alert.ax-info-default{background-color:rgba(var(--ax-color-info-50));border-color:rgba(var(--ax-color-info-100))}ax-alert.ax-info-default ax-title{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default ax-content{color:rgba(var(--ax-color-text-default))}ax-alert.ax-info-default .ax-alert-icon{color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-default .ax-alert-progress{background-color:rgba(var(--ax-color-info-900))}\n"] }]
169
168
  }], propDecorators: { _iconComp: [{
170
169
  type: ContentChild,
171
- args: [AXDecoratorIconComponent]
170
+ args: ["ax-icon"]
172
171
  }], _buttonComps: [{
173
172
  type: ContentChildren,
174
173
  args: [AXButtonComponent, { descendants: true }]
175
174
  }], _titleComp: [{
176
175
  type: ContentChild,
177
- args: [AXDecoratorTitleComponent]
176
+ args: ["ax-title"]
178
177
  }], _contentComp: [{
179
178
  type: ContentChild,
180
- args: [AXDecoratorContentComponent, { static: true }]
179
+ args: ["ax-content"]
181
180
  }], _footerComp: [{
182
181
  type: ContentChild,
183
- args: [AXDecoratorFooterComponent]
182
+ args: ["ax-footer"]
184
183
  }], onClosed: [{
185
184
  type: Output
186
185
  }], __hostClass: [{
@@ -195,11 +194,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImpor
195
194
  const COMPONENT = [AXAlertComponent];
196
195
  const MODULES = [CommonModule, AXDecoratorModule];
197
196
  class AXAlertModule {
198
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
199
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.5", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] }); }
200
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAlertModule, imports: [MODULES] }); }
197
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
198
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] }); }
199
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAlertModule, imports: [MODULES] }); }
201
200
  }
202
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.5", ngImport: i0, type: AXAlertModule, decorators: [{
201
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: AXAlertModule, decorators: [{
203
202
  type: NgModule,
204
203
  args: [{
205
204
  declarations: [...COMPONENT],