@acorex/components 20.2.0-next.2 → 20.2.0-next.20

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 (264) hide show
  1. package/action-sheet/index.d.ts +57 -10
  2. package/alert/index.d.ts +2 -4
  3. package/autocomplete/index.d.ts +7 -2
  4. package/avatar/index.d.ts +12 -6
  5. package/badge/index.d.ts +1 -2
  6. package/bottom-navigation/index.d.ts +10 -2
  7. package/breadcrumbs/index.d.ts +17 -4
  8. package/button/index.d.ts +56 -17
  9. package/button-group/index.d.ts +8 -5
  10. package/calendar/index.d.ts +28 -16
  11. package/check-box/index.d.ts +2 -5
  12. package/chips/index.d.ts +1 -2
  13. package/circular-progress/index.d.ts +23 -18
  14. package/collapse/index.d.ts +7 -6
  15. package/color-box/index.d.ts +5 -8
  16. package/color-palette/index.d.ts +19 -24
  17. package/comment/index.d.ts +8 -8
  18. package/conversation/index.d.ts +1 -0
  19. package/cron-job/index.d.ts +5 -4
  20. package/data-list/README.md +356 -0
  21. package/data-list/index.d.ts +102 -0
  22. package/data-pager/index.d.ts +10 -5
  23. package/datetime-box/index.d.ts +2 -7
  24. package/datetime-input/index.d.ts +2 -4
  25. package/datetime-picker/index.d.ts +9 -10
  26. package/dropdown/index.d.ts +41 -0
  27. package/fesm2022/acorex-components-accordion.mjs +10 -10
  28. package/fesm2022/acorex-components-accordion.mjs.map +1 -1
  29. package/fesm2022/acorex-components-action-sheet.mjs +78 -48
  30. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  31. package/fesm2022/acorex-components-alert.mjs +10 -12
  32. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  33. package/fesm2022/acorex-components-audio-wave.mjs +7 -7
  34. package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
  35. package/fesm2022/acorex-components-autocomplete.mjs +32 -10
  36. package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
  37. package/fesm2022/acorex-components-avatar.mjs +22 -17
  38. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  39. package/fesm2022/acorex-components-badge.mjs +8 -9
  40. package/fesm2022/acorex-components-badge.mjs.map +1 -1
  41. package/fesm2022/acorex-components-bottom-navigation.mjs +17 -13
  42. package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
  43. package/fesm2022/acorex-components-breadcrumbs.mjs +36 -20
  44. package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
  45. package/fesm2022/acorex-components-button-group.mjs +31 -22
  46. package/fesm2022/acorex-components-button-group.mjs.map +1 -1
  47. package/fesm2022/acorex-components-button.mjs +73 -30
  48. package/fesm2022/acorex-components-button.mjs.map +1 -1
  49. package/fesm2022/acorex-components-calendar.mjs +100 -53
  50. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  51. package/fesm2022/acorex-components-check-box.mjs +9 -11
  52. package/fesm2022/acorex-components-check-box.mjs.map +1 -1
  53. package/fesm2022/acorex-components-chips.mjs +8 -9
  54. package/fesm2022/acorex-components-chips.mjs.map +1 -1
  55. package/fesm2022/acorex-components-circular-progress.mjs +30 -25
  56. package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
  57. package/fesm2022/acorex-components-collapse.mjs +20 -18
  58. package/fesm2022/acorex-components-collapse.mjs.map +1 -1
  59. package/fesm2022/acorex-components-color-box.mjs +34 -30
  60. package/fesm2022/acorex-components-color-box.mjs.map +1 -1
  61. package/fesm2022/acorex-components-color-palette.mjs +55 -75
  62. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  63. package/fesm2022/acorex-components-comment.mjs +38 -38
  64. package/fesm2022/acorex-components-comment.mjs.map +1 -1
  65. package/fesm2022/acorex-components-conversation.mjs +58 -52
  66. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  67. package/fesm2022/acorex-components-cron-job.mjs +54 -48
  68. package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
  69. package/fesm2022/acorex-components-data-list.mjs +386 -0
  70. package/fesm2022/acorex-components-data-list.mjs.map +1 -0
  71. package/fesm2022/acorex-components-data-pager.mjs +41 -36
  72. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  73. package/fesm2022/acorex-components-data-table.mjs +40 -40
  74. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  75. package/fesm2022/acorex-components-datetime-box.mjs +22 -31
  76. package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
  77. package/fesm2022/acorex-components-datetime-input.mjs +17 -14
  78. package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
  79. package/fesm2022/acorex-components-datetime-picker.mjs +98 -45
  80. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  81. package/fesm2022/acorex-components-decorators.mjs +25 -25
  82. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  83. package/fesm2022/acorex-components-dialog.mjs +10 -10
  84. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  85. package/fesm2022/acorex-components-drawer-2.mjs +10 -10
  86. package/fesm2022/acorex-components-drawer-2.mjs.map +1 -1
  87. package/fesm2022/acorex-components-drawer.mjs +13 -13
  88. package/fesm2022/acorex-components-drawer.mjs.map +1 -1
  89. package/fesm2022/acorex-components-dropdown-button.mjs +7 -7
  90. package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
  91. package/fesm2022/acorex-components-dropdown.mjs +57 -13
  92. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  93. package/fesm2022/acorex-components-file-explorer.mjs +25 -25
  94. package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
  95. package/fesm2022/acorex-components-flow-chart.mjs +40 -16
  96. package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
  97. package/fesm2022/acorex-components-form.mjs +26 -17
  98. package/fesm2022/acorex-components-form.mjs.map +1 -1
  99. package/fesm2022/acorex-components-grid-layout-builder.mjs +10 -10
  100. package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
  101. package/fesm2022/acorex-components-image-editor.mjs +40 -34
  102. package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
  103. package/fesm2022/acorex-components-image.mjs +7 -7
  104. package/fesm2022/acorex-components-image.mjs.map +1 -1
  105. package/fesm2022/acorex-components-json-viewer.mjs +8 -8
  106. package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
  107. package/fesm2022/acorex-components-kanban.mjs +11 -7
  108. package/fesm2022/acorex-components-kanban.mjs.map +1 -1
  109. package/fesm2022/acorex-components-kbd.mjs +20 -13
  110. package/fesm2022/acorex-components-kbd.mjs.map +1 -1
  111. package/fesm2022/acorex-components-label.mjs +9 -9
  112. package/fesm2022/acorex-components-label.mjs.map +1 -1
  113. package/fesm2022/acorex-components-list.mjs +27 -19
  114. package/fesm2022/acorex-components-list.mjs.map +1 -1
  115. package/fesm2022/acorex-components-loading-dialog.mjs +40 -22
  116. package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
  117. package/fesm2022/acorex-components-loading.mjs +74 -16
  118. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  119. package/fesm2022/acorex-components-map.mjs +534 -115
  120. package/fesm2022/acorex-components-map.mjs.map +1 -1
  121. package/fesm2022/acorex-components-media-viewer.mjs +37 -37
  122. package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
  123. package/fesm2022/acorex-components-menu.mjs +44 -18
  124. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  125. package/fesm2022/{acorex-components-modal-acorex-components-modal-C4zx7OP6.mjs → acorex-components-modal-acorex-components-modal-yzX5PZMM.mjs} +101 -22
  126. package/fesm2022/acorex-components-modal-acorex-components-modal-yzX5PZMM.mjs.map +1 -0
  127. package/fesm2022/{acorex-components-modal-modal-content.component-DfhgA_WL.mjs → acorex-components-modal-modal-content.component-Bt8c43qi.mjs} +5 -5
  128. package/fesm2022/{acorex-components-modal-modal-content.component-DfhgA_WL.mjs.map → acorex-components-modal-modal-content.component-Bt8c43qi.mjs.map} +1 -1
  129. package/fesm2022/acorex-components-modal.mjs +1 -1
  130. package/fesm2022/acorex-components-navbar.mjs +13 -8
  131. package/fesm2022/acorex-components-navbar.mjs.map +1 -1
  132. package/fesm2022/acorex-components-notification.mjs +14 -11
  133. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  134. package/fesm2022/acorex-components-number-box-2.mjs +13 -7
  135. package/fesm2022/acorex-components-number-box-2.mjs.map +1 -1
  136. package/fesm2022/acorex-components-number-box.mjs +16 -10
  137. package/fesm2022/acorex-components-number-box.mjs.map +1 -1
  138. package/fesm2022/acorex-components-otp.mjs +9 -9
  139. package/fesm2022/acorex-components-otp.mjs.map +1 -1
  140. package/fesm2022/acorex-components-page.mjs +10 -10
  141. package/fesm2022/acorex-components-page.mjs.map +1 -1
  142. package/fesm2022/acorex-components-paint.mjs +31 -25
  143. package/fesm2022/acorex-components-paint.mjs.map +1 -1
  144. package/fesm2022/acorex-components-password-box.mjs +20 -14
  145. package/fesm2022/acorex-components-password-box.mjs.map +1 -1
  146. package/fesm2022/acorex-components-pdf-reader.mjs +7 -7
  147. package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
  148. package/fesm2022/acorex-components-phone-box.mjs +22 -13
  149. package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
  150. package/fesm2022/acorex-components-picker.mjs +26 -16
  151. package/fesm2022/acorex-components-picker.mjs.map +1 -1
  152. package/fesm2022/acorex-components-popover.mjs +8 -13
  153. package/fesm2022/acorex-components-popover.mjs.map +1 -1
  154. package/fesm2022/acorex-components-popup.mjs +10 -10
  155. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  156. package/fesm2022/acorex-components-progress-bar.mjs +7 -7
  157. package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
  158. package/fesm2022/acorex-components-qrcode.mjs +7 -7
  159. package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
  160. package/fesm2022/acorex-components-query-builder.mjs +7 -7
  161. package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
  162. package/fesm2022/acorex-components-radio.mjs +8 -8
  163. package/fesm2022/acorex-components-radio.mjs.map +1 -1
  164. package/fesm2022/acorex-components-rail-navigation.mjs +24 -13
  165. package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
  166. package/fesm2022/acorex-components-range-slider.mjs +7 -7
  167. package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
  168. package/fesm2022/acorex-components-rate-picker.mjs +7 -7
  169. package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
  170. package/fesm2022/acorex-components-rest-api-generator.mjs +22 -22
  171. package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
  172. package/fesm2022/acorex-components-result.mjs +7 -7
  173. package/fesm2022/acorex-components-result.mjs.map +1 -1
  174. package/fesm2022/acorex-components-routing-progress.mjs +7 -7
  175. package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
  176. package/fesm2022/acorex-components-rrule.mjs +6 -6
  177. package/fesm2022/acorex-components-rrule.mjs.map +1 -1
  178. package/fesm2022/acorex-components-scheduler.mjs +39 -39
  179. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  180. package/fesm2022/acorex-components-scss.mjs +4 -4
  181. package/fesm2022/acorex-components-scss.mjs.map +1 -1
  182. package/fesm2022/acorex-components-search-box.mjs +13 -7
  183. package/fesm2022/acorex-components-search-box.mjs.map +1 -1
  184. package/fesm2022/acorex-components-select-box.mjs +117 -38
  185. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  186. package/fesm2022/acorex-components-selection-list-2.mjs +12 -9
  187. package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
  188. package/fesm2022/acorex-components-selection-list.mjs +14 -11
  189. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  190. package/fesm2022/acorex-components-side-menu.mjs +98 -43
  191. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  192. package/fesm2022/acorex-components-skeleton.mjs +7 -7
  193. package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
  194. package/fesm2022/acorex-components-slider.mjs +7 -7
  195. package/fesm2022/acorex-components-slider.mjs.map +1 -1
  196. package/fesm2022/acorex-components-sliding-item.mjs +13 -13
  197. package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
  198. package/fesm2022/acorex-components-step-wizard.mjs +13 -13
  199. package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
  200. package/fesm2022/acorex-components-switch.mjs +10 -10
  201. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  202. package/fesm2022/acorex-components-tabs.mjs +20 -18
  203. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  204. package/fesm2022/acorex-components-tag-box.mjs +39 -21
  205. package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
  206. package/fesm2022/acorex-components-tag.mjs +7 -7
  207. package/fesm2022/acorex-components-tag.mjs.map +1 -1
  208. package/fesm2022/acorex-components-text-area.mjs +16 -10
  209. package/fesm2022/acorex-components-text-area.mjs.map +1 -1
  210. package/fesm2022/acorex-components-text-box.mjs +19 -13
  211. package/fesm2022/acorex-components-text-box.mjs.map +1 -1
  212. package/fesm2022/acorex-components-time-duration.mjs +41 -65
  213. package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
  214. package/fesm2022/acorex-components-time-line.mjs +10 -10
  215. package/fesm2022/acorex-components-time-line.mjs.map +1 -1
  216. package/fesm2022/acorex-components-toast.mjs +10 -10
  217. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  218. package/fesm2022/acorex-components-toolbar.mjs +7 -7
  219. package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
  220. package/fesm2022/acorex-components-tooltip.mjs +14 -13
  221. package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
  222. package/fesm2022/acorex-components-tree-view.mjs +11 -11
  223. package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
  224. package/fesm2022/acorex-components-uploader.mjs +22 -22
  225. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  226. package/fesm2022/acorex-components-video-player.mjs +7 -7
  227. package/fesm2022/acorex-components-video-player.mjs.map +1 -1
  228. package/fesm2022/acorex-components-wysiwyg.mjs +41 -35
  229. package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
  230. package/flow-chart/index.d.ts +24 -0
  231. package/form/index.d.ts +4 -0
  232. package/image-editor/index.d.ts +1 -0
  233. package/json-viewer/index.d.ts +3 -3
  234. package/kanban/index.d.ts +7 -3
  235. package/kbd/index.d.ts +10 -3
  236. package/list/index.d.ts +14 -7
  237. package/loading/index.d.ts +58 -1
  238. package/loading-dialog/index.d.ts +29 -11
  239. package/map/index.d.ts +119 -6
  240. package/menu/index.d.ts +19 -0
  241. package/modal/index.d.ts +43 -0
  242. package/navbar/index.d.ts +6 -1
  243. package/number-box/index.d.ts +1 -0
  244. package/number-box-2/index.d.ts +1 -0
  245. package/package.json +9 -2
  246. package/paint/index.d.ts +2 -1
  247. package/password-box/index.d.ts +7 -6
  248. package/phone-box/index.d.ts +11 -8
  249. package/picker/index.d.ts +10 -8
  250. package/popover/index.d.ts +1 -1
  251. package/radio/index.d.ts +1 -1
  252. package/rail-navigation/index.d.ts +11 -0
  253. package/rate-picker/index.d.ts +1 -1
  254. package/scheduler/index.d.ts +1 -1
  255. package/search-box/index.d.ts +1 -0
  256. package/select-box/index.d.ts +32 -8
  257. package/side-menu/index.d.ts +16 -7
  258. package/tag-box/index.d.ts +3 -2
  259. package/text-area/index.d.ts +1 -0
  260. package/text-box/index.d.ts +1 -0
  261. package/time-duration/index.d.ts +3 -1
  262. package/tooltip/index.d.ts +3 -2
  263. package/wysiwyg/index.d.ts +1 -0
  264. package/fesm2022/acorex-components-modal-acorex-components-modal-C4zx7OP6.mjs.map +0 -1
