@acorex/components 7.19.5 → 7.20.0

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 (270) hide show
  1. package/bottom-navigation/README.md +3 -0
  2. package/bottom-navigation/index.d.ts +3 -0
  3. package/bottom-navigation/lib/bottom-navigation-item/bottom-navigation-item.component.d.ts +15 -0
  4. package/bottom-navigation/lib/bottom-navigation.component.d.ts +17 -0
  5. package/bottom-navigation/lib/bottom-navigation.module.d.ts +9 -0
  6. package/esm2022/action-sheet/lib/action-sheet.component.mjs +3 -3
  7. package/esm2022/action-sheet/lib/action-sheet.module.mjs +4 -4
  8. package/esm2022/action-sheet/lib/action-sheet.service.mjs +3 -3
  9. package/esm2022/alert/lib/alert.component.mjs +3 -3
  10. package/esm2022/alert/lib/alert.module.mjs +4 -4
  11. package/esm2022/avatar/lib/avatar-group.component.mjs +3 -3
  12. package/esm2022/avatar/lib/avatar.component.mjs +3 -3
  13. package/esm2022/avatar/lib/avatar.module.mjs +4 -4
  14. package/esm2022/badge/lib/badge.component.mjs +3 -3
  15. package/esm2022/badge/lib/badge.module.mjs +4 -4
  16. package/esm2022/bottom-navigation/acorex-components-bottom-navigation.mjs +5 -0
  17. package/esm2022/bottom-navigation/index.mjs +4 -0
  18. package/esm2022/bottom-navigation/lib/bottom-navigation-item/bottom-navigation-item.component.mjs +46 -0
  19. package/esm2022/bottom-navigation/lib/bottom-navigation.component.mjs +49 -0
  20. package/esm2022/bottom-navigation/lib/bottom-navigation.module.mjs +22 -0
  21. package/esm2022/breadcrumbs/lib/breadcrumbs-item.component.mjs +3 -3
  22. package/esm2022/breadcrumbs/lib/breadcrumbs.component.mjs +3 -3
  23. package/esm2022/breadcrumbs/lib/breadcrumbs.module.mjs +4 -4
  24. package/esm2022/button/lib/button-item-list.component.mjs +3 -3
  25. package/esm2022/button/lib/button-item.component.mjs +3 -3
  26. package/esm2022/button/lib/button.component.mjs +3 -3
  27. package/esm2022/button/lib/button.module.mjs +4 -4
  28. package/esm2022/button-group/lib/button-group.component.mjs +3 -3
  29. package/esm2022/button-group/lib/button-group.module.mjs +4 -4
  30. package/esm2022/calendar/lib/calendar-range.component.mjs +3 -3
  31. package/esm2022/calendar/lib/calendar.class.mjs +3 -3
  32. package/esm2022/calendar/lib/calendar.component.mjs +3 -3
  33. package/esm2022/calendar/lib/calendar.module.mjs +4 -4
  34. package/esm2022/check-box/lib/check-box.component.mjs +3 -3
  35. package/esm2022/check-box/lib/check-box.module.mjs +4 -4
  36. package/esm2022/chips/lib/chips.component.mjs +3 -3
  37. package/esm2022/chips/lib/chips.module.mjs +4 -4
  38. package/esm2022/circular-progress/lib/circular-progress.component.mjs +3 -3
  39. package/esm2022/circular-progress/lib/circular-progress.module.mjs +4 -4
  40. package/esm2022/collapse/lib/collapse-group.component.mjs +3 -3
  41. package/esm2022/collapse/lib/collapse.component.mjs +3 -3
  42. package/esm2022/collapse/lib/collapse.module.mjs +4 -4
  43. package/esm2022/color-box/lib/color-box.component.mjs +3 -3
  44. package/esm2022/color-box/lib/color-box.module.mjs +4 -4
  45. package/esm2022/color-palette/lib/color-palette-input.component.mjs +3 -3
  46. package/esm2022/color-palette/lib/color-palette-picker.component.mjs +3 -3
  47. package/esm2022/color-palette/lib/color-palette-preview.component.mjs +3 -3
  48. package/esm2022/color-palette/lib/color-palette-swatches.component.mjs +3 -3
  49. package/esm2022/color-palette/lib/color-palette.class.mjs +6 -6
  50. package/esm2022/color-palette/lib/color-palette.component.mjs +3 -3
  51. package/esm2022/color-palette/lib/color-palette.module.mjs +4 -4
  52. package/esm2022/common/lib/classes/components.class.mjs +21 -21
  53. package/esm2022/common/lib/common.module.mjs +4 -4
  54. package/esm2022/common/lib/components/base-component.class.mjs +3 -3
  55. package/esm2022/common/lib/components/input-base-value-component.class.mjs +3 -3
  56. package/esm2022/common/lib/components/look-component.class.mjs +3 -3
  57. package/esm2022/common/lib/components/selection-base.component.class.mjs +6 -6
  58. package/esm2022/common/lib/components/value-component.class.mjs +3 -3
  59. package/esm2022/common/lib/directives/auto-focus.directive.mjs +3 -3
  60. package/esm2022/common/lib/directives/delayed-value-changed.directive.mjs +3 -3
  61. package/esm2022/common/lib/directives/hotkey.directive.mjs +3 -3
  62. package/esm2022/common/lib/directives/infinite-scroll.directive.mjs +3 -3
  63. package/esm2022/common/lib/directives/responsive.directive.mjs +3 -3
  64. package/esm2022/common/lib/directives/ripple.directive.mjs +3 -3
  65. package/esm2022/common/lib/services/dom.service.mjs +3 -3
  66. package/esm2022/common/lib/services/hotkey.service.mjs +3 -3
  67. package/esm2022/data-pager/lib/data-pager-base.component.mjs +6 -6
  68. package/esm2022/data-pager/lib/data-pager-info.component.mjs +3 -3
  69. package/esm2022/data-pager/lib/data-pager-input-selector.component.mjs +3 -3
  70. package/esm2022/data-pager/lib/data-pager-next-buttons.components.mjs +3 -3
  71. package/esm2022/data-pager/lib/data-pager-numeric-selector.component.mjs +3 -3
  72. package/esm2022/data-pager/lib/data-pager-pagesize-dropdown.component.mjs +3 -3
  73. package/esm2022/data-pager/lib/data-pager-prev-buttons.component.mjs +3 -3
  74. package/esm2022/data-pager/lib/data-pager.component.mjs +3 -3
  75. package/esm2022/data-pager/lib/data-pager.module.mjs +4 -4
  76. package/esm2022/data-table/lib/columns/data-table-column-resizable.directive.mjs +3 -3
  77. package/esm2022/data-table/lib/columns/data-table-column.mjs +3 -3
  78. package/esm2022/data-table/lib/columns/data-text-column.component.mjs +3 -3
  79. package/esm2022/data-table/lib/columns/row-command-column.component.mjs +6 -6
  80. package/esm2022/data-table/lib/columns/row-index-column.component.mjs +3 -3
  81. package/esm2022/data-table/lib/columns/row-select-column.component.mjs +3 -3
  82. package/esm2022/data-table/lib/data-table.component.mjs +3 -3
  83. package/esm2022/data-table/lib/data-table.module.mjs +4 -4
  84. package/esm2022/datetime-box/lib/datetime-box.component.mjs +3 -3
  85. package/esm2022/datetime-box/lib/datetime-box.module.mjs +4 -4
  86. package/esm2022/datetime-input/lib/datetime-input.component.mjs +3 -3
  87. package/esm2022/datetime-input/lib/datetime-input.module.mjs +4 -4
  88. package/esm2022/datetime-picker/lib/datetime-picker.component.mjs +3 -3
  89. package/esm2022/datetime-picker/lib/datetime-picker.module.mjs +4 -4
  90. package/esm2022/decorators/lib/components/clear-button.component.mjs +3 -3
  91. package/esm2022/decorators/lib/components/close-button.component.mjs +3 -3
  92. package/esm2022/decorators/lib/components/generic-content.component.mjs +3 -3
  93. package/esm2022/decorators/lib/components/icon.component.mjs +3 -3
  94. package/esm2022/decorators/lib/decorators.module.mjs +4 -4
  95. package/esm2022/dialog/lib/dialog.component.mjs +3 -3
  96. package/esm2022/dialog/lib/dialog.module.mjs +4 -4
  97. package/esm2022/dialog/lib/dialog.service.mjs +3 -3
  98. package/esm2022/drawer/lib/drawer-container.component.mjs +3 -3
  99. package/esm2022/drawer/lib/drawer.component.mjs +3 -3
  100. package/esm2022/drawer/lib/drawer.module.mjs +4 -4
  101. package/esm2022/dropdown/lib/dropdown-box.class.mjs +3 -3
  102. package/esm2022/dropdown/lib/dropdown-box.component.mjs +3 -3
  103. package/esm2022/dropdown/lib/dropdown-panel.component.mjs +3 -3
  104. package/esm2022/dropdown/lib/dropdown.module.mjs +4 -4
  105. package/esm2022/form/lib/form-field.component.mjs +3 -3
  106. package/esm2022/form/lib/form.component.mjs +3 -3
  107. package/esm2022/form/lib/form.module.mjs +4 -4
  108. package/esm2022/form/lib/validation-rule.directive.mjs +3 -3
  109. package/esm2022/form/lib/validation-summary.component.mjs +3 -3
  110. package/esm2022/image/lib/image.component.mjs +3 -3
  111. package/esm2022/image/lib/image.module.mjs +4 -4
  112. package/esm2022/label/lib/label.component.mjs +3 -3
  113. package/esm2022/label/lib/label.module.mjs +4 -4
  114. package/esm2022/list/lib/list.component.mjs +16 -13
  115. package/esm2022/list/lib/list.module.mjs +4 -4
  116. package/esm2022/loading/lib/loading-spinner.component.mjs +3 -3
  117. package/esm2022/loading/lib/loading.component.mjs +3 -3
  118. package/esm2022/loading/lib/loading.directive.mjs +3 -3
  119. package/esm2022/loading/lib/loading.module.mjs +4 -4
  120. package/esm2022/loading/lib/loading.service.mjs +3 -3
  121. package/esm2022/menu/lib/menu-item/menu-item.component.mjs +3 -3
  122. package/esm2022/menu/lib/menu.component.mjs +3 -3
  123. package/esm2022/menu/lib/menu.module.mjs +4 -4
  124. package/esm2022/nav/lib/nav-item/nav-item.component.mjs +3 -3
  125. package/esm2022/nav/lib/nav.component.mjs +4 -4
  126. package/esm2022/nav/lib/nav.module.mjs +4 -4
  127. package/esm2022/navbar/lib/navbar.component.mjs +3 -3
  128. package/esm2022/navbar/lib/navbar.module.mjs +4 -4
  129. package/esm2022/notification/lib/notification.component.mjs +3 -3
  130. package/esm2022/notification/lib/notification.module.mjs +4 -4
  131. package/esm2022/notification/lib/notification.service.mjs +3 -3
  132. package/esm2022/number-box/lib/number-box.component.mjs +3 -3
  133. package/esm2022/number-box/lib/number-box.module.mjs +4 -4
  134. package/esm2022/otp/lib/otp.component.mjs +3 -3
  135. package/esm2022/otp/lib/otp.module.mjs +4 -4
  136. package/esm2022/page/lib/base-page.class.mjs +3 -3
  137. package/esm2022/page/lib/page.component.mjs +3 -3
  138. package/esm2022/page/lib/page.module.mjs +4 -4
  139. package/esm2022/password-box/lib/password-box.component.mjs +3 -3
  140. package/esm2022/password-box/lib/password-box.module.mjs +4 -4
  141. package/esm2022/phone-box/lib/phone-box.component.mjs +3 -3
  142. package/esm2022/phone-box/lib/phone-box.module.mjs +4 -4
  143. package/esm2022/picker/lib/picker-column.directive.mjs +3 -3
  144. package/esm2022/picker/lib/picker.component.mjs +3 -3
  145. package/esm2022/picker/lib/picker.module.mjs +4 -4
  146. package/esm2022/popover/lib/popover.component.mjs +3 -3
  147. package/esm2022/popover/lib/popover.module.mjs +4 -4
  148. package/esm2022/popup/lib/popup.component.mjs +4 -4
  149. package/esm2022/popup/lib/popup.module.mjs +4 -4
  150. package/esm2022/popup/lib/popup.service.mjs +3 -3
  151. package/esm2022/progress-bar/lib/progress-bar.component.mjs +3 -3
  152. package/esm2022/progress-bar/lib/progress-bar.module.mjs +4 -4
  153. package/esm2022/radio/lib/radio.component.mjs +3 -3
  154. package/esm2022/radio/lib/radio.module.mjs +4 -4
  155. package/esm2022/range-slider/lib/range-slider.component.mjs +3 -3
  156. package/esm2022/range-slider/lib/range-slider.module.mjs +4 -4
  157. package/esm2022/result/lib/result.component.mjs +3 -3
  158. package/esm2022/result/lib/result.module.mjs +4 -4
  159. package/esm2022/routing-progress/lib/routing-progress.component.mjs +3 -3
  160. package/esm2022/routing-progress/lib/routing-progress.module.mjs +4 -4
  161. package/esm2022/scheduler/lib/scheduler-month-view.component.mjs +3 -3
  162. package/esm2022/scheduler/lib/scheduler-week-view.component.mjs +3 -3
  163. package/esm2022/scheduler/lib/scheduler.component.mjs +3 -3
  164. package/esm2022/scheduler/lib/scheduler.module.mjs +4 -4
  165. package/esm2022/search-box/lib/search-box.component.mjs +4 -5
  166. package/esm2022/search-box/lib/search-box.module.mjs +4 -4
  167. package/esm2022/select-box/lib/select-box.component.mjs +3 -3
  168. package/esm2022/select-box/lib/select-box.module.mjs +4 -4
  169. package/esm2022/selection-list/lib/selection-list.component.mjs +3 -3
  170. package/esm2022/selection-list/lib/selection-list.module.mjs +4 -4
  171. package/esm2022/side-menu/lib/side-menu-item/side-menu-item.compoent.mjs +3 -3
  172. package/esm2022/side-menu/lib/side-menu.component.mjs +3 -3
  173. package/esm2022/side-menu/lib/side-menu.module.mjs +4 -4
  174. package/esm2022/skeleton/lib/skeleton.component.mjs +3 -3
  175. package/esm2022/skeleton/lib/skeleton.module.mjs +4 -4
  176. package/esm2022/switch/lib/switch-content.component.mjs +3 -3
  177. package/esm2022/switch/lib/switch.component.mjs +3 -3
  178. package/esm2022/switch/lib/switch.module.mjs +4 -4
  179. package/esm2022/tabs/lib/tab-content.directive.mjs +3 -3
  180. package/esm2022/tabs/lib/tab-item.component.mjs +3 -3
  181. package/esm2022/tabs/lib/tabs.component.mjs +3 -3
  182. package/esm2022/tabs/lib/tabs.module.mjs +4 -4
  183. package/esm2022/tag/lib/tag.component.mjs +3 -3
  184. package/esm2022/tag/lib/tag.module.mjs +4 -4
  185. package/esm2022/text-area/lib/text-area.component.mjs +3 -3
  186. package/esm2022/text-area/lib/text-area.module.mjs +4 -4
  187. package/esm2022/text-box/lib/mask-options.directive.mjs +3 -3
  188. package/esm2022/text-box/lib/text-box.component.mjs +3 -3
  189. package/esm2022/text-box/lib/text-box.module.mjs +4 -4
  190. package/esm2022/toast/lib/toast.component.mjs +3 -3
  191. package/esm2022/toast/lib/toast.module.mjs +4 -4
  192. package/esm2022/toast/lib/toast.service.mjs +3 -3
  193. package/esm2022/tooltip/lib/tooltip.component.mjs +3 -3
  194. package/esm2022/tooltip/lib/tooltip.directive.mjs +3 -3
  195. package/esm2022/tooltip/lib/tooltip.module.mjs +4 -4
  196. package/esm2022/uploader/lib/uploader-browse-handle.directive.mjs +3 -3
  197. package/esm2022/uploader/lib/uploader-dialog-container.component.mjs +3 -3
  198. package/esm2022/uploader/lib/uploader-drop-zone.component.mjs +3 -3
  199. package/esm2022/uploader/lib/uploader-list.component.mjs +3 -3
  200. package/esm2022/uploader/lib/uploader-zone.directive.mjs +3 -3
  201. package/esm2022/uploader/lib/uploader.module.mjs +4 -4
  202. package/esm2022/uploader/lib/uploader.service.mjs +3 -3
  203. package/fesm2022/acorex-components-action-sheet.mjs +10 -10
  204. package/fesm2022/acorex-components-alert.mjs +7 -7
  205. package/fesm2022/acorex-components-avatar.mjs +10 -10
  206. package/fesm2022/acorex-components-badge.mjs +7 -7
  207. package/fesm2022/acorex-components-bottom-navigation.mjs +115 -0
  208. package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -0
  209. package/fesm2022/acorex-components-breadcrumbs.mjs +10 -10
  210. package/fesm2022/acorex-components-button-group.mjs +7 -7
  211. package/fesm2022/acorex-components-button.mjs +13 -13
  212. package/fesm2022/acorex-components-calendar.mjs +13 -13
  213. package/fesm2022/acorex-components-check-box.mjs +7 -7
  214. package/fesm2022/acorex-components-chips.mjs +7 -7
  215. package/fesm2022/acorex-components-circular-progress.mjs +7 -7
  216. package/fesm2022/acorex-components-collapse.mjs +11 -11
  217. package/fesm2022/acorex-components-color-box.mjs +7 -7
  218. package/fesm2022/acorex-components-color-palette.mjs +25 -25
  219. package/fesm2022/acorex-components-common.mjs +70 -70
  220. package/fesm2022/acorex-components-data-pager.mjs +31 -31
  221. package/fesm2022/acorex-components-data-table.mjs +30 -30
  222. package/fesm2022/acorex-components-datetime-box.mjs +7 -7
  223. package/fesm2022/acorex-components-datetime-input.mjs +7 -7
  224. package/fesm2022/acorex-components-datetime-picker.mjs +8 -8
  225. package/fesm2022/acorex-components-decorators.mjs +16 -16
  226. package/fesm2022/acorex-components-dialog.mjs +10 -10
  227. package/fesm2022/acorex-components-drawer.mjs +10 -10
  228. package/fesm2022/acorex-components-dropdown.mjs +13 -13
  229. package/fesm2022/acorex-components-form.mjs +16 -16
  230. package/fesm2022/acorex-components-image.mjs +7 -7
  231. package/fesm2022/acorex-components-label.mjs +7 -7
  232. package/fesm2022/acorex-components-list.mjs +18 -15
  233. package/fesm2022/acorex-components-list.mjs.map +1 -1
  234. package/fesm2022/acorex-components-loading.mjs +16 -16
  235. package/fesm2022/acorex-components-menu.mjs +10 -10
  236. package/fesm2022/acorex-components-nav.mjs +11 -11
  237. package/fesm2022/acorex-components-nav.mjs.map +1 -1
  238. package/fesm2022/acorex-components-navbar.mjs +7 -7
  239. package/fesm2022/acorex-components-notification.mjs +10 -10
  240. package/fesm2022/acorex-components-number-box.mjs +7 -7
  241. package/fesm2022/acorex-components-otp.mjs +7 -7
  242. package/fesm2022/acorex-components-page.mjs +10 -10
  243. package/fesm2022/acorex-components-password-box.mjs +7 -7
  244. package/fesm2022/acorex-components-phone-box.mjs +7 -7
  245. package/fesm2022/acorex-components-picker.mjs +10 -10
  246. package/fesm2022/acorex-components-popover.mjs +7 -7
  247. package/fesm2022/acorex-components-popup.mjs +11 -11
  248. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  249. package/fesm2022/acorex-components-progress-bar.mjs +7 -7
  250. package/fesm2022/acorex-components-radio.mjs +7 -7
  251. package/fesm2022/acorex-components-range-slider.mjs +7 -7
  252. package/fesm2022/acorex-components-result.mjs +7 -7
  253. package/fesm2022/acorex-components-routing-progress.mjs +8 -8
  254. package/fesm2022/acorex-components-scheduler.mjs +13 -13
  255. package/fesm2022/acorex-components-search-box.mjs +7 -8
  256. package/fesm2022/acorex-components-search-box.mjs.map +1 -1
  257. package/fesm2022/acorex-components-select-box.mjs +7 -7
  258. package/fesm2022/acorex-components-selection-list.mjs +7 -7
  259. package/fesm2022/acorex-components-side-menu.mjs +11 -11
  260. package/fesm2022/acorex-components-skeleton.mjs +7 -7
  261. package/fesm2022/acorex-components-switch.mjs +10 -10
  262. package/fesm2022/acorex-components-tabs.mjs +13 -13
  263. package/fesm2022/acorex-components-tag.mjs +7 -7
  264. package/fesm2022/acorex-components-text-area.mjs +7 -7
  265. package/fesm2022/acorex-components-text-box.mjs +10 -10
  266. package/fesm2022/acorex-components-toast.mjs +11 -11
  267. package/fesm2022/acorex-components-tooltip.mjs +10 -10
  268. package/fesm2022/acorex-components-uploader.mjs +24 -24
  269. package/list/lib/list.component.d.ts +3 -2
  270. package/package.json +7 -1
