@acorex/components 21.0.1-next.0 → 21.0.1-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (242) hide show
  1. package/accordion/index.d.ts +1 -0
  2. package/button-group/index.d.ts +4 -6
  3. package/chips/index.d.ts +8 -3
  4. package/collapse/index.d.ts +6 -4
  5. package/data-table/index.d.ts +253 -4
  6. package/dialog/index.d.ts +1 -1
  7. package/fesm2022/acorex-components-accordion.mjs +21 -16
  8. package/fesm2022/acorex-components-accordion.mjs.map +1 -1
  9. package/fesm2022/acorex-components-action-sheet.mjs +12 -12
  10. package/fesm2022/acorex-components-action-sheet.mjs.map +1 -1
  11. package/fesm2022/acorex-components-alert.mjs +13 -13
  12. package/fesm2022/acorex-components-alert.mjs.map +1 -1
  13. package/fesm2022/acorex-components-aspect-ratio.mjs +3 -3
  14. package/fesm2022/acorex-components-aspect-ratio.mjs.map +1 -1
  15. package/fesm2022/acorex-components-audio-wave.mjs +10 -11
  16. package/fesm2022/acorex-components-audio-wave.mjs.map +1 -1
  17. package/fesm2022/acorex-components-autocomplete.mjs +7 -7
  18. package/fesm2022/acorex-components-autocomplete.mjs.map +1 -1
  19. package/fesm2022/acorex-components-avatar.mjs +12 -12
  20. package/fesm2022/acorex-components-avatar.mjs.map +1 -1
  21. package/fesm2022/acorex-components-badge.mjs +9 -9
  22. package/fesm2022/acorex-components-badge.mjs.map +1 -1
  23. package/fesm2022/acorex-components-bottom-navigation.mjs +11 -11
  24. package/fesm2022/acorex-components-bottom-navigation.mjs.map +1 -1
  25. package/fesm2022/acorex-components-breadcrumbs.mjs +11 -11
  26. package/fesm2022/acorex-components-breadcrumbs.mjs.map +1 -1
  27. package/fesm2022/acorex-components-button-group.mjs +19 -23
  28. package/fesm2022/acorex-components-button-group.mjs.map +1 -1
  29. package/fesm2022/acorex-components-button.mjs +18 -18
  30. package/fesm2022/acorex-components-button.mjs.map +1 -1
  31. package/fesm2022/acorex-components-calendar.mjs +17 -17
  32. package/fesm2022/acorex-components-calendar.mjs.map +1 -1
  33. package/fesm2022/acorex-components-check-box.mjs +10 -10
  34. package/fesm2022/acorex-components-check-box.mjs.map +1 -1
  35. package/fesm2022/acorex-components-chips.mjs +14 -12
  36. package/fesm2022/acorex-components-chips.mjs.map +1 -1
  37. package/fesm2022/acorex-components-circular-progress.mjs +10 -12
  38. package/fesm2022/acorex-components-circular-progress.mjs.map +1 -1
  39. package/fesm2022/acorex-components-code-editor.mjs +10 -10
  40. package/fesm2022/acorex-components-code-editor.mjs.map +1 -1
  41. package/fesm2022/acorex-components-collapse.mjs +19 -22
  42. package/fesm2022/acorex-components-collapse.mjs.map +1 -1
  43. package/fesm2022/acorex-components-color-box.mjs +9 -9
  44. package/fesm2022/acorex-components-color-box.mjs.map +1 -1
  45. package/fesm2022/acorex-components-color-palette.mjs +30 -30
  46. package/fesm2022/acorex-components-color-palette.mjs.map +1 -1
  47. package/fesm2022/acorex-components-command.mjs +9 -9
  48. package/fesm2022/acorex-components-command.mjs.map +1 -1
  49. package/fesm2022/acorex-components-comment.mjs +32 -32
  50. package/fesm2022/acorex-components-comment.mjs.map +1 -1
  51. package/fesm2022/acorex-components-conversation.mjs +51 -51
  52. package/fesm2022/acorex-components-conversation.mjs.map +1 -1
  53. package/fesm2022/acorex-components-conversation2.mjs +184 -184
  54. package/fesm2022/acorex-components-conversation2.mjs.map +1 -1
  55. package/fesm2022/acorex-components-cron-job.mjs +46 -46
  56. package/fesm2022/acorex-components-cron-job.mjs.map +1 -1
  57. package/fesm2022/acorex-components-data-list.mjs +3 -3
  58. package/fesm2022/acorex-components-data-list.mjs.map +1 -1
  59. package/fesm2022/acorex-components-data-pager.mjs +33 -33
  60. package/fesm2022/acorex-components-data-pager.mjs.map +1 -1
  61. package/fesm2022/acorex-components-data-table.mjs +486 -50
  62. package/fesm2022/acorex-components-data-table.mjs.map +1 -1
  63. package/fesm2022/acorex-components-datetime-box.mjs +9 -9
  64. package/fesm2022/acorex-components-datetime-box.mjs.map +1 -1
  65. package/fesm2022/acorex-components-datetime-input.mjs +9 -9
  66. package/fesm2022/acorex-components-datetime-input.mjs.map +1 -1
  67. package/fesm2022/acorex-components-datetime-picker.mjs +9 -9
  68. package/fesm2022/acorex-components-datetime-picker.mjs.map +1 -1
  69. package/fesm2022/acorex-components-decorators.mjs +36 -43
  70. package/fesm2022/acorex-components-decorators.mjs.map +1 -1
  71. package/fesm2022/acorex-components-dialog.mjs +14 -15
  72. package/fesm2022/acorex-components-dialog.mjs.map +1 -1
  73. package/fesm2022/acorex-components-drawer-legacy.mjs +13 -13
  74. package/fesm2022/acorex-components-drawer-legacy.mjs.map +1 -1
  75. package/fesm2022/acorex-components-drawer.mjs +16 -15
  76. package/fesm2022/acorex-components-drawer.mjs.map +1 -1
  77. package/fesm2022/acorex-components-dropdown-button.mjs +9 -9
  78. package/fesm2022/acorex-components-dropdown-button.mjs.map +1 -1
  79. package/fesm2022/acorex-components-dropdown.mjs +16 -18
  80. package/fesm2022/acorex-components-dropdown.mjs.map +1 -1
  81. package/fesm2022/acorex-components-editor.mjs +11 -11
  82. package/fesm2022/acorex-components-editor.mjs.map +1 -1
  83. package/fesm2022/acorex-components-file-explorer.mjs +25 -25
  84. package/fesm2022/acorex-components-file-explorer.mjs.map +1 -1
  85. package/fesm2022/acorex-components-flow-chart.mjs +16 -16
  86. package/fesm2022/acorex-components-flow-chart.mjs.map +1 -1
  87. package/fesm2022/acorex-components-form.mjs +24 -32
  88. package/fesm2022/acorex-components-form.mjs.map +1 -1
  89. package/fesm2022/acorex-components-grid-layout-builder.mjs +13 -12
  90. package/fesm2022/acorex-components-grid-layout-builder.mjs.map +1 -1
  91. package/fesm2022/acorex-components-image-editor.mjs +44 -44
  92. package/fesm2022/acorex-components-image-editor.mjs.map +1 -1
  93. package/fesm2022/acorex-components-image.mjs +9 -9
  94. package/fesm2022/acorex-components-image.mjs.map +1 -1
  95. package/fesm2022/acorex-components-json-viewer.mjs +8 -8
  96. package/fesm2022/acorex-components-json-viewer.mjs.map +1 -1
  97. package/fesm2022/acorex-components-kanban.mjs +6 -8
  98. package/fesm2022/acorex-components-kanban.mjs.map +1 -1
  99. package/fesm2022/acorex-components-kbd.mjs +11 -29
  100. package/fesm2022/acorex-components-kbd.mjs.map +1 -1
  101. package/fesm2022/acorex-components-label.mjs +9 -9
  102. package/fesm2022/acorex-components-label.mjs.map +1 -1
  103. package/fesm2022/acorex-components-list.mjs +9 -9
  104. package/fesm2022/acorex-components-list.mjs.map +1 -1
  105. package/fesm2022/acorex-components-loading-dialog.mjs +12 -12
  106. package/fesm2022/acorex-components-loading-dialog.mjs.map +1 -1
  107. package/fesm2022/acorex-components-loading.mjs +23 -23
  108. package/fesm2022/acorex-components-loading.mjs.map +1 -1
  109. package/fesm2022/acorex-components-map.mjs +14 -14
  110. package/fesm2022/acorex-components-map.mjs.map +1 -1
  111. package/fesm2022/acorex-components-media-viewer.mjs +39 -39
  112. package/fesm2022/acorex-components-media-viewer.mjs.map +1 -1
  113. package/fesm2022/acorex-components-menu.mjs +43 -22
  114. package/fesm2022/acorex-components-menu.mjs.map +1 -1
  115. package/fesm2022/{acorex-components-modal-acorex-components-modal-BnUdtPke.mjs → acorex-components-modal-acorex-components-modal-BNmjgw73.mjs} +47 -23
  116. package/fesm2022/acorex-components-modal-acorex-components-modal-BNmjgw73.mjs.map +1 -0
  117. package/fesm2022/acorex-components-modal-modal-content.component-B02583hv.mjs +212 -0
  118. package/fesm2022/acorex-components-modal-modal-content.component-B02583hv.mjs.map +1 -0
  119. package/fesm2022/acorex-components-modal.mjs +1 -1
  120. package/fesm2022/acorex-components-navbar.mjs +9 -9
  121. package/fesm2022/acorex-components-navbar.mjs.map +1 -1
  122. package/fesm2022/acorex-components-notification.mjs +23 -16
  123. package/fesm2022/acorex-components-notification.mjs.map +1 -1
  124. package/fesm2022/acorex-components-number-box-legacy.mjs +9 -9
  125. package/fesm2022/acorex-components-number-box-legacy.mjs.map +1 -1
  126. package/fesm2022/acorex-components-number-box.mjs +13 -14
  127. package/fesm2022/acorex-components-number-box.mjs.map +1 -1
  128. package/fesm2022/acorex-components-otp.mjs +9 -9
  129. package/fesm2022/acorex-components-otp.mjs.map +1 -1
  130. package/fesm2022/acorex-components-page.mjs +10 -10
  131. package/fesm2022/acorex-components-page.mjs.map +1 -1
  132. package/fesm2022/acorex-components-paint.mjs +39 -34
  133. package/fesm2022/acorex-components-paint.mjs.map +1 -1
  134. package/fesm2022/acorex-components-password-box.mjs +13 -13
  135. package/fesm2022/acorex-components-password-box.mjs.map +1 -1
  136. package/fesm2022/acorex-components-pdf-reader.mjs +8 -8
  137. package/fesm2022/acorex-components-pdf-reader.mjs.map +1 -1
  138. package/fesm2022/acorex-components-phone-box.mjs +9 -9
  139. package/fesm2022/acorex-components-phone-box.mjs.map +1 -1
  140. package/fesm2022/acorex-components-picker.mjs +17 -17
  141. package/fesm2022/acorex-components-picker.mjs.map +1 -1
  142. package/fesm2022/acorex-components-popover.mjs +143 -182
  143. package/fesm2022/acorex-components-popover.mjs.map +1 -1
  144. package/fesm2022/acorex-components-popup.mjs +316 -113
  145. package/fesm2022/acorex-components-popup.mjs.map +1 -1
  146. package/fesm2022/acorex-components-progress-bar.mjs +9 -11
  147. package/fesm2022/acorex-components-progress-bar.mjs.map +1 -1
  148. package/fesm2022/acorex-components-qrcode.mjs +9 -9
  149. package/fesm2022/acorex-components-qrcode.mjs.map +1 -1
  150. package/fesm2022/acorex-components-query-builder.mjs +8 -8
  151. package/fesm2022/acorex-components-query-builder.mjs.map +1 -1
  152. package/fesm2022/acorex-components-radio.mjs +9 -9
  153. package/fesm2022/acorex-components-radio.mjs.map +1 -1
  154. package/fesm2022/acorex-components-rail-navigation.mjs +36 -38
  155. package/fesm2022/acorex-components-rail-navigation.mjs.map +1 -1
  156. package/fesm2022/acorex-components-range-slider.mjs +10 -10
  157. package/fesm2022/acorex-components-range-slider.mjs.map +1 -1
  158. package/fesm2022/acorex-components-rate-picker.mjs +35 -20
  159. package/fesm2022/acorex-components-rate-picker.mjs.map +1 -1
  160. package/fesm2022/acorex-components-rest-api-generator.mjs +22 -22
  161. package/fesm2022/acorex-components-rest-api-generator.mjs.map +1 -1
  162. package/fesm2022/acorex-components-result.mjs +8 -8
  163. package/fesm2022/acorex-components-result.mjs.map +1 -1
  164. package/fesm2022/acorex-components-routing-progress.mjs +8 -8
  165. package/fesm2022/acorex-components-routing-progress.mjs.map +1 -1
  166. package/fesm2022/acorex-components-rrule.mjs +9 -9
  167. package/fesm2022/acorex-components-rrule.mjs.map +1 -1
  168. package/fesm2022/acorex-components-scheduler-picker.mjs +56 -56
  169. package/fesm2022/acorex-components-scheduler-picker.mjs.map +1 -1
  170. package/fesm2022/acorex-components-scheduler.mjs +43 -43
  171. package/fesm2022/acorex-components-scheduler.mjs.map +1 -1
  172. package/fesm2022/acorex-components-scss.mjs +4 -4
  173. package/fesm2022/acorex-components-scss.mjs.map +1 -1
  174. package/fesm2022/acorex-components-search-box.mjs +10 -16
  175. package/fesm2022/acorex-components-search-box.mjs.map +1 -1
  176. package/fesm2022/acorex-components-select-box.mjs +9 -11
  177. package/fesm2022/acorex-components-select-box.mjs.map +1 -1
  178. package/fesm2022/acorex-components-selection-list-2.mjs +11 -11
  179. package/fesm2022/acorex-components-selection-list-2.mjs.map +1 -1
  180. package/fesm2022/acorex-components-selection-list.mjs +9 -9
  181. package/fesm2022/acorex-components-selection-list.mjs.map +1 -1
  182. package/fesm2022/acorex-components-side-menu.mjs +25 -74
  183. package/fesm2022/acorex-components-side-menu.mjs.map +1 -1
  184. package/fesm2022/acorex-components-skeleton.mjs +8 -8
  185. package/fesm2022/acorex-components-skeleton.mjs.map +1 -1
  186. package/fesm2022/acorex-components-slider.mjs +12 -12
  187. package/fesm2022/acorex-components-slider.mjs.map +1 -1
  188. package/fesm2022/acorex-components-sliding-item.mjs +14 -14
  189. package/fesm2022/acorex-components-sliding-item.mjs.map +1 -1
  190. package/fesm2022/acorex-components-step-wizard.mjs +14 -14
  191. package/fesm2022/acorex-components-step-wizard.mjs.map +1 -1
  192. package/fesm2022/acorex-components-switch.mjs +14 -14
  193. package/fesm2022/acorex-components-switch.mjs.map +1 -1
  194. package/fesm2022/acorex-components-tabs.mjs +15 -15
  195. package/fesm2022/acorex-components-tabs.mjs.map +1 -1
  196. package/fesm2022/acorex-components-tag-box.mjs +9 -9
  197. package/fesm2022/acorex-components-tag-box.mjs.map +1 -1
  198. package/fesm2022/acorex-components-tag.mjs +9 -9
  199. package/fesm2022/acorex-components-tag.mjs.map +1 -1
  200. package/fesm2022/acorex-components-text-area.mjs +9 -9
  201. package/fesm2022/acorex-components-text-area.mjs.map +1 -1
  202. package/fesm2022/acorex-components-text-box.mjs +12 -12
  203. package/fesm2022/acorex-components-text-box.mjs.map +1 -1
  204. package/fesm2022/acorex-components-time-duration.mjs +7 -7
  205. package/fesm2022/acorex-components-time-duration.mjs.map +1 -1
  206. package/fesm2022/acorex-components-time-line.mjs +12 -12
  207. package/fesm2022/acorex-components-time-line.mjs.map +1 -1
  208. package/fesm2022/acorex-components-toast.mjs +14 -14
  209. package/fesm2022/acorex-components-toast.mjs.map +1 -1
  210. package/fesm2022/acorex-components-toolbar.mjs +8 -8
  211. package/fesm2022/acorex-components-toolbar.mjs.map +1 -1
  212. package/fesm2022/acorex-components-tooltip.mjs +19 -18
  213. package/fesm2022/acorex-components-tooltip.mjs.map +1 -1
  214. package/fesm2022/acorex-components-tree-view-legacy.mjs +10 -10
  215. package/fesm2022/acorex-components-tree-view-legacy.mjs.map +1 -1
  216. package/fesm2022/acorex-components-tree-view.mjs +10 -10
  217. package/fesm2022/acorex-components-tree-view.mjs.map +1 -1
  218. package/fesm2022/acorex-components-uploader.mjs +16 -16
  219. package/fesm2022/acorex-components-uploader.mjs.map +1 -1
  220. package/fesm2022/acorex-components-video-player.mjs +8 -8
  221. package/fesm2022/acorex-components-video-player.mjs.map +1 -1
  222. package/fesm2022/acorex-components-wysiwyg.mjs +42 -42
  223. package/fesm2022/acorex-components-wysiwyg.mjs.map +1 -1
  224. package/fesm2022/acorex-components.mjs.map +1 -1
  225. package/grid-layout-builder/index.d.ts +2 -1
  226. package/kbd/index.d.ts +7 -13
  227. package/loading/index.d.ts +1 -1
  228. package/menu/index.d.ts +4 -0
  229. package/modal/index.d.ts +7 -0
  230. package/notification/index.d.ts +2 -0
  231. package/number-box/index.d.ts +1 -1
  232. package/package.json +3 -3
  233. package/paint/index.d.ts +6 -1
  234. package/popover/index.d.ts +20 -27
  235. package/popup/index.d.ts +103 -27
  236. package/rate-picker/index.d.ts +15 -5
  237. package/side-menu/index.d.ts +2 -9
  238. package/slider/index.d.ts +2 -2
  239. package/tooltip/index.d.ts +1 -0
  240. package/fesm2022/acorex-components-modal-acorex-components-modal-BnUdtPke.mjs.map +0 -1
  241. package/fesm2022/acorex-components-modal-modal-content.component-Cgq-wx_m.mjs +0 -214
  242. package/fesm2022/acorex-components-modal-modal-content.component-Cgq-wx_m.mjs.map +0 -1