package/modal/index.d.ts CHANGED
@@ -47,11 +47,32 @@ declare class AXModalComponent extends NXComponent {
47
47
  private service;
48
48
  protected template: i0.Signal<TemplateRef<any>>;
49
49
  private ref;
50
+ /**
51
+ * Opens the modal with the specified options.
52
+ * @param options - Configuration options for the modal
53
+ * @returns Promise<AXModalRef> - Reference to the opened modal
54
+ */
50
55
  open(options?: AXModalOptions): Promise<AXModalRef<any>>;
56
+ /**
57
+ * Closes the currently open modal.
58
+ */
51
59
  close(): Promise<void>;
60
+ /**
61
+ * Sets input values for the modal content component.
62
+ * @param values - Object containing input values to set
63
+ */
52
64
  setInputs(values: AXComponentInputs): Promise<void>;
65
+ /**
66
+ * Minimizes the modal to the bottom bar.
67
+ */
53
68
  minimize(): Promise<void>;
69
+ /**
70
+ * Maximizes the modal to fullscreen.
71
+ */
54
72
  maximize(): Promise<void>;
73
+ /**
74
+ * Restores the modal from minimized or maximized state.
75
+ */
55
76
  restore(): Promise<void>;
56
77
  static ɵfac: i0.ɵɵFactoryDeclaration<AXModalComponent, never>;
57
78
  static ɵcmp: i0.ɵɵComponentDeclaration<AXModalComponent, "ax-modal", never, {}, {}, never, ["*"], true, never>;
@@ -66,11 +87,33 @@ declare class AXModalModule {
66
87
  declare class AXModalService {
67
88
  private stateService;
68
89
  private ref;
90
+ /**
91
+ * Opens a modal with the specified content and options.
92
+ * @param content - Component, template, or HTML element to display
93
+ * @param options - Configuration options for the modal
94
+ * @returns Promise<AXModalRef> - Reference to the opened modal
95
+ */
69
96
  open(content: AXComponentContent | HTMLElement, options?: AXModalOptions): Promise<AXModalRef>;
97
+ /**
98
+ * Closes the currently open modal.
99
+ */
70
100
  close(): Promise<void>;
101
+ /**
102
+ * Sets input values for the modal content component.
103
+ * @param values - Object containing input values to set
104
+ */
71
105
  setInputs(values: AXComponentInputs): Promise<void>;
106
+ /**
107
+ * Minimizes the modal to the bottom bar.
108
+ */
72
109
  minimize(): Promise<void>;
110
+ /**
111
+ * Maximizes the modal to fullscreen.
112
+ */
73
113
  maximize(): Promise<void>;
114
+ /**
115
+ * Restores the modal from minimized or maximized state.
116
+ */
74
117
  restore(): Promise<void>;
75
118
  static ɵfac: i0.ɵɵFactoryDeclaration<AXModalService, never>;
76
119
  static ɵprov: i0.ɵɵInjectableDeclaration<AXModalService>;
package/navbar/index.d.ts CHANGED
@@ -5,9 +5,14 @@ import * as i1 from '@angular/common';
5
5
  /**
6
6
  * @category Components
7
7
  * A navigation bar component that supports custom styling and encapsulation.
8
+ * It provides a consistent way to display navigation elements with prefix, title, and suffix content areas.
8
9
  */
9
10
  declare class AXNavbarComponent extends MXLookComponent {
10
- /** @ignore */
11
+ /**
12
+ * Gets the host CSS classes for the navbar component.
13
+ *
14
+ * @returns string - The CSS classes for the navbar component
15
+ */
11
16
  get __hostClass(): string;
12
17
  static ɵfac: i0.ɵɵFactoryDeclaration<AXNavbarComponent, never>;
13
18
  static ɵcmp: i0.ɵɵComponentDeclaration<AXNavbarComponent, "ax-navbar", never, { "look": { "alias": "look"; "required": false; }; }, {}, never, ["ax-prefix", "ax-title", "*", "ax-suffix"], true, never>;
@@ -177,6 +177,7 @@ declare class AXNumberBoxComponent extends AXNumberBoxComponent_base implements
177
177
  */
178
178
  decimalStepDown(u?: boolean): void;
179
179
  onWheel(event: WheelEvent): void;
180
+ private get __hostName();
180
181
  static ɵfac: i0.ɵɵFactoryDeclaration<AXNumberBoxComponent, never>;
181
182
  static ɵcmp: i0.ɵɵComponentDeclaration<AXNumberBoxComponent, "ax-number-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; }; "allDigits": { "alias": "allDigits"; "required": false; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; }; "padDecimalZeros": { "alias": "padDecimalZeros"; "required": false; }; "step": { "alias": "step"; "required": false; }; "decimals": { "alias": "decimals"; "required": false; }; "decimalStep": { "alias": "decimalStep"; "required": false; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
182
183
  }
@@ -33,6 +33,7 @@ declare class AXNumberBox2Component extends AXNumberBox2Component_base {
33
33
  protected handleDownClick(): void;
34
34
  protected handleOnMaskChanged(e: AXInputMaskEvent): void;
35
35
  protected onWheel(event: WheelEvent): void;
36
+ private get __hostName();
36
37
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXNumberBox2Component, never>;
37
38
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXNumberBox2Component, "ax-number-box-2", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "showSpinButtons": { "alias": "showSpinButtons"; "required": false; "isSignal": true; }; "thousandsSeparator": { "alias": "thousandsSeparator"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "changeOnScroll": { "alias": "changeOnScroll"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "thousandsSeparator": "thousandsSeparatorChange"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
38
39
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/components",
3
- "version": "20.2.0-next.2",
3
+ "version": "20.2.0-next.20",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^20.0.0",
6
6
  "@angular/core": "^20.0.0",
@@ -11,7 +11,10 @@
11
11
  "qrcode": "^1.5.4",
12
12
  "gridstack": "^11.1.2",
13
13
  "maska": ">=3.1.1",
14
- "rrule": "^2.8.1"
14
+ "rrule": "^2.8.1",
15
+ "leaflet": "^1.9.4",
16
+ "leaflet-draw": "^1.0.4",
17
+ "leaflet.locatecontrol": "^0.81.1"
15
18
  },
16
19
  "dependencies": {
17
20
  "tslib": "^2.3.0"
@@ -111,6 +114,10 @@
111
114
  "types": "./cron-job/index.d.ts",
112
115
  "default": "./fesm2022/acorex-components-cron-job.mjs"
113
116
  },
117
+ "./data-list": {
118
+ "types": "./data-list/index.d.ts",
119
+ "default": "./fesm2022/acorex-components-data-list.mjs"
120
+ },
114
121
  "./data-pager": {
115
122
  "types": "./data-pager/index.d.ts",
116
123
  "default": "./fesm2022/acorex-components-data-pager.mjs"
package/paint/index.d.ts CHANGED
@@ -44,6 +44,7 @@ declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
44
44
  setHighlightWidth(width: number): void;
45
45
  setEraserWidth(width: number): void;
46
46
  clear(): void;
47
+ private get __hostName();
47
48
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPaintContainerComponent, never>;
48
49
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPaintContainerComponent, "ax-paint-container", never, { "look": { "alias": "look"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "editMode": { "alias": "editMode"; "required": false; "isSignal": true; }; }, {}, never, ["*", "ax-validation-rule"], true, never>;
49
50
  }
@@ -55,7 +56,7 @@ declare class AXPaintContainerComponent extends AXPaintContainerComponent_base {
55
56
  declare class AXPaintViewComponent implements OnDestroy {
56
57
  #private;
57
58
  /** @ignore */
58
- parent: AXPaintContainerComponent;
59
+ private parent;
59
60
  /** @ignore */
60
61
  protected service: AXPaintService;
61
62
  /** @ignore */
@@ -16,7 +16,7 @@ declare const AXPasswordBoxComponent_base: polytype.Polytype.ClusteredConstructo
16
16
  ɵprov: _angular_core.ɵɵInjectableDeclaration<MXInputBaseValueComponent<any>>;
17
17
  }, typeof MXLookComponent]>;
18
18
  /**
19
- * The Textbox is a component which detects user interaction and triggers a corresponding event
19
+ * A specialized input field designed for securely capturing user passwords. It incorporates essential features to enhance usability, accessibility, and security while maintaining a user-friendly interface. The component extends MXInputBaseValueComponent and MXLookComponent to provide comprehensive input functionality with visual styling options.
20
20
  *
21
21
  * @category Components
22
22
  */
@@ -45,6 +45,7 @@ declare class AXPasswordBoxComponent extends AXPasswordBoxComponent_base {
45
45
  * Toggles the input type between 'password' and 'text' to show or hide the password.
46
46
  */
47
47
  toggleType(): void;
48
+ private get __hostName();
48
49
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPasswordBoxComponent, never>;
49
50
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPasswordBoxComponent, "ax-password-box", never, { "readonly": { "alias": "readonly"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "showToggleButton": { "alias": "showToggleButton"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule", "ax-password-strength-validation"], true, never>;
50
51
  }
@@ -62,23 +63,23 @@ declare class AXPasswordStrengthValidationComponent {
62
63
  readonly showUseLowerCase: _angular_core.InputSignal<boolean>;
63
64
  readonly showUseNumber: _angular_core.InputSignal<boolean>;
64
65
  readonly showUseSpecialCharacter: _angular_core.InputSignal<boolean>;
65
- isLengthGraterThan8: _angular_core.WritableSignal<{
66
+ protected isLengthGraterThan8: _angular_core.WritableSignal<{
66
67
  regex: RegExp;
67
68
  state: boolean;
68
69
  }>;
69
- isUseUpperCase: _angular_core.WritableSignal<{
70
+ protected isUseUpperCase: _angular_core.WritableSignal<{
70
71
  regex: RegExp;
71
72
  state: boolean;
72
73
  }>;
73
- isUseLowerCase: _angular_core.WritableSignal<{
74
+ protected isUseLowerCase: _angular_core.WritableSignal<{
74
75
  regex: RegExp;
75
76
  state: boolean;
76
77
  }>;
77
- isUseNumber: _angular_core.WritableSignal<{
78
+ protected isUseNumber: _angular_core.WritableSignal<{
78
79
  regex: RegExp;
79
80
  state: boolean;
80
81
  }>;
81
- isUseSpecialCharacter: _angular_core.WritableSignal<{
82
+ protected isUseSpecialCharacter: _angular_core.WritableSignal<{
82
83
  regex: RegExp;
83
84
  state: boolean;
84
85
  }>;
@@ -1,14 +1,13 @@
1
1
  import * as polytype from 'polytype';
2
2
  import * as _angular_core from '@angular/core';
3
3
  import { MXInputBaseValueComponent, MXLookComponent, AXDataSource, AXValueChangedEvent } from '@acorex/cdk/common';
4
- import * as i4 from '@acorex/components/select-box';
5
- import { AXSelectBoxComponent } from '@acorex/components/select-box';
6
4
  import * as i8 from '@acorex/components/text-box';
7
5
  import { AXTextBoxComponent } from '@acorex/components/text-box';
8
6
  import { CountryItem } from '@acorex/core/constants';
9
7
  import * as i1 from '@angular/common';
10
8
  import * as i2 from '@angular/forms';
11
9
  import * as i3 from 'angular-imask';
10
+ import * as i4 from '@acorex/components/select-box';
12
11
  import * as i5 from '@acorex/components/search-box';
13
12
  import * as i6 from '@acorex/components/decorators';
14
13
  import * as i7 from '@acorex/components/button';
@@ -49,7 +48,7 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
49
48
  * List of excluded values for the component.
50
49
  */
51
50
  excluded: _angular_core.InputSignal<string[]>;
52
- selectBox: _angular_core.Signal<AXSelectBoxComponent>;
51
+ private selectBox;
53
52
  /** @ignore */
54
53
  protected countries: _angular_core.WritableSignal<CountryItem[]>;
55
54
  /** @ignore */
@@ -62,23 +61,27 @@ declare class AXPhoneBoxComponent extends AXPhoneBoxComponent_base {
62
61
  protected handleCountryOnClosed(): void;
63
62
  /**
64
63
  * Determines if the keyboard event is a valid action based on allowed keys and key codes.
64
+ *
65
+ * @param event - The keyboard event to validate
66
+ * @returns boolean - True if the key action is valid, false otherwise
65
67
  */
66
68
  isValidKeyboardAction: (event: KeyboardEvent) => boolean;
67
69
  /**
68
70
  * Updates the list of countries based on included or excluded codes.
71
+ *
72
+ * @returns void - No return value. Updates the internal countries list.
69
73
  */
70
74
  setCountries(): void;
71
75
  /**
72
76
  * Sets the default selected country based on the provided country code or the first country in the list.
77
+ *
78
+ * @returns void - No return value. Updates the selected country.
73
79
  */
74
80
  setDefaultValue(): void;
75
- /**
76
- * Handles key down events, emitting an event if the key action is valid, otherwise prevents default behavior and stops propagation.
77
- * @param e
78
- */
79
- handleKeyDown(e: KeyboardEvent): void;
81
+ protected handleKeyDown(e: KeyboardEvent): void;
80
82
  /** @ignore */
81
83
  _handleCountryValueChanged(event: AXValueChangedEvent): void;
84
+ private get __hostName();
82
85
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPhoneBoxComponent, never>;
83
86
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPhoneBoxComponent, "ax-phone-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "precode": { "alias": "precode"; "required": false; "isSignal": true; }; "country": { "alias": "country"; "required": false; "isSignal": true; }; "included": { "alias": "included"; "required": false; "isSignal": true; }; "excluded": { "alias": "excluded"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; "country": "countryChange"; }, never, ["ax-clear-button ", "ax-validation-rule"], true, never>;
84
87
  }
package/picker/index.d.ts CHANGED
@@ -6,7 +6,7 @@ import { MXValueComponent } from '@acorex/cdk/common';
6
6
  import * as i1 from '@angular/common';
7
7
 
8
8
  declare class AXPickerContainerComponent {
9
- customClass: _angular_core.InputSignal<string>;
9
+ readonly customClass: _angular_core.InputSignal<string>;
10
10
  get __hostClass(): string;
11
11
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerContainerComponent, never>;
12
12
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerContainerComponent, "ax-picker-container", never, { "customClass": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["ax-picker-title", "ax-picker-items"], true, never>;
@@ -15,19 +15,21 @@ declare class AXPickerContainerComponent {
15
15
  declare class AXPickerItemsComponent extends MXValueComponent {
16
16
  #private;
17
17
  protected swiperRef: _angular_core.Signal<AXCarouselDirective>;
18
- items: _angular_core.InputSignal<any[]>;
19
- valueField: _angular_core.InputSignal<string>;
20
- textField: _angular_core.InputSignal<string>;
21
- selectedItemIndex: _angular_core.WritableSignal<any>;
22
- slidesPerGroup: _angular_core.InputSignal<number>;
23
- loop: _angular_core.InputSignal<boolean>;
18
+ readonly items: _angular_core.InputSignal<any[]>;
19
+ readonly valueField: _angular_core.InputSignal<string>;
20
+ readonly textField: _angular_core.InputSignal<string>;
21
+ readonly slidesPerGroup: _angular_core.InputSignal<number>;
22
+ readonly loop: _angular_core.InputSignal<boolean>;
23
+ private selectedItemIndex;
24
+ readonly minValue: _angular_core.InputSignal<number>;
25
+ readonly maxValue: _angular_core.InputSignal<number>;
24
26
  protected option: _angular_core.WritableSignal<swiper_types.SwiperOptions>;
25
27
  protected clickHandler(v: any): any;
26
28
  internalSetValue(v: any): any;
27
29
  /** @ignore */
28
30
  private get __hostClass();
29
31
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXPickerItemsComponent, never>;
30
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerItemsComponent, "ax-picker-items", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
32
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXPickerItemsComponent, "ax-picker-items", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "readonlyChange": { "alias": "readonlyChange"; "required": false; }; "disabledChange": { "alias": "disabledChange"; "required": false; }; "items": { "alias": "items"; "required": true; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "slidesPerGroup": { "alias": "slidesPerGroup"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "minValue": { "alias": "minValue"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; }, { "onValueChanged": "onValueChanged"; }, never, never, true, never>;
31
33
  }
32
34
 
33
35
  declare class AXPickerTitleComponent {
@@ -82,7 +82,7 @@ declare class AXPopoverComponent extends MXBaseComponent implements OnDestroy {
82
82
  /** @ignore */
83
83
  private _placement;
84
84
  /**
85
- * Gets or sets the component's placement and updates position settings.
85
+ * Gets the current placement of the component.
86
86
  */
87
87
  get placement(): AXPlacementType;
88
88
  /**
package/radio/index.d.ts CHANGED
@@ -21,7 +21,7 @@ declare class AXRadioComponent extends MXValueComponent<boolean | null> implemen
21
21
  /** @ignore */
22
22
  protected _handleModelChange(value: boolean | null): void;
23
23
  static ɵfac: i0.ɵɵFactoryDeclaration<AXRadioComponent, never>;
24
- static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXRadioComponent, "ax-radio", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "onValueChanged": "onValueChanged"; }, ["_labels"], ["ax-label", "ax-form-hint", "ax-validation-rule"], true, never>;
25
25
  }
26
26
 
27
27
  declare class AXRadioModule {
@@ -32,6 +32,10 @@ declare class AXRailNavigationItemComponent extends MXBaseComponent implements A
32
32
  ngAfterViewInit(): void;
33
33
  ngOnDestroy(): void;
34
34
  handleClickEvent(e: MouseEvent): void;
35
+ /**
36
+ * Gets the height and top position of the item.
37
+ * @returns Object containing height and top position
38
+ */
35
39
  getStats(): {
36
40
  height: number;
37
41
  top: number;
@@ -64,7 +68,14 @@ declare class AXRailNavigationModule {
64
68
 
65
69
  declare class AXRailNavigationService {
66
70
  private activeItem;
71
+ /**
72
+ * Observable that emits the currently active rail navigation item.
73
+ */
67
74
  activeItem$: rxjs.Observable<AXRailNavigationItemComponent>;
75
+ /**
76
+ * Sets the specified item as the active rail navigation item.
77
+ * @param item - The rail navigation item to set as active
78
+ */
68
79
  setActive(item: AXRailNavigationItemComponent): void;
69
80
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXRailNavigationService, never>;
70
81
  static ɵprov: _angular_core.ɵɵInjectableDeclaration<AXRailNavigationService>;
@@ -103,7 +103,7 @@ declare class AXRatePickerComponent extends MXValueComponent<number> {
103
103
  * @description
104
104
  * Handles mouse leave events to reset styles.
105
105
  */
106
- mouseLeave(): void;
106
+ protected mouseLeave(): void;
107
107
  /**
108
108
  * @description
109
109
  * Cleans up event listeners and restores the previous rating value.
@@ -120,7 +120,7 @@ declare class AXSchedulerComponent extends NXComponent implements OnInit {
120
120
  multiDayViewDaysCount: _angular_core.InputSignal<number>;
121
121
  tooltipTemplate: _angular_core.InputSignal<string | TemplateRef<unknown>>;
122
122
  dataSource: _angular_core.InputSignal<AXSchedulerAppointmentDataSource>;
123
- holidays: _angular_core.InputSignal<(range: AXSchedulerDateRange) => AXHolidayDate[]>;
123
+ holidays: _angular_core.InputSignal<(range: AXSchedulerDateRange) => Promise<AXHolidayDate[]>>;
124
124
  firstDayOfWeek: _angular_core.InputSignal<AXDayOfWeekName>;
125
125
  views: _angular_core.InputSignal<AXSchedulerView[]>;
126
126
  selectedView: _angular_core.ModelSignal<AXSchedulerView>;
@@ -38,6 +38,7 @@ declare class AXSearchBoxComponent extends AXSearchBoxComponent_base {
38
38
  _handleModelChange(value: string): void;
39
39
  /** @ignore */
40
40
  get __hostClass(): string[];
41
+ private get __hostName();
41
42
  static ɵfac: i0.ɵɵFactoryDeclaration<AXSearchBoxComponent, never>;
42
43
  static ɵcmp: i0.ɵɵComponentDeclaration<AXSearchBoxComponent, "ax-search-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "look": { "alias": "look"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; "delayTime": { "alias": "delayTime"; "required": false; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix"], true, never>;
43
44
  }
@@ -1,8 +1,8 @@
1
1
  import * as i0 from '@angular/core';
2
- import { AfterViewInit, OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
2
+ import { OnDestroy, WritableSignal, TemplateRef, ElementRef } from '@angular/core';
3
3
  import * as polytype from 'polytype';
4
4
  import * as i2 from '@acorex/cdk/common';
5
- import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent } from '@acorex/cdk/common';
5
+ import { MXSelectionValueComponent, MXLookComponent, AXDataSource, MXSelectionBridgeService, AXEvent, AXValueChangedEvent, AXItemClickEvent, AXItemSelectedEvent } from '@acorex/cdk/common';
6
6
  import * as i12 from '@acorex/components/dropdown';
7
7
  import { MXDropdownBoxBaseComponent, AXDropdownBoxComponent } from '@acorex/components/dropdown';
8
8
  import * as i13 from '@acorex/components/list';
@@ -25,7 +25,19 @@ declare const AXSelectBoxComponent_base: polytype.Polytype.ClusteredConstructor<
25
25
  * The Button is a component which detects user interaction and triggers a corresponding event
26
26
  * @category
27
27
  */
28
- declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements AfterViewInit, OnDestroy {
28
+ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements OnDestroy {
29
+ /**
30
+ * Determines if an item is truncated.
31
+ *
32
+ * @defaultValue true
33
+ */
34
+ isItemTruncated: i0.InputSignal<boolean>;
35
+ /**
36
+ * Determines if a tooltip is shown for an item.
37
+ *
38
+ * @defaultValue false
39
+ */
40
+ showItemTooltip: i0.InputSignal<boolean>;
29
41
  /** @ignore */
30
42
  private hotKeyService;
31
43
  /** @ignore */
@@ -33,7 +45,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
33
45
  /** @ignore */
34
46
  protected searchValue: WritableSignal<string>;
35
47
  /** @ignore */
36
- protected renderList: boolean;
48
+ protected renderList: WritableSignal<boolean>;
37
49
  /** @ignore */
38
50
  protected _dropdownWidth: WritableSignal<string>;
39
51
  /** @ignore */
@@ -41,9 +53,11 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
41
53
  /** @ignore */
42
54
  protected _listDataSource: AXDataSource<any>;
43
55
  /** @ignore */
44
- private _dataSource;
56
+ private _originalDataSource;
45
57
  /** @ignore */
46
58
  private onChangedSubscription;
59
+ /** @ignore */
60
+ private onLoadingChangedSubscription;
47
61
  /**
48
62
  * Gets the data source for the component, which can be either an `AXDataSource` or an array of items.
49
63
  * @returns {AXDataSource<any> | any[]}
@@ -112,8 +126,11 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
112
126
  private _unsubscriber;
113
127
  /** @ignore */
114
128
  protected ngOnInit(): void;
115
- /** @ignore */
116
- ngAfterViewInit(): void;
129
+ /**
130
+ * Proactively fetches item data if the component has a value but no corresponding item data.
131
+ * This prevents showing "loading..." when the component has a value.
132
+ */
133
+ private fetchItemDataIfNeeded;
117
134
  /** @ignore */
118
135
  ngOnDestroy(): void;
119
136
  /**
@@ -132,7 +149,14 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
132
149
  /** @ignore */
133
150
  protected _handleValueChanged(e: AXValueChangedEvent): void;
134
151
  /** @ignore */
152
+ protected _handleItemClick(e: AXItemClickEvent): void;
153
+ /** @ignore */
154
+ protected _handleItemSelected(e: AXItemSelectedEvent): void;
155
+ /** @ignore */
135
156
  private setDropdownSize;
157
+ private updateDropdownPosition;
158
+ private updateDropdownSize;
159
+ internalValueChanged(value: any): void;
136
160
  /** @ignore */
137
161
  _handleKeydown(e: KeyboardEvent): void;
138
162
  /** @ignore */
@@ -148,7 +172,7 @@ declare class AXSelectBoxComponent extends AXSelectBoxComponent_base implements
148
172
  refresh(): void;
149
173
  private hostClickListener;
150
174
  static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectBoxComponent, never>;
151
- static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
175
+ static ɵcmp: i0.ɵɵComponentDeclaration<AXSelectBoxComponent, "ax-select-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "disabledField": { "alias": "disabledField"; "required": false; }; "textTemplate": { "alias": "textTemplate"; "required": false; }; "selectedItems": { "alias": "selectedItems"; "required": false; }; "isItemTruncated": { "alias": "isItemTruncated"; "required": false; "isSignal": true; }; "showItemTooltip": { "alias": "showItemTooltip"; "required": false; "isSignal": true; }; "dataSource": { "alias": "dataSource"; "required": false; }; "minRecordsForSearch": { "alias": "minRecordsForSearch"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "selectedTemplate": { "alias": "selectedTemplate"; "required": false; }; "emptyTemplate": { "alias": "emptyTemplate"; "required": false; }; "loadingTemplate": { "alias": "loadingTemplate"; "required": false; }; "dropdownWidth": { "alias": "dropdownWidth"; "required": false; "isSignal": true; }; "searchBoxAutoFocus": { "alias": "searchBoxAutoFocus"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "onBlur": "onBlur"; "onFocus": "onFocus"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onOpened": "onOpened"; "onClosed": "onClosed"; "onItemSelected": "onItemSelected"; "onItemClick": "onItemClick"; }, ["searchBox"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-search-box", "ax-footer", "ax-validation-rule"], true, never>;
152
176
  }
153
177
 
154
178
  declare class AXSelectBoxModule {
@@ -2,8 +2,7 @@ import * as _angular_core from '@angular/core';
2
2
  import * as i2 from '@acorex/cdk/common';
3
3
  import { AXClickEvent, MXInteractiveComponent, NXComponent } from '@acorex/cdk/common';
4
4
  import * as i5 from '@angular/router';
5
- import { UrlTree, IsActiveMatchOptions, Router } from '@angular/router';
6
- import { AXOutlineContainerDirective } from '@acorex/cdk/outline';
5
+ import { UrlTree, IsActiveMatchOptions } from '@angular/router';
7
6
  import * as i1 from '@angular/common';
8
7
  import * as i3 from '@acorex/components/loading';
9
8
  import * as i4 from '@acorex/core/translation';
@@ -19,6 +18,7 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
19
18
  isLoading: _angular_core.ModelSignal<boolean>;
20
19
  isCollapsed: _angular_core.ModelSignal<boolean>;
21
20
  onClick: _angular_core.OutputEmitterRef<AXSideMenuItemClickEvent>;
21
+ toggleOnClick: _angular_core.InputSignal<boolean>;
22
22
  href: _angular_core.InputSignal<string>;
23
23
  routerLink: _angular_core.InputSignal<string | any[] | UrlTree>;
24
24
  routerLinkActive: _angular_core.InputSignal<string | string[]>;
@@ -33,10 +33,10 @@ declare class AXSideMenuItemComponent extends MXInteractiveComponent {
33
33
  open(): void;
34
34
  close(): void;
35
35
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXSideMenuItemComponent, never>;
36
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "ax-text", "*", "ax-suffix"], true, never>;
36
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXSideMenuItemComponent, "ax-side-menu-item", never, { "disabled": { "alias": "disabled"; "required": false; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "toggleOnClick": { "alias": "toggleOnClick"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; "routerLinkActiveOptions": { "alias": "routerLinkActiveOptions"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; }, { "text": "textChange"; "active": "activeChange"; "isLoading": "isLoadingChange"; "isCollapsed": "isCollapsedChange"; "onClick": "onClick"; }, never, ["ax-title", "ax-side-menu-item, ng-container", "ax-divider", "ax-prefix", "ax-text", "*", "ax-suffix"], true, never>;
37
37
  }
38
38
 
39
- type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color';
39
+ type AXSideMenuLook = 'pills' | 'with-line' | 'with-line-color' | 'default';
40
40
  type AXSideMenuLocation = 'start' | 'end';
41
41
  type AXSideMenuItem = {
42
42
  title?: string;
@@ -55,6 +55,7 @@ type AXSideMenuItem = {
55
55
  icon?: string;
56
56
  data?: unknown;
57
57
  suffixText?: string;
58
+ toggleOnClick?: boolean;
58
59
  items?: AXSideMenuItem[];
59
60
  };
60
61
  /**
@@ -74,12 +75,20 @@ declare class AXSideMenuComponent extends NXComponent {
74
75
 
75
76
  declare class AXOutlineSideMenuDirective {
76
77
  #private;
77
- router: Router;
78
- sideMenu: AXSideMenuComponent;
79
- container: AXOutlineContainerDirective;
78
+ private router;
80
79
  private unsubscriber;
80
+ private sideMenu;
81
+ private container;
81
82
  private updateSideMenu;
83
+ /**
84
+ * Creates a string signature that represents the tree structure of the menu.
85
+ * Example: "href1(href1.1,href1.2),href2,href3"
86
+ * This will be different for a flat list vs. a nested list.
87
+ */
88
+ private getStructuralSignature;
89
+ private flattenMenuItems;
82
90
  private textReplace;
91
+ private buildNestedMenuItems;
83
92
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXOutlineSideMenuDirective, never>;
84
93
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AXOutlineSideMenuDirective, "[axOutlineSideMenu]", ["axOutlineSideMenu"], {}, {}, never, never, true, never>;
85
94
  }
@@ -26,8 +26,9 @@ declare class AXTagBoxComponent extends AXTagBoxComponent_base implements OnInit
26
26
  addItems(items: object[]): void;
27
27
  removeItem(index: number): void;
28
28
  convertString(v: unknown): object[];
29
- protected internalSetValue(value: any): unknown[];
30
- protected internalSetValue(value: any): any;
29
+ getFieldValue(item: unknown, path: string): unknown;
30
+ protected internalSetValue(value: unknown): unknown[];
31
+ private get __hostName();
31
32
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<AXTagBoxComponent, never>;
32
33
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<AXTagBoxComponent, "ax-tag-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "look": { "alias": "look"; "required": false; }; "addOnComma": { "alias": "addOnComma"; "required": false; "isSignal": true; }; "addOnEnter": { "alias": "addOnEnter"; "required": false; "isSignal": true; }; "valueField": { "alias": "valueField"; "required": false; "isSignal": true; }; "textField": { "alias": "textField"; "required": false; "isSignal": true; }; "readonlyField": { "alias": "readonlyField"; "required": false; "isSignal": true; }; "allowDuplicateValues": { "alias": "allowDuplicateValues"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-autocomplete", "ax-validation-rule"], true, never>;
33
34
  }
@@ -39,6 +39,7 @@ declare class AXTextAreaComponent extends AXTextAreaComponent_base {
39
39
  classNames: string;
40
40
  /** @ignore */
41
41
  protected _handleModelChange(value: string | null): void;
42
+ private get __hostName();
42
43
  static ɵfac: i0.ɵɵFactoryDeclaration<AXTextAreaComponent, never>;
43
44
  static ɵcmp: i0.ɵɵComponentDeclaration<AXTextAreaComponent, "ax-text-area", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "look": { "alias": "look"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "allowResize": { "alias": "allowResize"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; "classNames": { "alias": "class"; "required": false; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, never, ["ax-validation-rule"], true, never>;
44
45
  }
@@ -78,6 +78,7 @@ declare class AXTextBoxComponent extends AXTextBoxComponent_base implements Afte
78
78
  private _onComplete;
79
79
  /** @ignore */
80
80
  protected _handleModelChange(value: string | null): void;
81
+ private get __hostName();
81
82
  static ɵfac: i0.ɵɵFactoryDeclaration<AXTextBoxComponent, never>;
82
83
  static ɵcmp: i0.ɵɵComponentDeclaration<AXTextBoxComponent, "ax-text-box", never, { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "value": { "alias": "value"; "required": false; }; "state": { "alias": "state"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "allowNull": { "alias": "allowNull"; "required": false; }; "type": { "alias": "type"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "look": { "alias": "look"; "required": false; }; "maskOptions": { "alias": "mask-options"; "required": false; }; "classNames": { "alias": "class"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "valueChange": "valueChange"; "stateChange": "stateChange"; "onValueChanged": "onValueChanged"; "readonlyChange": "readonlyChange"; "disabledChange": "disabledChange"; "onKeyDown": "onKeyDown"; "onKeyUp": "onKeyUp"; "onKeyPress": "onKeyPress"; }, ["_maskOptionsContent"], ["ax-prefix", "ax-clear-button", "ax-suffix", "ax-validation-rule"], true, never>;
83
84
  }