@@ -158,10 +158,10 @@ class AXAlertComponent extends MXColorComponent {
158
158
  this._observer?.disconnect();
159
159
  this.onOptionChanged?.unsubscribe();
160
160
  }
161
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
162
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", 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: "@if(_showInline){\n<div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon ax-icon-solid\">\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}@else{\n<div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon ax-icon-solid\">\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}\n\n@if(timeOut){\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\n}\n\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>", styles: [".ax-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+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{display:grid;border-radius:9999px;-webkit-padding-end:.5rem;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}ax-alert .ax-alert-buttons{-webkit-padding-start:1rem;padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity));color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity));color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity));color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity));color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity));color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity));color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
161
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAlertComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
162
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", 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: "@if(_showInline){\n<div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon ax-icon-solid\">\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}@else{\n<div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon ax-icon-solid\">\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}\n\n@if(timeOut){\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\n}\n\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>", styles: [".ax-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+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{display:grid;border-radius:9999px;-webkit-padding-end:.5rem;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}ax-alert .ax-alert-buttons{-webkit-padding-start:1rem;padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity));color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity));color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity));color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity));color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity));color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity));color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
163
163
  }
164
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAlertComponent, decorators: [{
164
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAlertComponent, decorators: [{
165
165
  type: Component,
166
166
  args: [{ selector: 'ax-alert', inputs: ['color'], outputs: ['colorChange'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: AXClosbaleComponent, useExisting: AXAlertComponent }], template: "@if(_showInline){\n<div class=\"ax-alert-inline\">\n <div class=\"ax-alert-icon ax-icon-solid\">\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}@else{\n<div class=\"ax-alert-block\">\n <div class=\"ax-alert-icon ax-icon-solid\">\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}\n\n@if(timeOut){\n<div class=\"ax-alert-progress\" [style.animation-duration.ms]=\"timeOut\"></div>\n}\n\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>", styles: [".ax-dark ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-900),.25);border-color:rgba(var(--ax-color-primary-500))}.ax-dark ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-fore))}.ax-dark ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-900),.25);border-color:rgba(var(--ax-color-secondary-500))}.ax-dark ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-fore))}.ax-dark ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-900),.25);border-color:rgba(var(--ax-color-success-500))}.ax-dark ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-fore))}.ax-dark ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-900),.25);border-color:rgba(var(--ax-color-warning-500))}.ax-dark ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-fore))}.ax-dark ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-900),.25);border-color:rgba(var(--ax-color-danger-500))}.ax-dark ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-fore))}.ax-dark ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-900),.25);border-color:rgba(var(--ax-color-info-500))}.ax-dark ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-fore))}ax-alert{position:relative;display:flex;gap:1rem;overflow:hidden;border-radius:var(--ax-rounded-border-default);border-width:1px;border-color:rgba(var(--ax-color-border-default));padding:1rem;font-size:.875rem;line-height:1.25rem}ax-alert .ax-alert-inline{display:flex;flex:1 1 0%;align-items:center;justify-content:center}ax-alert .ax-alert-block{display:flex}ax-alert .ax-alert-block .ax-alert-content{display:flex;flex-direction:column;line-height:1.5}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:empty{display:none}ax-alert .ax-alert-block .ax-alert-content .ax-alert-title:not(:empty)+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{display:grid;border-radius:9999px;-webkit-padding-end:.5rem;padding-inline-end:.5rem;font-size:1.125rem;line-height:1.75rem}ax-alert .ax-alert-buttons{-webkit-padding-start:1rem;padding-inline-start:1rem}ax-alert .ax-alert-title{display:flex;flex:1 1 0%;flex-direction:column}ax-alert .ax-alert-title ax-title{font-size:.875rem;line-height:1.25rem;font-weight:500}ax-alert .ax-alert-progress{position:absolute;bottom:0;inset-inline-start:0px;height:.25rem}@keyframes progressBar{0%{width:100%}to{width:0%}}ax-alert.ax-primary-solid{background-color:rgba(var(--ax-color-primary-100));border-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid ax-title,ax-alert.ax-primary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-primary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-primary-500),var(--tw-text-opacity));color:rgba(var(--ax-color-primary-500))}ax-alert.ax-primary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-primary-500))}ax-alert.ax-secondary-solid{background-color:rgba(var(--ax-color-secondary-100));border-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid ax-title,ax-alert.ax-secondary-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-secondary-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-secondary-500),var(--tw-text-opacity));color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-secondary-solid .ax-alert-progress{background-color:rgba(var(--ax-color-secondary-500))}ax-alert.ax-success-solid{background-color:rgba(var(--ax-color-success-100));border-color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid ax-title,ax-alert.ax-success-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-success-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-success-500),var(--tw-text-opacity));color:rgba(var(--ax-color-success-500))}ax-alert.ax-success-solid .ax-alert-progress{background-color:rgba(var(--ax-color-success-500))}ax-alert.ax-warning-solid{background-color:rgba(var(--ax-color-warning-100));border-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid ax-title,ax-alert.ax-warning-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-warning-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-warning-500),var(--tw-text-opacity));color:rgba(var(--ax-color-warning-500))}ax-alert.ax-warning-solid .ax-alert-progress{background-color:rgba(var(--ax-color-warning-500))}ax-alert.ax-danger-solid{background-color:rgba(var(--ax-color-danger-100));border-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid ax-title,ax-alert.ax-danger-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-danger-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-danger-500),var(--tw-text-opacity));color:rgba(var(--ax-color-danger-500))}ax-alert.ax-danger-solid .ax-alert-progress{background-color:rgba(var(--ax-color-danger-500))}ax-alert.ax-info-solid{background-color:rgba(var(--ax-color-info-100));border-color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid ax-button[class$=blank]{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid ax-title,ax-alert.ax-info-solid ax-content{color:rgb(var(--ax-color-text-default))}ax-alert.ax-info-solid .ax-alert-icon{--tw-text-opacity: 1;color:rgba(var(--ax-color-info-500),var(--tw-text-opacity));color:rgba(var(--ax-color-info-500))}ax-alert.ax-info-solid .ax-alert-progress{background-color:rgba(var(--ax-color-info-500))}\n"] }]
167
167
  }], propDecorators: { _iconComp: [{
@@ -193,11 +193,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
193
193
  const COMPONENT = [AXAlertComponent];
194
194
  const MODULES = [CommonModule, AXDecoratorModule];
195
195
  class AXAlertModule {
196
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
197
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] }); }
198
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAlertModule, imports: [MODULES] }); }
196
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
197
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXAlertModule, declarations: [AXAlertComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXAlertComponent] }); }
198
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAlertModule, imports: [MODULES] }); }
199
199
  }