@@ -1,5 +1,4 @@
1
1
  import { AXEvent, MXValueComponent, AXComponent, MXBaseComponent, AXValuableComponent } from '@acorex/cdk/common';
2
- import { AXCheckBoxComponent } from '@acorex/components/check-box';
3
2
  import { AXLabelComponent } from '@acorex/components/label';
4
3
  import { AXSelectBoxComponent } from '@acorex/components/select-box';
5
4
  import { AXUnsubscriber } from '@acorex/core/utils';
@@ -220,16 +219,16 @@ class AXFormComponent extends MXValueComponent {
220
219
  ngOnDestroy() {
221
220
  this._clearSubs();
222
221
  }
223
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
224
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.15", type: AXFormComponent, isStandalone: true, selector: "ax-form", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, messageStyle: { classPropertyName: "messageStyle", publicName: "messageStyle", isSignal: true, isRequired: false, transformFunction: null }, updateOn: { classPropertyName: "updateOn", publicName: "updateOn", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValidate: "onValidate", updateOnChange: "updateOnChange" }, providers: [{ provide: AXComponent, useExisting: AXFormComponent }], queries: [{ propertyName: "content", predicate: AXFormFieldComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<form (submit)="_handleSubmit($event)" (reset)="_handleReset()" class="ax-{{ messageStyle() }}-error">
222
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
223
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.9", type: AXFormComponent, isStandalone: true, selector: "ax-form", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: false, isRequired: false, transformFunction: null }, labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null }, look: { classPropertyName: "look", publicName: "look", isSignal: true, isRequired: false, transformFunction: null }, messageStyle: { classPropertyName: "messageStyle", publicName: "messageStyle", isSignal: true, isRequired: false, transformFunction: null }, updateOn: { classPropertyName: "updateOn", publicName: "updateOn", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { onValidate: "onValidate", updateOnChange: "updateOnChange" }, providers: [{ provide: AXComponent, useExisting: AXFormComponent }], queries: [{ propertyName: "content", predicate: AXFormFieldComponent, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `<form (submit)="_handleSubmit($event)" (reset)="_handleReset()" class="ax-{{ messageStyle() }}-error">
225
224
  <ng-content></ng-content>
226
- </form>`, isInline: true, styles: ["ax-form{width:100%}ax-form form{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
225
+ </form>`, isInline: true, styles: ["form{height:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
227
226
  }
228
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormComponent, decorators: [{
227
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormComponent, decorators: [{
229
228
  type: Component,
230
229
  args: [{ selector: 'ax-form', template: `<form (submit)="_handleSubmit($event)" (reset)="_handleReset()" class="ax-{{ messageStyle() }}-error">
231
230
  <ng-content></ng-content>
232
- </form>`, inputs: ['disabled', 'readonly'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXFormComponent }], styles: ["ax-form{width:100%}ax-form form{height:100%}\n"] }]
231
+ </form>`, inputs: ['disabled', 'readonly'], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [{ provide: AXComponent, useExisting: AXFormComponent }], styles: ["form{height:100%}\n"] }]
233
232
  }], ctorParameters: () => [], propDecorators: { labelMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelMode", required: false }] }], look: [{ type: i0.Input, args: [{ isSignal: true, alias: "look", required: false }] }], content: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AXFormFieldComponent), { ...{ descendants: true }, isSignal: true }] }], messageStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "messageStyle", required: false }] }], onValidate: [{
234
233
  type: Output
235
234
  }], updateOnChange: [{
@@ -263,8 +262,9 @@ class AXFormFieldComponent extends MXBaseComponent {
263
262
  this.host = inject(ViewContainerRef);
264
263
  afterNextRender(() => {
265
264
  this.setRequired();
265
+ this.setLabelMode();
266
266
  this.listeningEvent();
267
- // this.calcIndentSize();
267
+ this.calcIndentSize();
268
268
  this.autoSetLabelAssociation();
269
269
  });
270
270
  effect(() => {
@@ -272,7 +272,7 @@ class AXFormFieldComponent extends MXBaseComponent {
272
272
  });
273
273
  }
274
274
  ngAfterContentChecked() {
275
- // this.calcIndentSize();
275
+ this.calcIndentSize();
276
276
  }
277
277
  /**
278
278
  * Calculates and sets the indentation size for the label based on the width of the prefix element.
@@ -281,7 +281,7 @@ class AXFormFieldComponent extends MXBaseComponent {
281
281
  calcIndentSize() {
282
282
  const prefix = this.input?.getHostElement()?.querySelector('ax-prefix');
283
283
  if (prefix && this.label) {
284
- this.label.getHostElement().style.insetInlineStart = `calc(${prefix?.clientWidth}px + calc(var(--spacing) * 2) + calc(var(--spacing) * 3))`;
284
+ this.label.getHostElement().style.insetInlineStart = `calc(${prefix?.clientWidth}px + var(--ax-comp-editor-gap))`;
285
285
  this.label.getHostElement().style.paddingInline = '0px';
286
286
  }
287
287
  }
@@ -309,8 +309,6 @@ class AXFormFieldComponent extends MXBaseComponent {
309
309
  * @ignone
310
310
  */
311
311
  listeningEvent() {
312
- if (this.input instanceof AXCheckBoxComponent)
313
- return;
314
312
  const focusEvent = this.input?.['onFocus'];
315
313
  focusEvent?.subscribe((e) => {
316
314
  // this.handleFloating('focus');
@@ -360,7 +358,6 @@ class AXFormFieldComponent extends MXBaseComponent {
360
358
  */
361
359
  get __hostClass() {
362
360
  let hasValue;
363
- let isCheckbox = this.input instanceof AXCheckBoxComponent;
364
361
  if (this.input) {
365
362
  if (this.input instanceof AXSelectBoxComponent && this.input.multiple) {
366
363
  hasValue = this.input.value?.length;
@@ -369,19 +366,14 @@ class AXFormFieldComponent extends MXBaseComponent {
369
366
  hasValue = this.input.value;
370
367
  }
371
368
  }
372
- if (isCheckbox) {
373
- return [`ax-state-static-label`];
374
- }
375
- else {
376
- return [`ax-state-${this._labelMode()}-label`, `${hasValue && 'ax-state-has-value'}`];
377
- }
369
+ return [`ax-state-${this._labelMode()}-label`, `${hasValue && 'ax-state-has-value'}`];
378
370
  }
379
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
380
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: AXFormFieldComponent, isStandalone: true, selector: "ax-form-field", inputs: { labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXFormFieldComponent }], queries: [{ propertyName: "input", first: true, predicate: AXValuableComponent, descendants: true }, { propertyName: "label", first: true, predicate: AXLabelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer utilities{form .ax-error-message{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}form.ax-float-error .ax-error-message:before{content:\"\";inset-inline-start:calc(var(--spacing,.25rem)*2);top:calc(var(--spacing,.25rem)*-1);z-index:-10;width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);background-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));position:absolute;rotate:45deg}form.ax-float-error .ax-error-message{inset-inline-start:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);z-index:20;--tw-translate-y:100%;height:fit-content;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--radius-sm,.25rem);background-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-on-danger,rgba(var(--ax-sys-color-on-danger-surface)));position:absolute}:is(.ax-md ax-form-field.ax-state-floating-label,.ax-md ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*14)}:is(.ax-sm ax-form-field.ax-state-floating-label,.ax-sm ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*12)}:is(.ax-xs ax-form-field.ax-state-floating-label,.ax-xs ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*10)}:is(.ax-lg ax-form-field.ax-state-floating-label,.ax-lg ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*16)}:is(.ax-xl ax-form-field.ax-state-floating-label,.ax-xl ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*18)}ax-form-field{width:100%;display:block;position:relative}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label,ax-form-field.ax-state-over-label.ax-md) .ax-editor-container{height:calc(var(--spacing,.25rem)*14)}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container{align-items:center}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-content,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-input,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container ax-prefix,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container ax-suffix{padding-top:calc(var(--spacing,.25rem)*7)!important;padding-bottom:calc(var(--spacing,.25rem)*2)!important}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-editor-container .ax-content{padding-top:calc(var(--spacing,.25rem)*3)!important;padding-bottom:calc(var(--spacing,.25rem)*0)!important}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-editor-container .ax-content ax-prefix,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-editor-container .ax-content ax-suffix{padding-top:calc(var(--spacing,.25rem)*0)!important}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-label{z-index:10;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:calc(var(--spacing,.25rem)*3);position:absolute;top:50%}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-label label{margin-bottom:calc(var(--spacing,.25rem)*0)}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-input::placeholder,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-placeholder,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-prefix,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-suffix{opacity:0}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-label{inset-inline-start:calc(var(--spacing,.25rem)*3);top:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*1);padding:calc(var(--spacing,.25rem)*0)!important}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-label label{margin-bottom:calc(var(--spacing,.25rem)*0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) .ax-input::placeholder,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) .ax-placeholder,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-prefix,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-suffix{opacity:1}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-prefix .ax-editor-container .ax-input,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-prefix .ax-editor-container .ax-content{padding-top:calc(var(--spacing,.25rem)*1)!important}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
371
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
372
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.9", type: AXFormFieldComponent, isStandalone: true, selector: "ax-form-field", inputs: { labelMode: { classPropertyName: "labelMode", publicName: "labelMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.__hostClass" } }, providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXFormFieldComponent }], queries: [{ propertyName: "input", first: true, predicate: AXValuableComponent, descendants: true }, { propertyName: "label", first: true, predicate: AXLabelComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["ax-form-field{position:relative;display:block;width:100%}ax-form-field.ax-state-floating-label{--ax-sys-size-base: 3.5rem}ax-form-field.ax-state-floating-label>ax-label{position:absolute;top:calc(var(--ax-sys-size-base, 3.5rem) / 2);transform:translateY(-50%);inset-inline-start:1rem;pointer-events:none;z-index:10;display:inline-grid;transition-property:transform,top;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-form-field.ax-state-floating-label>ax-label label{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-form-field.ax-state-floating-label .ax-input::placeholder,ax-form-field.ax-state-floating-label .ax-input .ax-placeholder{opacity:0}ax-form-field.ax-state-floating-label.ax-state-focused>ax-label,ax-form-field.ax-state-floating-label.ax-state-has-value>ax-label{transform:translateY(-115%) translate(-2.5%) scale(.95);inset-inline-start:.5rem}ax-form-field.ax-state-floating-label.ax-state-focused>ax-label label,ax-form-field.ax-state-floating-label.ax-state-has-value>ax-label label{font-size:.75rem;color:rgba(var(--ax-sys-body-text-color),.5)}ax-form-field.ax-state-floating-label.ax-state-focused .ax-input,ax-form-field.ax-state-floating-label.ax-state-focused .ax-content,ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-input,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-content,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area{padding-top:.875rem}ax-form-field.ax-state-floating-label.ax-state-focused .ax-input::placeholder,ax-form-field.ax-state-floating-label.ax-state-focused .ax-content::placeholder,ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area::placeholder,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-input::placeholder,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-content::placeholder,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area::placeholder{opacity:1}ax-form-field.ax-state-floating-label.ax-state-focused .ax-chips-container,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-chips-container{padding:0}ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area .ax-editor-container,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area .ax-editor-container{padding-top:1.5rem}ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area textarea,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area textarea{padding-top:0!important}ax-form-field.ax-state-over-label{--ax-sys-size-base: 3.5rem}ax-form-field.ax-state-over-label>ax-label{position:absolute;pointer-events:none;z-index:10;display:inline-grid;top:10%;transform:translateY(-10%);inset-inline-start:.5rem;transition-property:transform,top;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-form-field.ax-state-over-label>ax-label label{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;white-space:nowrap}ax-form-field.ax-state-over-label .ax-input,ax-form-field.ax-state-over-label .ax-content,ax-form-field.ax-state-over-label ax-text-area{padding-top:1rem}ax-form-field.ax-state-over-label.ax-state-focused ax-text-area .ax-editor-container,ax-form-field.ax-state-over-label.ax-state-has-value ax-text-area .ax-editor-container{padding-top:1.5rem}ax-form-field.ax-state-over-label.ax-state-focused ax-text-area textarea,ax-form-field.ax-state-over-label.ax-state-has-value ax-text-area textarea{padding-top:0!important}ax-form-field.ax-state-floating-label .ax-chips-container.ax-multiple,ax-form-field.ax-state-over-label .ax-chips-container.ax-multiple{padding-top:1.5rem!important;padding-inline-start:.75rem}ax-form-field .ax-error-message{margin-top:.25rem;margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem}ax-form{width:100%}ax-form form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-sys-color-danger-surface))}ax-form form.ax-float-error .ax-error-message{position:absolute;bottom:-2.5rem;z-index:20;display:block;width:fit-content;border-radius:.375rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface));color:rgba(var(--ax-sys-color-on-danger-surface));padding:.25rem .5rem;font-weight:400}ax-form form.ax-float-error .ax-error-message:before,ax-form form.ax-float-error .ax-error-message:after{pointer-events:none;position:absolute;bottom:100%;inset-inline-start:.75rem;z-index:20;height:0px;width:0px;border-bottom-color:rgba(var(--ax-sys-color-danger-surface));border-inline-end-color:transparent;border-inline-start-color:transparent;border-top-color:transparent;content:\"\"}ax-form form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:4px;border-bottom-color:rgba(var(--ax-sys-color-danger-surface))}ax-form form.ax-float-error .ax-error-message:after{border-width:4px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
381
373
  }
382
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormFieldComponent, decorators: [{
374
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormFieldComponent, decorators: [{
383
375
  type: Component,
384
- args: [{ selector: 'ax-form-field', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXFormFieldComponent }], styles: ["@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer utilities{form .ax-error-message{margin-top:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)))}form.ax-float-error .ax-error-message:before{content:\"\";inset-inline-start:calc(var(--spacing,.25rem)*2);top:calc(var(--spacing,.25rem)*-1);z-index:-10;width:calc(var(--spacing,.25rem)*3);height:calc(var(--spacing,.25rem)*3);background-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));position:absolute;rotate:45deg}form.ax-float-error .ax-error-message{inset-inline-start:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);z-index:20;--tw-translate-y:100%;height:fit-content;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--radius-sm,.25rem);background-color:var(--color-danger-600,rgba(var(--ax-sys-color-danger-600)));padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-on-danger,rgba(var(--ax-sys-color-on-danger-surface)));position:absolute}:is(.ax-md ax-form-field.ax-state-floating-label,.ax-md ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*14)}:is(.ax-sm ax-form-field.ax-state-floating-label,.ax-sm ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*12)}:is(.ax-xs ax-form-field.ax-state-floating-label,.ax-xs ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*10)}:is(.ax-lg ax-form-field.ax-state-floating-label,.ax-lg ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*16)}:is(.ax-xl ax-form-field.ax-state-floating-label,.ax-xl ax-form-field.ax-state-over-label) .ax-editor-container{height:calc(var(--spacing,.25rem)*18)}ax-form-field{width:100%;display:block;position:relative}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label,ax-form-field.ax-state-over-label.ax-md) .ax-editor-container{height:calc(var(--spacing,.25rem)*14)}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container{align-items:center}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-content,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-input,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container ax-prefix,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container ax-suffix{padding-top:calc(var(--spacing,.25rem)*7)!important;padding-bottom:calc(var(--spacing,.25rem)*2)!important}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-editor-container .ax-content{padding-top:calc(var(--spacing,.25rem)*3)!important;padding-bottom:calc(var(--spacing,.25rem)*0)!important}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-editor-container .ax-content ax-prefix,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-editor-container .ax-editor-container .ax-content ax-suffix{padding-top:calc(var(--spacing,.25rem)*0)!important}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-label{z-index:10;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);inset-inline-start:calc(var(--spacing,.25rem)*3);position:absolute;top:50%}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-label label{margin-bottom:calc(var(--spacing,.25rem)*0)}:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-input::placeholder,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) .ax-placeholder,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-prefix,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label) ax-suffix{opacity:0}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-label{inset-inline-start:calc(var(--spacing,.25rem)*3);top:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*1);padding:calc(var(--spacing,.25rem)*0)!important}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-label label{margin-bottom:calc(var(--spacing,.25rem)*0);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) .ax-input::placeholder,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) .ax-placeholder,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-prefix,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-suffix{opacity:1}:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-prefix .ax-editor-container .ax-input,:is(:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-has-value,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-focused,:is(ax-form-field.ax-state-floating-label,ax-form-field.ax-state-over-label).ax-state-over-label) ax-prefix .ax-editor-container .ax-content{padding-top:calc(var(--spacing,.25rem)*1)!important}}@property --tw-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-translate-z{syntax:\"*\";inherits:false;initial-value:0}\n/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n"] }]
376
+ args: [{ selector: 'ax-form-field', template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [AXUnsubscriber, { provide: AXComponent, useExisting: AXFormFieldComponent }], styles: ["ax-form-field{position:relative;display:block;width:100%}ax-form-field.ax-state-floating-label{--ax-sys-size-base: 3.5rem}ax-form-field.ax-state-floating-label>ax-label{position:absolute;top:calc(var(--ax-sys-size-base, 3.5rem) / 2);transform:translateY(-50%);inset-inline-start:1rem;pointer-events:none;z-index:10;display:inline-grid;transition-property:transform,top;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-form-field.ax-state-floating-label>ax-label label{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ax-form-field.ax-state-floating-label .ax-input::placeholder,ax-form-field.ax-state-floating-label .ax-input .ax-placeholder{opacity:0}ax-form-field.ax-state-floating-label.ax-state-focused>ax-label,ax-form-field.ax-state-floating-label.ax-state-has-value>ax-label{transform:translateY(-115%) translate(-2.5%) scale(.95);inset-inline-start:.5rem}ax-form-field.ax-state-floating-label.ax-state-focused>ax-label label,ax-form-field.ax-state-floating-label.ax-state-has-value>ax-label label{font-size:.75rem;color:rgba(var(--ax-sys-body-text-color),.5)}ax-form-field.ax-state-floating-label.ax-state-focused .ax-input,ax-form-field.ax-state-floating-label.ax-state-focused .ax-content,ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-input,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-content,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area{padding-top:.875rem}ax-form-field.ax-state-floating-label.ax-state-focused .ax-input::placeholder,ax-form-field.ax-state-floating-label.ax-state-focused .ax-content::placeholder,ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area::placeholder,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-input::placeholder,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-content::placeholder,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area::placeholder{opacity:1}ax-form-field.ax-state-floating-label.ax-state-focused .ax-chips-container,ax-form-field.ax-state-floating-label.ax-state-has-value .ax-chips-container{padding:0}ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area .ax-editor-container,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area .ax-editor-container{padding-top:1.5rem}ax-form-field.ax-state-floating-label.ax-state-focused ax-text-area textarea,ax-form-field.ax-state-floating-label.ax-state-has-value ax-text-area textarea{padding-top:0!important}ax-form-field.ax-state-over-label{--ax-sys-size-base: 3.5rem}ax-form-field.ax-state-over-label>ax-label{position:absolute;pointer-events:none;z-index:10;display:inline-grid;top:10%;transform:translateY(-10%);inset-inline-start:.5rem;transition-property:transform,top;transition-duration:var(--ax-sys-transition-duration);transition-timing-function:var(--ax-sys-transition-timing-function)}ax-form-field.ax-state-over-label>ax-label label{margin:0;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;white-space:nowrap}ax-form-field.ax-state-over-label .ax-input,ax-form-field.ax-state-over-label .ax-content,ax-form-field.ax-state-over-label ax-text-area{padding-top:1rem}ax-form-field.ax-state-over-label.ax-state-focused ax-text-area .ax-editor-container,ax-form-field.ax-state-over-label.ax-state-has-value ax-text-area .ax-editor-container{padding-top:1.5rem}ax-form-field.ax-state-over-label.ax-state-focused ax-text-area textarea,ax-form-field.ax-state-over-label.ax-state-has-value ax-text-area textarea{padding-top:0!important}ax-form-field.ax-state-floating-label .ax-chips-container.ax-multiple,ax-form-field.ax-state-over-label .ax-chips-container.ax-multiple{padding-top:1.5rem!important;padding-inline-start:.75rem}ax-form-field .ax-error-message{margin-top:.25rem;margin-bottom:.25rem;display:block;font-size:.75rem;line-height:1rem}ax-form{width:100%}ax-form form.ax-bottom-error .ax-error-message{color:rgba(var(--ax-sys-color-danger-surface))}ax-form form.ax-float-error .ax-error-message{position:absolute;bottom:-2.5rem;z-index:20;display:block;width:fit-content;border-radius:.375rem;border-width:1px;border-color:rgba(var(--ax-sys-color-border-danger-surface));background-color:rgba(var(--ax-sys-color-danger-surface));color:rgba(var(--ax-sys-color-on-danger-surface));padding:.25rem .5rem;font-weight:400}ax-form form.ax-float-error .ax-error-message:before,ax-form form.ax-float-error .ax-error-message:after{pointer-events:none;position:absolute;bottom:100%;inset-inline-start:.75rem;z-index:20;height:0px;width:0px;border-bottom-color:rgba(var(--ax-sys-color-danger-surface));border-inline-end-color:transparent;border-inline-start-color:transparent;border-top-color:transparent;content:\"\"}ax-form form.ax-float-error .ax-error-message:before{margin-inline-start:-1px;border-width:4px;border-bottom-color:rgba(var(--ax-sys-color-danger-surface))}ax-form form.ax-float-error .ax-error-message:after{border-width:4px}\n"] }]
385
377
  }], ctorParameters: () => [], propDecorators: { labelMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelMode", required: false }] }], input: [{
386
378
  type: ContentChild,
387
379
  args: [AXValuableComponent]
@@ -441,10 +433,10 @@ class AXValidationRuleDirective {
441
433
  get ruleOptions() {
442
434
  return Object.assign({ message: this.message(), name: this.host.name }, this.options());
443
435
  }
444
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXValidationRuleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
445
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: AXValidationRuleDirective, isStandalone: true, selector: "ax-validation-rule", inputs: { rule: { classPropertyName: "rule", publicName: "rule", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
436
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXValidationRuleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
437
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: AXValidationRuleDirective, isStandalone: true, selector: "ax-validation-rule", inputs: { rule: { classPropertyName: "rule", publicName: "rule", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
446
438
  }
447
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXValidationRuleDirective, decorators: [{
439
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXValidationRuleDirective, decorators: [{
448
440
  type: Directive,
449
441
  args: [{ selector: 'ax-validation-rule' }]
450
442
  }], propDecorators: { rule: [{ type: i0.Input, args: [{ isSignal: true, alias: "rule", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], message: [{ type: i0.Input, args: [{ isSignal: true, alias: "message", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
@@ -539,8 +531,8 @@ class AXValidationSummaryComponent extends MXBaseComponent {
539
531
  ngOnDestroy() {
540
532
  this.sub?.unsubscribe();
541
533
  }
542
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
543
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AXValidationSummaryComponent, isStandalone: true, selector: "ax-validation-summary", inputs: { title: "title", displayMode: "displayMode", timeOut: "timeOut", autoHide: "autoHide" }, providers: [{ provide: AXComponent, useExisting: AXValidationSummaryComponent }], usesInheritance: true, ngImport: i0, template: `
534
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
535
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.9", type: AXValidationSummaryComponent, isStandalone: true, selector: "ax-validation-summary", inputs: { title: "title", displayMode: "displayMode", timeOut: "timeOut", autoHide: "autoHide" }, providers: [{ provide: AXComponent, useExisting: AXValidationSummaryComponent }], usesInheritance: true, ngImport: i0, template: `
544
536
  @if (displayMode === 'alert' && _content) {
545
537
  <ax-alert color="danger" [timeOut]="_timeOut" #a (onClosed)="_handleOnDismissed()">
546
538
  <ax-icon></ax-icon>
@@ -557,7 +549,7 @@ class AXValidationSummaryComponent extends MXBaseComponent {
557
549
  }
558
550
  `, isInline: true, dependencies: [{ kind: "component", type: AXAlertComponent, selector: "ax-alert", inputs: ["color", "timeOut"], outputs: ["colorChange", "onClosed", "timeOutChange"] }, { kind: "component", type: AXDecoratorIconComponent, selector: "ax-icon", inputs: ["icon"] }, { kind: "component", type: AXDecoratorGenericComponent, selector: "ax-footer, ax-header, ax-content, ax-divider, ax-form-hint, ax-prefix, ax-suffix, ax-text, ax-title, ax-subtitle, ax-placeholder, ax-overlay" }, { kind: "component", type: AXButtonComponent, selector: "ax-button", inputs: ["disabled", "size", "tabIndex", "color", "look", "text", "toggleable", "selected", "iconOnly", "type", "loadingText"], outputs: ["onBlur", "onFocus", "onClick", "selectedChange", "toggleableChange", "lookChange", "colorChange", "disabledChange", "loadingTextChange"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
559
551
  }
560
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXValidationSummaryComponent, decorators: [{
552
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXValidationSummaryComponent, decorators: [{
561
553
  type: Component,
562
554
  args: [{
563
555
  selector: 'ax-validation-summary',
@@ -600,8 +592,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
600
592
  }] } });
601
593
 
602
594
  class AXFormModule {
603
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
604
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: AXFormModule, imports: [CommonModule,
595
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
596
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.9", ngImport: i0, type: AXFormModule, imports: [CommonModule,
605
597
  AXDecoratorModule,
606
598
  AXAlertModule,
607
599
  AXButtonModule,
@@ -611,7 +603,7 @@ class AXFormModule {
611
603
  AXFormComponent,
612
604
  AXValidationRuleDirective,
613
605
  AXValidationSummaryComponent], exports: [AXFormFieldComponent, AXFormComponent, AXValidationRuleDirective, AXValidationSummaryComponent] }); }
614
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormModule, imports: [CommonModule,
606
+ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormModule, imports: [CommonModule,
615
607
  AXDecoratorModule,
616
608
  AXAlertModule,
617
609
  AXButtonModule,
@@ -619,7 +611,7 @@ class AXFormModule {
619
611
  AXTranslationModule,
620
612
  AXValidationSummaryComponent] }); }
621
613
  }
622
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXFormModule, decorators: [{
614
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AXFormModule, decorators: [{
623
615
  type: NgModule,
624
616
  args: [{
625
617
  imports: [