200
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAlertModule, decorators: [{
200
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAlertModule, decorators: [{
201
201
  type: NgModule,
202
202
  args: [{
203
203
  declarations: [...COMPONENT],
@@ -4,10 +4,10 @@ import { MXColorComponent } from '@acorex/components/common';
4
4
  import { CommonModule } from '@angular/common';
5
5
 
6
6
  class AXAvatarGroup {
7
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: AXAvatarGroup, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
7
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
8
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXAvatarGroup, selector: "ax-avatar-group", ngImport: i0, template: `<ng-content select="ax-avatar"></ng-content>`, isInline: true }); }
9
9
  }
10
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarGroup, decorators: [{
10
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarGroup, decorators: [{
11
11
  type: Component,
12
12
  args: [{
13
13
  selector: 'ax-avatar-group',
@@ -32,10 +32,10 @@ class AXAvatarComponent extends MXColorComponent {
32
32
  get __hostStyle() {
33
33
  return `width: ${this.size}px; height: ${this.size}px`;
34
34
  }
35
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
36
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", size: "size", look: "look" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"] }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if(!children?.length){\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-solid\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill: rgba(var(--ax-color-white)); opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-color-white))\" />\n </g>\n </g>\n </g>\n</svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-color-surface))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-rounded-border-default)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center}ax-avatar ax-badge{position:absolute}ax-avatar.ax-primary-solid .ax-solid{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-solid ax-text,ax-avatar.ax-primary-solid ax-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-solid .ax-solid{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-solid ax-text,ax-avatar.ax-secondary-solid ax-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-solid .ax-solid{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-solid ax-text,ax-avatar.ax-success-solid ax-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-solid .ax-solid{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-solid ax-text,ax-avatar.ax-warning-solid ax-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-solid .ax-solid{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-solid ax-text,ax-avatar.ax-danger-solid ax-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-solid .ax-solid{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-solid ax-text,ax-avatar.ax-info-solid ax-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-solid ax-text,ax-avatar.ax-ghost-solid ax-icon{background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}ax-avatar.ax-ghost-solid ax-icon svg{fill:rgba(var(--ax-color-neutral-200))}.ax-dark ax-avatar.ax-primary-solid ax-text,.ax-dark ax-avatar.ax-primary-solid ax-icon{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-avatar.ax-secondary-solid ax-text,.ax-dark ax-avatar.ax-secondary-solid ax-icon{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-avatar.ax-success-solid ax-text,.ax-dark ax-avatar.ax-success-solid ax-icon{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-avatar.ax-warning-solid ax-text,.ax-dark ax-avatar.ax-warning-solid ax-icon{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-avatar.ax-danger-solid ax-text,.ax-dark ax-avatar.ax-danger-solid ax-icon{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-avatar.ax-info-solid ax-text,.ax-dark ax-avatar.ax-info-solid ax-icon{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
35
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
36
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXAvatarComponent, selector: "ax-avatar", inputs: { color: "color", size: "size", look: "look" }, host: { properties: { "class": "this.__hostClass", "style": "this.__hostStyle" } }, queries: [{ propertyName: "children", predicate: ["ax-image, ax-icon, ax-text"] }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if(!children?.length){\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-solid\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill: rgba(var(--ax-color-white)); opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-color-white))\" />\n </g>\n </g>\n </g>\n</svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-color-surface))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-rounded-border-default)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center}ax-avatar ax-badge{position:absolute}ax-avatar.ax-primary-solid .ax-solid{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-solid ax-text,ax-avatar.ax-primary-solid ax-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-solid .ax-solid{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-solid ax-text,ax-avatar.ax-secondary-solid ax-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-solid .ax-solid{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-solid ax-text,ax-avatar.ax-success-solid ax-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-solid .ax-solid{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-solid ax-text,ax-avatar.ax-warning-solid ax-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-solid .ax-solid{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-solid ax-text,ax-avatar.ax-danger-solid ax-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-solid .ax-solid{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-solid ax-text,ax-avatar.ax-info-solid ax-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-solid ax-text,ax-avatar.ax-ghost-solid ax-icon{background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}ax-avatar.ax-ghost-solid ax-icon svg{fill:rgba(var(--ax-color-neutral-200))}.ax-dark ax-avatar.ax-primary-solid ax-text,.ax-dark ax-avatar.ax-primary-solid ax-icon{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-avatar.ax-secondary-solid ax-text,.ax-dark ax-avatar.ax-secondary-solid ax-icon{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-avatar.ax-success-solid ax-text,.ax-dark ax-avatar.ax-success-solid ax-icon{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-avatar.ax-warning-solid ax-text,.ax-dark ax-avatar.ax-warning-solid ax-icon{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-avatar.ax-danger-solid ax-text,.ax-dark ax-avatar.ax-danger-solid ax-icon{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-avatar.ax-info-solid ax-text,.ax-dark ax-avatar.ax-info-solid ax-icon{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
37
37
  }
38
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarComponent, decorators: [{
38
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarComponent, decorators: [{
39
39
  type: Component,
40
40
  args: [{ selector: 'ax-avatar', inputs: ['color'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-text, ax-image, ax-icon\"></ng-content>\n\n@if(!children?.length){\n<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ax-solid\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n viewBox=\"0 0 512 512\">\n <g style=\"isolation: isolate\">\n <g id=\"Layer_2\" data-name=\"Layer 2\">\n <g id=\"Layer_1-2\" data-name=\"Layer 1\">\n <rect width=\"512\" height=\"512\" />\n <path\n d=\"M419.16,511.94s-2.85-154-142.28-176.19a139.93,139.93,0,0,0-22-1.67h0a55.8,55.8,0,0,0-5.93.29C99.25,350.35,96.26,511.94,96.26,511.94\"\n style=\"fill: rgba(var(--ax-color-white)); opacity: 0.7\" />\n <path\n d=\"M256,355.18c-17.29,0-32.22-4.63-46.38-12.41-3.86,1.31-8.15,2.93-11.75,4.46A96.48,96.48,0,0,0,256,366.62a100.29,100.29,0,0,0,60.07-20c-3.6-1.49-6.41-2.55-10.27-3.83C291.48,350.79,273.58,355.18,256,355.18Z\"\n style=\"opacity: 0.05\" />\n <circle cx=\"257.71\" cy=\"255.94\" r=\"99.24\" style=\"fill: rgba(var(--ax-color-white))\" />\n </g>\n </g>\n </g>\n</svg>\n}\n<ng-content select=\"ax-badge\"></ng-content>", styles: ["ax-avatar-group{display:flex}ax-avatar-group ax-avatar{margin:-.25rem;overflow:hidden;border-width:2px;border-color:rgba(var(--ax-color-surface))}ax-avatar{position:relative;display:flex;justify-content:center}ax-avatar.ax-shape-sharp{border-radius:0}ax-avatar.ax-shape-soft{border-radius:var(--ax-rounded-border-default)}ax-avatar.ax-shape-rounded{border-radius:9999px}ax-avatar *{border-radius:inherit}ax-avatar ax-text{font-size:1.5rem;line-height:2rem}ax-avatar ax-icon,ax-avatar ax-text{display:flex;min-height:100%;min-width:100%;align-items:center;justify-content:center}ax-avatar ax-badge{position:absolute}ax-avatar.ax-primary-solid .ax-solid{fill:rgba(var(--ax-color-primary-500))}ax-avatar.ax-primary-solid ax-text,ax-avatar.ax-primary-solid ax-icon{background-color:rgba(var(--ax-color-primary-100));color:rgba(var(--ax-color-primary-500))}ax-avatar.ax-secondary-solid .ax-solid{fill:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-secondary-solid ax-text,ax-avatar.ax-secondary-solid ax-icon{background-color:rgba(var(--ax-color-secondary-100));color:rgba(var(--ax-color-secondary-500))}ax-avatar.ax-success-solid .ax-solid{fill:rgba(var(--ax-color-success-500))}ax-avatar.ax-success-solid ax-text,ax-avatar.ax-success-solid ax-icon{background-color:rgba(var(--ax-color-success-100));color:rgba(var(--ax-color-success-500))}ax-avatar.ax-warning-solid .ax-solid{fill:rgba(var(--ax-color-warning-500))}ax-avatar.ax-warning-solid ax-text,ax-avatar.ax-warning-solid ax-icon{background-color:rgba(var(--ax-color-warning-100));color:rgba(var(--ax-color-warning-500))}ax-avatar.ax-danger-solid .ax-solid{fill:rgba(var(--ax-color-danger-500))}ax-avatar.ax-danger-solid ax-text,ax-avatar.ax-danger-solid ax-icon{background-color:rgba(var(--ax-color-danger-100));color:rgba(var(--ax-color-danger-500))}ax-avatar.ax-info-solid .ax-solid{fill:rgba(var(--ax-color-info-500))}ax-avatar.ax-info-solid ax-text,ax-avatar.ax-info-solid ax-icon{background-color:rgba(var(--ax-color-info-100));color:rgba(var(--ax-color-info-500))}ax-avatar.ax-ghost-solid ax-text,ax-avatar.ax-ghost-solid ax-icon{background-color:rgba(var(--ax-color-neutral-200));color:rgba(var(--ax-color-neutral-fore-tint))}ax-avatar.ax-ghost-solid ax-icon svg{fill:rgba(var(--ax-color-neutral-200))}.ax-dark ax-avatar.ax-primary-solid ax-text,.ax-dark ax-avatar.ax-primary-solid ax-icon{background-color:rgba(var(--ax-color-primary-200));color:rgba(var(--ax-color-primary-fore-tint))}.ax-dark ax-avatar.ax-secondary-solid ax-text,.ax-dark ax-avatar.ax-secondary-solid ax-icon{background-color:rgba(var(--ax-color-secondary-200));color:rgba(var(--ax-color-secondary-fore-tint))}.ax-dark ax-avatar.ax-success-solid ax-text,.ax-dark ax-avatar.ax-success-solid ax-icon{background-color:rgba(var(--ax-color-success-200));color:rgba(var(--ax-color-success-fore-tint))}.ax-dark ax-avatar.ax-warning-solid ax-text,.ax-dark ax-avatar.ax-warning-solid ax-icon{background-color:rgba(var(--ax-color-warning-200));color:rgba(var(--ax-color-warning-fore-tint))}.ax-dark ax-avatar.ax-danger-solid ax-text,.ax-dark ax-avatar.ax-danger-solid ax-icon{background-color:rgba(var(--ax-color-danger-200));color:rgba(var(--ax-color-danger-fore-tint))}.ax-dark ax-avatar.ax-info-solid ax-text,.ax-dark ax-avatar.ax-info-solid ax-icon{background-color:rgba(var(--ax-color-info-200));color:rgba(var(--ax-color-info-fore-tint))}\n"] }]
41
41
  }], propDecorators: { children: [{
@@ -56,11 +56,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
56
56
  const COMPONENT = [AXAvatarComponent, AXAvatarGroup];
57
57
  const MODULES = [CommonModule];
58
58
  class AXAvatarModule {
59
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
60
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarModule, declarations: [AXAvatarComponent, AXAvatarGroup], imports: [CommonModule], exports: [AXAvatarComponent, AXAvatarGroup] }); }
61
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarModule, imports: [MODULES] }); }
59
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
60
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarModule, declarations: [AXAvatarComponent, AXAvatarGroup], imports: [CommonModule], exports: [AXAvatarComponent, AXAvatarGroup] }); }
61
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarModule, imports: [MODULES] }); }
62
62
  }
63
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXAvatarModule, decorators: [{
63
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXAvatarModule, decorators: [{
64
64
  type: NgModule,
65
65
  args: [{
66
66
  declarations: [...COMPONENT],
@@ -11,10 +11,10 @@ class AXBadgeComponent extends MXColorLookComponent {
11
11
  get __hostClass() {
12
12
  return `ax-el-${this.color}-${this.look} ${!this.text ? 'ax-mini-badge' : ''} ${this.text?.length == 1 ? 'ax-single-badge' : ''}`;
13
13
  }
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if(text){\n<span class=\"ax-badge-text\">{{ text }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;border-radius:9999px;border-width:1px;border-color:transparent;font-size:.75rem;line-height:1rem}ax-badge.ax-mini-badge{height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
14
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
15
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXBadgeComponent, selector: "ax-badge", inputs: { color: "color", look: "look", text: "text" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if(text){\n<span class=\"ax-badge-text\">{{ text }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;border-radius:9999px;border-width:1px;border-color:transparent;font-size:.75rem;line-height:1rem}ax-badge.ax-mini-badge{height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
16
16
  }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBadgeComponent, decorators: [{
17
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBadgeComponent, decorators: [{
18
18
  type: Component,
19
19
  args: [{ selector: 'ax-badge', inputs: ['color', 'look'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-prefix\"></ng-content>\n@if(text){\n<span class=\"ax-badge-text\">{{ text }}</span>\n}\n<ng-content select=\"ax-suffix\"></ng-content>", styles: ["ax-badge{display:inline-block;border-radius:9999px;border-width:1px;border-color:transparent;font-size:.75rem;line-height:1rem}ax-badge.ax-mini-badge{height:.5rem;width:.5rem}ax-badge.ax-mini-badge .ax-badge-text{display:none}ax-badge.ax-single-badge{display:flex;height:1.25rem;width:1.25rem;align-items:center;justify-content:center}ax-badge.ax-single-badge .ax-badge-text{padding:0}ax-badge .ax-badge-text{white-space:nowrap;word-break:break-all;padding:.25rem .375rem}\n"] }]
20
20
  }], propDecorators: { text: [{
@@ -25,11 +25,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
25
25
  }] } });
26
26
 
27
27
  class AXBadgeModule {
28
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
29
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: AXBadgeModule, declarations: [AXBadgeComponent], imports: [CommonModule], exports: [AXBadgeComponent] }); }
30
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }
28
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
29
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXBadgeModule, declarations: [AXBadgeComponent], imports: [CommonModule], exports: [AXBadgeComponent] }); }
30
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBadgeModule, imports: [CommonModule] }); }
31
31
  }
32
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBadgeModule, decorators: [{
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBadgeModule, decorators: [{
33
33
  type: NgModule,
34
34
  args: [{
35
35
  declarations: [AXBadgeComponent],
@@ -0,0 +1,115 @@
1
+ import * as i1 from '@acorex/components/common';
2
+ import { MXInteractiveComponent, MXLookComponent, AXRippleDirective } from '@acorex/components/common';
3
+ import * as i0 from '@angular/core';
4
+ import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Input, Output, HostBinding, HostListener, ContentChildren, NgModule } from '@angular/core';
5
+ import { classes } from 'polytype';
6
+ import { CommonModule } from '@angular/common';
7
+
8
+ class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {
9
+ constructor() {
10
+ super(...arguments);
11
+ this.active = false;
12
+ this.onClick = new EventEmitter();
13
+ }
14
+ get __hostClass() {
15
+ return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;
16
+ }
17
+ handleClick(e) {
18
+ if (this.disabled)
19
+ return;
20
+ const dataset = e.target.dataset;
21
+ this.onClick.emit({
22
+ component: this,
23
+ htmlElement: this.getHostElement(),
24
+ nativeEvent: e,
25
+ data: { active: this.active, name: this.name, ...dataset },
26
+ isUserInteraction: e.isTrusted,
27
+ });
28
+ }
29
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
30
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXBottomNavigationItemComponent, selector: "ax-bottom-navigation-item", inputs: { disabled: "disabled", name: "name", active: "active" }, outputs: { onClick: "onClick" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class": "this.__hostClass" } }, usesInheritance: true, hostDirectives: [{ directive: i1.AXRippleDirective }], ngImport: i0, template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
31
+ }
32
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationItemComponent, decorators: [{
33
+ type: Component,
34
+ args: [{ selector: 'ax-bottom-navigation-item', inputs: ['disabled'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [AXRippleDirective], template: "<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>" }]
35
+ }], propDecorators: { name: [{
36
+ type: Input
37
+ }], active: [{
38
+ type: Input
39
+ }], onClick: [{
40
+ type: Output
41
+ }], __hostClass: [{
42
+ type: HostBinding,
43
+ args: ['class']
44
+ }], handleClick: [{
45
+ type: HostListener,
46
+ args: ['click', ['$event']]
47
+ }] } });
48
+
49
+ class AXBottomNavigationComponent extends classes(MXLookComponent) {
50
+ constructor() {
51
+ super(...arguments);
52
+ this.hasBorder = false;
53
+ this.indicatorPosition = 'top';
54
+ this.onItemClick = new EventEmitter();
55
+ }
56
+ ngAfterContentInit() {
57
+ this._bindEvents();
58
+ }
59
+ _bindEvents() {
60
+ this._contentButtons?.forEach((i) => {
61
+ if (!i.onClick.length)
62
+ i.onClick.subscribe((event) => {
63
+ this._handleClickEvent(event);
64
+ });
65
+ });
66
+ }
67
+ _handleClickEvent(item) {
68
+ this.onItemClick.emit(item);
69
+ }
70
+ get __hostClass() {
71
+ return ` ax-look-${this.look} ax-indicator-${this.indicatorPosition} ${this.hasBorder ? 'ax-has-border' : ''}`;
72
+ }
73
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
74
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXBottomNavigationComponent, selector: "ax-bottom-navigation", inputs: { look: "look", hasBorder: "hasBorder", indicatorPosition: "indicatorPosition" }, outputs: { onItemClick: "onItemClick" }, host: { properties: { "class": "this.__hostClass" } }, queries: [{ propertyName: "_contentButtons", predicate: AXBottomNavigationItemComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--primary-color: rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-surface));display:flex;justify-content:space-between;gap:.25rem}ax-bottom-navigation.ax-has-border{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:.125rem;border-top-right-radius:.125rem}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{width:60%;height:.188rem;background-color:transparent;content:\"\";position:absolute}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:var(--primary-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex-direction:column;align-items:center;color:var(--ax-color-neutral-500);line-height:1.5rem!important;font-weight:400;flex:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.75rem 0}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;text-align:center;font-size:1.25rem;display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;line-height:1;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:var(--primary-color)!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.3)!important}.ax-dark ax-bottom-navigation{--primary-color: rgba(var(--ax-color-primary-200))}.ax-dark ax-bottom-navigation .ax-ripple{background-color:rgba(var(--ax-color-primary-200),.3)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
75
+ }
76
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationComponent, decorators: [{
77
+ type: Component,
78
+ args: [{ selector: 'ax-bottom-navigation', inputs: ['look'], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>", styles: ["ax-bottom-navigation{--primary-color: rgba(var(--ax-color-primary-500));background-color:rgba(var(--ax-color-surface));display:flex;justify-content:space-between;gap:.25rem}ax-bottom-navigation.ax-has-border{border-top:1px solid;border-color:rgba(var(--ax-color-border-default))}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item:before{top:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-top ax-bottom-navigation-item.ax-state-active:before{border-bottom-left-radius:.125rem;border-bottom-right-radius:.125rem}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item:before{bottom:0}ax-bottom-navigation.ax-look-with-line.ax-indicator-bottom ax-bottom-navigation-item.ax-state-active:before{border-top-left-radius:.125rem;border-top-right-radius:.125rem}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item:before{width:60%;height:.188rem;background-color:transparent;content:\"\";position:absolute}ax-bottom-navigation.ax-look-with-line ax-bottom-navigation-item.ax-state-active:before{background-color:var(--primary-color)}ax-bottom-navigation ax-bottom-navigation-item{position:relative;display:flex;flex-direction:column;align-items:center;color:var(--ax-color-neutral-500);line-height:1.5rem!important;font-weight:400;flex:1;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.75rem 0}ax-bottom-navigation ax-bottom-navigation-item *{pointer-events:none}ax-bottom-navigation ax-bottom-navigation-item ax-icon{width:1.5rem;height:1.5rem;text-align:center;font-size:1.25rem;display:block}ax-bottom-navigation ax-bottom-navigation-item ax-text{font-size:.75rem;line-height:1;padding-top:.25rem}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active{font-weight:500;color:var(--primary-color)!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-active ax-icon{font-weight:700!important}ax-bottom-navigation ax-bottom-navigation-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-bottom-navigation ax-bottom-navigation-item .ax-ripple{background-color:rgba(var(--ax-color-primary-500),.3)!important}.ax-dark ax-bottom-navigation{--primary-color: rgba(var(--ax-color-primary-200))}.ax-dark ax-bottom-navigation .ax-ripple{background-color:rgba(var(--ax-color-primary-200),.3)!important}\n"] }]
79
+ }], propDecorators: { _contentButtons: [{
80
+ type: ContentChildren,
81
+ args: [AXBottomNavigationItemComponent]
82
+ }], hasBorder: [{
83
+ type: Input
84
+ }], indicatorPosition: [{
85
+ type: Input
86
+ }], onItemClick: [{
87
+ type: Output
88
+ }], __hostClass: [{
89
+ type: HostBinding,
90
+ args: ['class']
91
+ }] } });
92
+
93
+ const COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];
94
+ const MODULES = [CommonModule];
95
+ class AXBottomNavigationModule {
96
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
97
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationModule, declarations: [AXBottomNavigationComponent, AXBottomNavigationItemComponent], imports: [CommonModule], exports: [AXBottomNavigationComponent, AXBottomNavigationItemComponent] }); }
98
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationModule, imports: [MODULES] }); }
99
+ }
100
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBottomNavigationModule, decorators: [{
101
+ type: NgModule,
102
+ args: [{
103
+ declarations: [...COMPONENT],
104
+ imports: [...MODULES],
105
+ exports: [...COMPONENT],
106
+ providers: [],
107
+ }]
108
+ }] });
109
+
110
+ /**
111
+ * Generated bundle index. Do not edit.
112
+ */
113
+
114
+ export { AXBottomNavigationComponent, AXBottomNavigationItemComponent, AXBottomNavigationModule };
115
+ //# sourceMappingURL=acorex-components-bottom-navigation.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"acorex-components-bottom-navigation.mjs","sources":["../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation-item/bottom-navigation-item.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.ts","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.component.html","../../../../libs/components/bottom-navigation/src/lib/bottom-navigation.module.ts","../../../../libs/components/bottom-navigation/src/acorex-components-bottom-navigation.ts"],"sourcesContent":["import {\n AXClickEvent,\n AXRippleDirective,\n MXInteractiveComponent,\n MXLookComponent,\n} from '@acorex/components/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n HostListener,\n Input,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\n\n@Component({\n selector: 'ax-bottom-navigation-item',\n templateUrl: './bottom-navigation-item.component.html',\n inputs: ['disabled'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [AXRippleDirective],\n})\nexport class AXBottomNavigationItemComponent extends classes(MXInteractiveComponent, MXLookComponent) {\n @Input() name: string;\n\n @Input() active = false;\n\n @Output() onClick = new EventEmitter<AXClickEvent>();\n\n @HostBinding('class')\n get __hostClass(): string {\n return `${this.active ? 'ax-state-active' : ''} ${this.disabled ? 'ax-state-disabled' : ''} `;\n }\n\n @HostListener('click', ['$event'])\n protected handleClick(e: MouseEvent) {\n if (this.disabled) return;\n const dataset = (e.target as any).dataset;\n this.onClick.emit({\n component: this,\n htmlElement: this.getHostElement(),\n nativeEvent: e,\n data: { active: this.active, name: this.name, ...dataset },\n isUserInteraction: e.isTrusted,\n });\n }\n}\n","<ng-content select=\"ax-prefix, ax-icon\"></ng-content>\n<ng-content select=\"ax-text, ng-content, ng-container\"></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>","import { AXClickEvent, MXLookComponent } from '@acorex/components/common';\nimport {\n AfterContentInit,\n ChangeDetectionStrategy,\n Component,\n ContentChildren,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n QueryList,\n ViewEncapsulation,\n} from '@angular/core';\nimport { classes } from 'polytype';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\n\n@Component({\n selector: 'ax-bottom-navigation',\n templateUrl: './bottom-navigation.component.html',\n styleUrls: ['./bottom-navigation.component.scss'],\n inputs: ['look'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n})\nexport class AXBottomNavigationComponent extends classes(MXLookComponent) implements AfterContentInit {\n @ContentChildren(AXBottomNavigationItemComponent)\n private _contentButtons: QueryList<AXBottomNavigationItemComponent>;\n\n @Input() hasBorder: boolean = false;\n\n @Input() indicatorPosition: 'top' | 'bottom' = 'top';\n\n @Output() onItemClick = new EventEmitter<AXClickEvent>();\n\n ngAfterContentInit(): void {\n this._bindEvents();\n }\n\n private _bindEvents() {\n this._contentButtons?.forEach((i: any) => {\n if (!i.onClick.length)\n i.onClick.subscribe((event: AXClickEvent) => {\n this._handleClickEvent(event);\n });\n });\n }\n\n _handleClickEvent(item: AXClickEvent) {\n this.onItemClick.emit(item);\n }\n\n @HostBinding('class')\n get __hostClass(): string {\n return ` ax-look-${this.look} ax-indicator-${this.indicatorPosition} ${\n this.hasBorder ? 'ax-has-border' : ''\n }`;\n }\n}\n","<ng-content select=\"ng-container, ax-bottom-navigation-item\"></ng-content>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXBottomNavigationItemComponent } from './bottom-navigation-item/bottom-navigation-item.component';\nimport { AXBottomNavigationComponent } from './bottom-navigation.component';\n\nconst COMPONENT = [AXBottomNavigationComponent, AXBottomNavigationItemComponent];\nconst MODULES = [CommonModule];\n\n@NgModule({\n declarations: [...COMPONENT],\n imports: [...MODULES],\n exports: [...COMPONENT],\n providers: [],\n})\nexport class AXBottomNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -6,10 +6,10 @@ import { CommonModule } from '@angular/common';
6
6
  import { RouterModule } from '@angular/router';
7
7
 
8
8
  class AXBreadCrumbsComponent extends MXBaseComponent {
9
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
10
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.9", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;-webkit-text-decoration-line:none;text-decoration-line:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-left:.25rem;padding-right:.25rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
9
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadCrumbsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
10
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.1.0", type: AXBreadCrumbsComponent, selector: "ax-breadcrumbs", queries: [{ propertyName: "_divider", first: true, predicate: ["divider"], descendants: true }], viewQueries: [{ propertyName: "dividerTemplate", first: true, predicate: ["dividerTpl"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;-webkit-text-decoration-line:none;text-decoration-line:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-left:.25rem;padding-right:.25rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
11
11
  }
12
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
12
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadCrumbsComponent, decorators: [{
13
13
  type: Component,
14
14
  args: [{ selector: 'ax-breadcrumbs', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"ax-breadcrumbs-item\"></ng-content>\n<ng-template #dividerTpl>\n @if(!_divider){\n <ng-container [ngTemplateOutlet]=\"default\"></ng-container>\n }\n @if(_divider){\n <ng-container [ngTemplateOutlet]=\"_divider\"></ng-container>\n }\n <ng-template #default>\n <div class=\"ax-breadcrumb-divider\">/</div>\n </ng-template>\n</ng-template>", styles: ["ax-breadcrumbs{display:inline-flex;width:100%;align-items:center;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;font-size:initial}ax-breadcrumbs ax-breadcrumbs-item{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;font-size:.875rem;line-height:1.25rem;font-weight:500;-webkit-text-decoration-line:none;text-decoration-line:none}ax-breadcrumbs ax-breadcrumbs-item.ax-state-active{color:rgba(var(--ax-color-primary-500))}ax-breadcrumbs ax-breadcrumbs-item.ax-state-disabled{cursor:not-allowed;opacity:.5}ax-breadcrumbs ax-breadcrumbs-item ax-prefix{padding-left:.5rem;padding-right:.5rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item>.ax-breadcrumb-divider{padding-left:.25rem;padding-right:.25rem;padding-top:0;padding-bottom:0}ax-breadcrumbs ax-breadcrumbs-item:last-child .ax-breadcrumb-divider{display:none}\n"] }]
15
15
  }], propDecorators: { _divider: [{
@@ -31,10 +31,10 @@ class AXBreadCrumbsItemComponent extends MXInteractiveComponent {
31
31
  get __hostClass() {
32
32
  return [`${this.active ? 'ax-state-active' : ''}`, `${this.disabled ? 'ax-state-disabled' : ''}`];
33
33
  }
34
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: AXBreadCrumbsComponent }], target: i0.ɵɵFactoryTarget.Component }); }
35
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.9", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
34
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadCrumbsItemComponent, deps: [{ token: AXBreadCrumbsComponent }], target: i0.ɵɵFactoryTarget.Component }); }
35
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.0", type: AXBreadCrumbsItemComponent, selector: "ax-breadcrumbs-item", inputs: { disabled: "disabled", active: "active" }, host: { properties: { "class": "this.__hostClass" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
36
36
  }
37
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadCrumbsItemComponent, decorators: [{
38
38
  type: Component,
39
39
  args: [{ selector: 'ax-breadcrumbs-item', inputs: ['disabled'], template: "<ng-content select=\"ax-prefix\"></ng-content>\n<ng-content></ng-content>\n<ng-content select=\"ax-suffix\"></ng-content>\n<div class=\"ax-breadcrumb-divider\">\n <ng-container *ngTemplateOutlet=\"_parent.dividerTemplate\"></ng-container>\n</div>\n" }]
40
40
  }], ctorParameters: () => [{ type: AXBreadCrumbsComponent, decorators: [{
@@ -48,11 +48,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImpor
48
48
  }] } });
49
49
 
50
50
  class AXBreadcrumbsModule {
51
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
52
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.9", ngImport: i0, type: AXBreadcrumbsModule, declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], imports: [CommonModule, RouterModule], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
53
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }
51
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadcrumbsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
52
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.0", ngImport: i0, type: AXBreadcrumbsModule, declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent], imports: [CommonModule, RouterModule], exports: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent] }); }
53
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadcrumbsModule, imports: [CommonModule, RouterModule] }); }
54
54
  }
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.9", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
55
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.0", ngImport: i0, type: AXBreadcrumbsModule, decorators: [{
56
56
  type: NgModule,
57
57
  args: [{
58
58
  declarations: [AXBreadCrumbsComponent, AXBreadCrumbsItemComponent],