@fundamental-ngx/ui5-webcomponents 0.61.2-rc.8 → 0.61.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (367) hide show
  1. package/package.json +3 -491
  2. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +0 -92
  3. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +0 -1
  4. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +0 -177
  5. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +0 -1
  6. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +0 -242
  7. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +0 -1
  8. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +0 -132
  9. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +0 -1
  10. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +0 -125
  11. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +0 -1
  12. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +0 -133
  13. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +0 -1
  14. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +0 -121
  15. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +0 -1
  16. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +0 -88
  17. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +0 -1
  18. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +0 -235
  19. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +0 -1
  20. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +0 -83
  21. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +0 -1
  22. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +0 -77
  23. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +0 -1
  24. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +0 -81
  25. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +0 -1
  26. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +0 -116
  27. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +0 -1
  28. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +0 -205
  29. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +0 -1
  30. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +0 -143
  31. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +0 -1
  32. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +0 -126
  33. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +0 -1
  34. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +0 -200
  35. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +0 -1
  36. package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +0 -210
  37. package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +0 -1
  38. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +0 -86
  39. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +0 -1
  40. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +0 -169
  41. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +0 -1
  42. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +0 -125
  43. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +0 -1
  44. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +0 -119
  45. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +0 -1
  46. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +0 -156
  47. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map +0 -1
  48. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs +0 -104
  49. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +0 -1
  50. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +0 -269
  51. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
  52. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -303
  53. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +0 -1
  54. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +0 -329
  55. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
  56. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs +0 -297
  57. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs.map +0 -1
  58. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -303
  59. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +0 -1
  60. package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs +0 -118
  61. package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs.map +0 -1
  62. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +0 -242
  63. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +0 -1
  64. package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs +0 -91
  65. package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs.map +0 -1
  66. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +0 -101
  67. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +0 -1
  68. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +0 -91
  69. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +0 -1
  70. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +0 -263
  71. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +0 -1
  72. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +0 -123
  73. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +0 -1
  74. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +0 -112
  75. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +0 -1
  76. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +0 -185
  77. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +0 -1
  78. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +0 -143
  79. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +0 -1
  80. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +0 -297
  81. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +0 -1
  82. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +0 -128
  83. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +0 -1
  84. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +0 -235
  85. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +0 -1
  86. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +0 -179
  87. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +0 -1
  88. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs +0 -120
  89. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs.map +0 -1
  90. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +0 -156
  91. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +0 -1
  92. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +0 -246
  93. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +0 -1
  94. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +0 -298
  95. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +0 -1
  96. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +0 -102
  97. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +0 -1
  98. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +0 -279
  99. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +0 -1
  100. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +0 -52
  101. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +0 -1
  102. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +0 -178
  103. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +0 -1
  104. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +0 -153
  105. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +0 -1
  106. package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs +0 -118
  107. package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs.map +0 -1
  108. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +0 -156
  109. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +0 -1
  110. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs +0 -95
  111. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +0 -1
  112. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +0 -285
  113. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
  114. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -321
  115. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +0 -1
  116. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +0 -118
  117. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +0 -1
  118. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +0 -128
  119. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +0 -1
  120. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +0 -172
  121. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +0 -1
  122. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +0 -242
  123. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +0 -1
  124. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +0 -104
  125. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +0 -1
  126. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +0 -188
  127. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
  128. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -188
  129. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +0 -1
  130. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +0 -156
  131. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +0 -1
  132. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +0 -242
  133. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +0 -1
  134. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +0 -146
  135. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +0 -1
  136. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +0 -180
  137. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +0 -1
  138. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +0 -292
  139. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
  140. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs +0 -106
  141. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs.map +0 -1
  142. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs +0 -52
  143. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs.map +0 -1
  144. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +0 -183
  145. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +0 -1
  146. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +0 -82
  147. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +0 -1
  148. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +0 -175
  149. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +0 -1
  150. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +0 -203
  151. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +0 -1
  152. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +0 -102
  153. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +0 -1
  154. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +0 -156
  155. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +0 -1
  156. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +0 -81
  157. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +0 -1
  158. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs +0 -246
  159. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs.map +0 -1
  160. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +0 -186
  161. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +0 -1
  162. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +0 -195
  163. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +0 -1
  164. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +0 -52
  165. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +0 -1
  166. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +0 -150
  167. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +0 -1
  168. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +0 -101
  169. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +0 -1
  170. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +0 -117
  171. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +0 -1
  172. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs +0 -71
  173. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +0 -1
  174. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +0 -161
  175. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +0 -1
  176. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +0 -105
  177. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +0 -1
  178. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs +0 -102
  179. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +0 -1
  180. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs +0 -114
  181. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +0 -1
  182. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +0 -133
  183. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +0 -1
  184. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +0 -105
  185. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +0 -1
  186. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +0 -100
  187. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +0 -1
  188. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +0 -100
  189. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +0 -1
  190. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +0 -111
  191. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +0 -1
  192. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +0 -213
  193. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +0 -1
  194. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +0 -159
  195. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +0 -1
  196. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +0 -260
  197. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +0 -1
  198. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +0 -106
  199. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +0 -1
  200. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +0 -23
  201. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +0 -1
  202. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs +0 -52
  203. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs.map +0 -1
  204. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +0 -239
  205. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +0 -1
  206. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs +0 -86
  207. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs.map +0 -1
  208. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs +0 -86
  209. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs.map +0 -1
  210. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +0 -120
  211. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +0 -1
  212. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +0 -136
  213. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +0 -1
  214. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +0 -240
  215. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +0 -1
  216. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs +0 -240
  217. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs.map +0 -1
  218. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +0 -108
  219. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +0 -1
  220. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +0 -168
  221. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +0 -1
  222. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +0 -194
  223. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +0 -1
  224. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs +0 -109
  225. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs.map +0 -1
  226. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +0 -103
  227. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +0 -1
  228. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +0 -183
  229. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +0 -1
  230. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +0 -83
  231. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +0 -1
  232. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +0 -90
  233. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +0 -1
  234. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +0 -118
  235. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +0 -1
  236. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +0 -240
  237. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +0 -1
  238. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +0 -240
  239. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +0 -1
  240. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +0 -215
  241. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +0 -1
  242. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs +0 -118
  243. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs.map +0 -1
  244. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs +0 -118
  245. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs.map +0 -1
  246. package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +0 -39
  247. package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +0 -103
  248. package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +0 -160
  249. package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +0 -67
  250. package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +0 -69
  251. package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +0 -64
  252. package/types/fundamental-ngx-ui5-webcomponents-busy-indicator.d.ts +0 -63
  253. package/types/fundamental-ngx-ui5-webcomponents-button-badge.d.ts +0 -35
  254. package/types/fundamental-ngx-ui5-webcomponents-button.d.ts +0 -155
  255. package/types/fundamental-ngx-ui5-webcomponents-calendar-date-range.d.ts +0 -30
  256. package/types/fundamental-ngx-ui5-webcomponents-calendar-date.d.ts +0 -25
  257. package/types/fundamental-ngx-ui5-webcomponents-calendar-legend-item.d.ts +0 -28
  258. package/types/fundamental-ngx-ui5-webcomponents-calendar-legend.d.ts +0 -59
  259. package/types/fundamental-ngx-ui5-webcomponents-calendar.d.ts +0 -118
  260. package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +0 -68
  261. package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +0 -69
  262. package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +0 -120
  263. package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +0 -114
  264. package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +0 -33
  265. package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +0 -92
  266. package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +0 -56
  267. package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +0 -49
  268. package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +0 -81
  269. package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +0 -50
  270. package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +0 -160
  271. package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +0 -188
  272. package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +0 -207
  273. package/types/fundamental-ngx-ui5-webcomponents-date-time-input.d.ts +0 -185
  274. package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +0 -188
  275. package/types/fundamental-ngx-ui5-webcomponents-day-picker.d.ts +0 -59
  276. package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +0 -150
  277. package/types/fundamental-ngx-ui5-webcomponents-drop-indicator.d.ts +0 -36
  278. package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +0 -35
  279. package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +0 -36
  280. package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +0 -142
  281. package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +0 -65
  282. package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +0 -54
  283. package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +0 -119
  284. package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +0 -73
  285. package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +0 -185
  286. package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +0 -71
  287. package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +0 -155
  288. package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +0 -105
  289. package/types/fundamental-ngx-ui5-webcomponents-list-item-group-header.d.ts +0 -65
  290. package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +0 -81
  291. package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +0 -160
  292. package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +0 -203
  293. package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +0 -48
  294. package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +0 -189
  295. package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +0 -20
  296. package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +0 -100
  297. package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +0 -78
  298. package/types/fundamental-ngx-ui5-webcomponents-month-picker.d.ts +0 -59
  299. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +0 -81
  300. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +0 -40
  301. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +0 -173
  302. package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +0 -202
  303. package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +0 -61
  304. package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +0 -70
  305. package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +0 -93
  306. package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +0 -146
  307. package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +0 -48
  308. package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +0 -94
  309. package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +0 -92
  310. package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +0 -80
  311. package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +0 -146
  312. package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +0 -85
  313. package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +0 -87
  314. package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +0 -161
  315. package/types/fundamental-ngx-ui5-webcomponents-slider-handle.d.ts +0 -50
  316. package/types/fundamental-ngx-ui5-webcomponents-slider-tooltip.d.ts +0 -20
  317. package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +0 -88
  318. package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +0 -29
  319. package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +0 -102
  320. package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +0 -121
  321. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +0 -48
  322. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +0 -81
  323. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +0 -28
  324. package/types/fundamental-ngx-ui5-webcomponents-suggestion-list-item.d.ts +0 -155
  325. package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +0 -92
  326. package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +0 -114
  327. package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +0 -20
  328. package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +0 -86
  329. package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +0 -47
  330. package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +0 -49
  331. package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +0 -25
  332. package/types/fundamental-ngx-ui5-webcomponents-table-header-cell.d.ts +0 -101
  333. package/types/fundamental-ngx-ui5-webcomponents-table-header-row.d.ts +0 -51
  334. package/types/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.d.ts +0 -35
  335. package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +0 -46
  336. package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +0 -75
  337. package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +0 -37
  338. package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +0 -33
  339. package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +0 -33
  340. package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +0 -43
  341. package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +0 -123
  342. package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +0 -82
  343. package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +0 -156
  344. package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +0 -51
  345. package/types/fundamental-ngx-ui5-webcomponents-theming.d.ts +0 -11
  346. package/types/fundamental-ngx-ui5-webcomponents-time-picker-clock.d.ts +0 -20
  347. package/types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts +0 -136
  348. package/types/fundamental-ngx-ui5-webcomponents-time-selection-clocks.d.ts +0 -33
  349. package/types/fundamental-ngx-ui5-webcomponents-time-selection-inputs.d.ts +0 -33
  350. package/types/fundamental-ngx-ui5-webcomponents-title.d.ts +0 -64
  351. package/types/fundamental-ngx-ui5-webcomponents-toast.d.ts +0 -66
  352. package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +0 -159
  353. package/types/fundamental-ngx-ui5-webcomponents-toggle-spin-button.d.ts +0 -159
  354. package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +0 -53
  355. package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +0 -93
  356. package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +0 -118
  357. package/types/fundamental-ngx-ui5-webcomponents-toolbar-item.d.ts +0 -54
  358. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +0 -49
  359. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +0 -106
  360. package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +0 -30
  361. package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +0 -36
  362. package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +0 -61
  363. package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +0 -151
  364. package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +0 -154
  365. package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +0 -129
  366. package/types/fundamental-ngx-ui5-webcomponents-year-picker.d.ts +0 -59
  367. package/types/fundamental-ngx-ui5-webcomponents-year-range-picker.d.ts +0 -59
@@ -1,263 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { input, booleanAttribute, computed, output, inject, ElementRef, Injector, signal, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import '@ui5/webcomponents/dist/FileUploader.js';
4
- import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
- import * as i1 from '@fundamental-ngx/ui5-webcomponents/utils';
6
- import { CVA_CONFIG, GenericControlValueAccessor } from '@fundamental-ngx/ui5-webcomponents/utils';
7
-
8
- class FileUploader {
9
- constructor() {
10
- /**
11
- * Comma-separated list of file types that the component should accept.
12
-
13
- **Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.
14
- */
15
- this.accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : []));
16
- /**
17
- * Defines the accessible description of the component.
18
- */
19
- this.accessibleDescription = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescription" }] : []));
20
- /**
21
- * Receives id(or many ids) of the elements that describe the input.
22
- */
23
- this.accessibleDescriptionRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleDescriptionRef" }] : []));
24
- /**
25
- * Defines the accessible ARIA name of the component.
26
- */
27
- this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
28
- /**
29
- * Receives id(or many ids) of the elements that label the input.
30
- */
31
- this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
32
- /**
33
- * Defines whether the component is in disabled state.
34
-
35
- **Note:** A disabled component is completely noninteractive.
36
- */
37
- this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
38
- /**
39
- * If set to "true", the input field of component will not be rendered. Only the default slot that is passed will be rendered.
40
-
41
- **Note:** Use this property in combination with the default slot to achieve a button-only file uploader design.
42
- */
43
- this.hideInput = input(false, { ...(ngDevMode ? { debugName: "hideInput" } : {}), transform: booleanAttribute });
44
- /**
45
- * Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.
46
- */
47
- this.maxFileSize = input(...(ngDevMode ? [undefined, { debugName: "maxFileSize" }] : []));
48
- /**
49
- * Allows multiple files to be chosen.
50
- */
51
- this.multiple = input(false, { ...(ngDevMode ? { debugName: "multiple" } : {}), transform: booleanAttribute });
52
- /**
53
- * Determines the name by which the component will be identified upon submission in an HTML form.
54
-
55
- **Note:** This property is only applicable within the context of an HTML Form element.
56
- */
57
- this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
58
- /**
59
- * Defines a short hint intended to aid the user with data entry when the component has no value.
60
- */
61
- this.placeholder = input(...(ngDevMode ? [undefined, { debugName: "placeholder" }] : []));
62
- /**
63
- * Defines whether the component is required.
64
- */
65
- this.required = input(false, { ...(ngDevMode ? { debugName: "required" } : {}), transform: booleanAttribute });
66
- /**
67
- * Defines the name/names of the file/files to upload.
68
- */
69
- this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
70
- /**
71
- * Defines the value state of the component.
72
- */
73
- this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : [])); // className is now passed
74
- /**
75
- * FileList of all selected files.
76
- * @readonly This property is managed by the web component and updates reactively.
77
- * Based on schema: readonly field that updates via change event parameters.
78
- */
79
- this.files = computed(() => this._filesSignal(), ...(ngDevMode ? [{ debugName: "files" }] : []));
80
- /**
81
- * Event is fired when the value of the file path has been changed.
82
-
83
- **Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.
84
- */
85
- this.ui5Change = output();
86
- /**
87
- * Event is fired when the size of a file is above the `maxFileSize` property value.
88
- */
89
- this.ui5FileSizeExceed = output();
90
- /**
91
- * Available slots for content projection in this component.
92
- *
93
- * Slots allow you to insert custom content into predefined areas of the web component.
94
- * Use the `slot` attribute on child elements to target specific slots.
95
- *
96
- * - **(default)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.
97
-
98
- **Note:** For best accessibility experience, set a `tabindex` of "-1" on your interactive element, or it will be set automatically.
99
- This slot is intended for use cases where you want a button-only file uploader.
100
- It is recommended to set `hideInput` property to "true" when using this slot.
101
- Not setting `hideInput` may negatively impact the screen reader users.
102
- * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.
103
-
104
- **Note:** If not specified, a default text (in the respective language) will be displayed.
105
-
106
- **Note:** The `valueStateMessage` would be displayed,
107
- when the component is in `Information`, `Critical` or `Negative` value state.
108
- *
109
- * @example
110
- * ```html
111
- * <ui5-file-uploader>
112
- * <div slot="header">Custom header content</div>
113
- * <p>Default slot content</p>
114
- * </ui5-file-uploader>
115
- * ```
116
- *
117
- * @readonly
118
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
119
- */
120
- this.slots = [
121
- {
122
- "name": "default",
123
- "description": "This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\n\n**Note:** For best accessibility experience, set a `tabindex` of \"-1\" on your interactive element, or it will be set automatically.\nThis slot is intended for use cases where you want a button-only file uploader.\nIt is recommended to set `hideInput` property to \"true\" when using this slot.\nNot setting `hideInput` may negatively impact the screen reader users."
124
- },
125
- {
126
- "name": "valueStateMessage",
127
- "description": "Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
128
- "since": "1.0.0-rc.9"
129
- }
130
- ];
131
- this.elementRef = inject(ElementRef);
132
- this.injector = inject(Injector);
133
- /**
134
- * Content density observer is injected to activate automatic CSS class and
135
- * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
136
- * @private
137
- */
138
- this._contentDensityObserver = inject(ContentDensityObserver);
139
- // Internal signal to track files from change events
140
- this._filesSignal = signal(null, ...(ngDevMode ? [{ debugName: "_filesSignal" }] : []));
141
- }
142
- get element() {
143
- return this.elementRef.nativeElement;
144
- }
145
- ngAfterViewInit() {
146
- const wcElement = this.element;
147
- const inputsToSync = [
148
- 'accept',
149
- 'accessibleDescription',
150
- 'accessibleDescriptionRef',
151
- 'accessibleName',
152
- 'accessibleNameRef',
153
- 'disabled',
154
- 'hideInput',
155
- 'maxFileSize',
156
- 'multiple',
157
- 'name',
158
- 'placeholder',
159
- 'required',
160
- 'value',
161
- 'valueState',
162
- ];
163
- // Synchronize inputs (properties)
164
- for (const inputName of inputsToSync) {
165
- // Find the corresponding camelCase signal property on the Angular component
166
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
167
- // Use the Injector to run the effect in the correct context
168
- if (this[signalName] && typeof this[signalName] === 'function') {
169
- runInInjectionContext(this.injector, () => {
170
- effect(() => {
171
- // Read the signal value
172
- const value = this[signalName]();
173
- if (wcElement) {
174
- // Write the value to the Web Component's property
175
- wcElement[inputName] = value;
176
- }
177
- });
178
- });
179
- }
180
- }
181
- const outputsToSync = [
182
- 'ui5Change',
183
- 'ui5FileSizeExceed',
184
- ];
185
- // Synchronize outputs (events)
186
- for (const outputName of outputsToSync) {
187
- // Map Angular output name to UI5 web component event name
188
- const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
189
- // Ensure the output property exists and has an emit function before adding listener
190
- if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
191
- // Cast the listener to the correct type to satisfy TypeScript
192
- wcElement.addEventListener(eventName, (e) => {
193
- // Update files signal when change event fires
194
- if (eventName === 'change') {
195
- const customEvent = e;
196
- // Use files from event detail, fallback to web component property
197
- const filesValue = customEvent.detail?.files || wcElement.files || null;
198
- this._filesSignal.set(filesValue);
199
- }
200
- this[outputName].emit(e);
201
- });
202
- }
203
- }
204
- // Initialize files signal with current state using delayed initialization
205
- // to handle web component timing properly
206
- const initializeFiles = () => {
207
- const currentValue = wcElement.files || null;
208
- if (JSON.stringify(currentValue) !== JSON.stringify(this._filesSignal())) {
209
- this._filesSignal.set(currentValue);
210
- }
211
- };
212
- // Try immediate initialization
213
- initializeFiles();
214
- // Fallback delayed initialization if web component needs more time
215
- // Use requestAnimationFrame for zoneless compatibility
216
- requestAnimationFrame(() => initializeFiles());
217
- }
218
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FileUploader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
219
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: FileUploader, isStandalone: true, selector: "ui5-file-uploader, [ui5-file-uploader]", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescription: { classPropertyName: "accessibleDescription", publicName: "accessibleDescription", isSignal: true, isRequired: false, transformFunction: null }, accessibleDescriptionRef: { classPropertyName: "accessibleDescriptionRef", publicName: "accessibleDescriptionRef", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, hideInput: { classPropertyName: "hideInput", publicName: "hideInput", isSignal: true, isRequired: false, transformFunction: null }, maxFileSize: { classPropertyName: "maxFileSize", publicName: "maxFileSize", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5FileSizeExceed: "ui5FileSizeExceed" }, providers: [
220
- contentDensityObserverProviders({
221
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
222
- }),
223
- {
224
- provide: CVA_CONFIG,
225
- useValue: {
226
- property: 'value',
227
- events: ['change'],
228
- transformValue: (v) => v || ''
229
- }
230
- }
231
- ], exportAs: ["ui5FileUploader"], hostDirectives: [{ directive: i1.GenericControlValueAccessor }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
232
- }
233
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FileUploader, decorators: [{
234
- type: Component,
235
- args: [{
236
- standalone: true,
237
- selector: 'ui5-file-uploader, [ui5-file-uploader]',
238
- template: '<ng-content></ng-content>',
239
- exportAs: 'ui5FileUploader',
240
- hostDirectives: [GenericControlValueAccessor],
241
- providers: [
242
- contentDensityObserverProviders({
243
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
244
- }),
245
- {
246
- provide: CVA_CONFIG,
247
- useValue: {
248
- property: 'value',
249
- events: ['change'],
250
- transformValue: (v) => v || ''
251
- }
252
- }
253
- ],
254
- changeDetection: ChangeDetectionStrategy.OnPush,
255
- }]
256
- }], propDecorators: { accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], accessibleDescription: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescription", required: false }] }], accessibleDescriptionRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleDescriptionRef", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], hideInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideInput", required: false }] }], maxFileSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxFileSize", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5FileSizeExceed: [{ type: i0.Output, args: ["ui5FileSizeExceed"] }] } });
257
-
258
- /**
259
- * Generated bundle index. Do not edit.
260
- */
261
-
262
- export { FileUploader };
263
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-file-uploader.mjs","sources":["../../../../libs/ui5-webcomponents/file-uploader/index.ts","../../../../libs/ui5-webcomponents/file-uploader/fundamental-ngx-ui5-webcomponents-file-uploader.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/FileUploader.js';\nimport { default as _FileUploader } from '@ui5/webcomponents/dist/FileUploader.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\nimport { GenericControlValueAccessor, CVA_CONFIG } from '@fundamental-ngx/ui5-webcomponents/utils';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-file-uploader, [ui5-file-uploader]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5FileUploader',\n hostDirectives: [GenericControlValueAccessor],\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n }),\n {\n provide: CVA_CONFIG,\n useValue: {\n property: 'value',\n events: ['change'],\n transformValue: (v) => v || ''\n }\n }\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FileUploader implements AfterViewInit {\n\n /**\n * Comma-separated list of file types that the component should accept.\n\n**Note:** Please make sure you are adding the `.` in front on the file type, e.g. `.png` in case you want to accept png's only.\n */\n accept = input<typeof _FileUploader.prototype.accept | undefined>();\n\n /**\n * Defines the accessible description of the component.\n */\n accessibleDescription = input<typeof _FileUploader.prototype.accessibleDescription | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that describe the input.\n */\n accessibleDescriptionRef = input<typeof _FileUploader.prototype.accessibleDescriptionRef | undefined>();\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _FileUploader.prototype.accessibleName | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that label the input.\n */\n accessibleNameRef = input<typeof _FileUploader.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines whether the component is in disabled state.\n\n**Note:** A disabled component is completely noninteractive.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * If set to \"true\", the input field of component will not be rendered. Only the default slot that is passed will be rendered.\n\n**Note:** Use this property in combination with the default slot to achieve a button-only file uploader design.\n */\n hideInput = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the maximum file size in megabytes which prevents the upload if at least one file exceeds it.\n */\n maxFileSize = input<typeof _FileUploader.prototype.maxFileSize | undefined>();\n\n /**\n * Allows multiple files to be chosen.\n */\n multiple = input(false, { transform: booleanAttribute });\n\n /**\n * Determines the name by which the component will be identified upon submission in an HTML form.\n\n**Note:** This property is only applicable within the context of an HTML Form element.\n */\n name = input<typeof _FileUploader.prototype.name | undefined>();\n\n /**\n * Defines a short hint intended to aid the user with data entry when the component has no value.\n */\n placeholder = input<typeof _FileUploader.prototype.placeholder | undefined>();\n\n /**\n * Defines whether the component is required.\n */\n required = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the name/names of the file/files to upload.\n */\n value = input<typeof _FileUploader.prototype.value | undefined>(\"\");\n\n /**\n * Defines the value state of the component.\n */\n valueState = input<typeof _FileUploader.prototype.valueState | undefined>(\"None\"); // className is now passed\n\n /**\n * FileList of all selected files.\n * @readonly This property is managed by the web component and updates reactively.\n * Based on schema: readonly field that updates via change event parameters.\n */\n files = computed(() => this._filesSignal());\n\n\n /**\n * Event is fired when the value of the file path has been changed.\n\n**Note:** Keep in mind that because of the HTML input element of type file, the event is also fired in Chrome browser when the Cancel button of the uploads window is pressed.\n */\n ui5Change = output<UI5CustomEvent<_FileUploader, 'change'>>();\n\n /**\n * Event is fired when the size of a file is above the `maxFileSize` property value.\n */\n ui5FileSizeExceed = output<UI5CustomEvent<_FileUploader, 'file-size-exceed'>>();\n\n /**\n * Available slots for content projection in this component.\n *\n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n *\n * - **(default)**: This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\n\n**Note:** For best accessibility experience, set a `tabindex` of \"-1\" on your interactive element, or it will be set automatically.\nThis slot is intended for use cases where you want a button-only file uploader.\nIt is recommended to set `hideInput` property to \"true\" when using this slot.\nNot setting `hideInput` may negatively impact the screen reader users.\n * - **valueStateMessage**: Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.\n *\n * @example\n * ```html\n * <ui5-file-uploader>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-file-uploader>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"This slot allows you to add custom content to the component, such as a button or any other interactive element to trigger the file selection dialog.\\n\\n**Note:** For best accessibility experience, set a `tabindex` of \\\"-1\\\" on your interactive element, or it will be set automatically.\\nThis slot is intended for use cases where you want a button-only file uploader.\\nIt is recommended to set `hideInput` property to \\\"true\\\" when using this slot.\\nNot setting `hideInput` may negatively impact the screen reader users.\"\n },\n {\n \"name\": \"valueStateMessage\",\n \"description\": \"Defines the value state message that will be displayed as pop up under the component.\\n\\n**Note:** If not specified, a default text (in the respective language) will be displayed.\\n\\n**Note:** The `valueStateMessage` would be displayed,\\nwhen the component is in `Information`, `Critical` or `Negative` value state.\",\n \"since\": \"1.0.0-rc.9\"\n }\n ];\n\n\n public elementRef: ElementRef<_FileUploader> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n // Internal signal to track files from change events\n private _filesSignal = signal<FileList | null>(null);\n\n get element(): _FileUploader {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accept',\n 'accessibleDescription',\n 'accessibleDescriptionRef',\n 'accessibleName',\n 'accessibleNameRef',\n 'disabled',\n 'hideInput',\n 'maxFileSize',\n 'multiple',\n 'name',\n 'placeholder',\n 'required',\n 'value',\n 'valueState',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n 'ui5FileSizeExceed',\n ];\n \n // Synchronize outputs (events)\n for (const outputName of outputsToSync) {\n // Map Angular output name to UI5 web component event name\n const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);\n // Ensure the output property exists and has an emit function before adding listener\n if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {\n // Cast the listener to the correct type to satisfy TypeScript\n wcElement.addEventListener(eventName, (e) => {\n // Update files signal when change event fires\n if (eventName === 'change') {\n const customEvent = e as CustomEvent<any>;\n // Use files from event detail, fallback to web component property\n const filesValue = customEvent.detail?.files || wcElement.files || null;\n this._filesSignal.set(filesValue);\n }\n this[outputName].emit(e as CustomEvent<any>);\n });\n }\n }\n \n\n // Initialize files signal with current state using delayed initialization\n // to handle web component timing properly\n const initializeFiles = (): void => {\n const currentValue = wcElement.files || null;\n if (JSON.stringify(currentValue) !== JSON.stringify(this._filesSignal())) {\n this._filesSignal.set(currentValue);\n }\n };\n\n // Try immediate initialization\n initializeFiles();\n\n // Fallback delayed initialization if web component needs more time\n // Use requestAnimationFrame for zoneless compatibility\n requestAnimationFrame(() => initializeFiles());\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,123 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import '@ui5/webcomponents/dist/FormGroup.js';
4
- import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
-
6
- class FormGroup {
7
- constructor() {
8
- /**
9
- * Defines the accessible ARIA name of the component.
10
- */
11
- this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
12
- /**
13
- * Defines id (or many ids) of the element (or elements) that label the component.
14
- */
15
- this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
16
- /**
17
- * Defines column span of the component,
18
- e.g how many columns the group should span to.
19
- */
20
- this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : []));
21
- /**
22
- * Defines the compoennt heading level,
23
- set by the `headerText`.
24
- */
25
- this.headerLevel = input("H3", ...(ngDevMode ? [{ debugName: "headerLevel" }] : []));
26
- /**
27
- * Defines header text of the component.
28
- */
29
- this.headerText = input(...(ngDevMode ? [undefined, { debugName: "headerText" }] : [])); // className is now passed
30
- /**
31
- * Available slots for content projection in this component.
32
- *
33
- * Slots allow you to insert custom content into predefined areas of the web component.
34
- * Use the `slot` attribute on child elements to target specific slots.
35
- *
36
- * - **(default)**: Defines the items of the component.
37
- *
38
- * @example
39
- * ```html
40
- * <ui5-form-group>
41
- * <div slot="header">Custom header content</div>
42
- * <p>Default slot content</p>
43
- * </ui5-form-group>
44
- * ```
45
- *
46
- * @readonly
47
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
48
- */
49
- this.slots = [
50
- {
51
- "name": "default",
52
- "description": "Defines the items of the component."
53
- }
54
- ];
55
- this.elementRef = inject(ElementRef);
56
- this.injector = inject(Injector);
57
- /**
58
- * Content density observer is injected to activate automatic CSS class and
59
- * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
60
- * @private
61
- */
62
- this._contentDensityObserver = inject(ContentDensityObserver);
63
- }
64
- get element() {
65
- return this.elementRef.nativeElement;
66
- }
67
- ngAfterViewInit() {
68
- const wcElement = this.element;
69
- const inputsToSync = [
70
- 'accessibleName',
71
- 'accessibleNameRef',
72
- 'columnSpan',
73
- 'headerLevel',
74
- 'headerText',
75
- ];
76
- // Synchronize inputs (properties)
77
- for (const inputName of inputsToSync) {
78
- // Find the corresponding camelCase signal property on the Angular component
79
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
80
- // Use the Injector to run the effect in the correct context
81
- if (this[signalName] && typeof this[signalName] === 'function') {
82
- runInInjectionContext(this.injector, () => {
83
- effect(() => {
84
- // Read the signal value
85
- const value = this[signalName]();
86
- if (wcElement) {
87
- // Write the value to the Web Component's property
88
- wcElement[inputName] = value;
89
- }
90
- });
91
- });
92
- }
93
- }
94
- }
95
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FormGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
96
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: FormGroup, isStandalone: true, selector: "ui5-form-group, [ui5-form-group]", inputs: { accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, columnSpan: { classPropertyName: "columnSpan", publicName: "columnSpan", isSignal: true, isRequired: false, transformFunction: null }, headerLevel: { classPropertyName: "headerLevel", publicName: "headerLevel", isSignal: true, isRequired: false, transformFunction: null }, headerText: { classPropertyName: "headerText", publicName: "headerText", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
97
- contentDensityObserverProviders({
98
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
99
- })
100
- ], exportAs: ["ui5FormGroup"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
101
- }
102
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FormGroup, decorators: [{
103
- type: Component,
104
- args: [{
105
- standalone: true,
106
- selector: 'ui5-form-group, [ui5-form-group]',
107
- template: '<ng-content></ng-content>',
108
- exportAs: 'ui5FormGroup',
109
- providers: [
110
- contentDensityObserverProviders({
111
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
112
- })
113
- ],
114
- changeDetection: ChangeDetectionStrategy.OnPush,
115
- }]
116
- }], propDecorators: { accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], columnSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnSpan", required: false }] }], headerLevel: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerLevel", required: false }] }], headerText: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerText", required: false }] }] } });
117
-
118
- /**
119
- * Generated bundle index. Do not edit.
120
- */
121
-
122
- export { FormGroup };
123
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form-group.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-form-group.mjs","sources":["../../../../libs/ui5-webcomponents/form-group/index.ts","../../../../libs/ui5-webcomponents/form-group/fundamental-ngx-ui5-webcomponents-form-group.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/FormGroup.js';\nimport { default as _FormGroup } from '@ui5/webcomponents/dist/FormGroup.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { default as TitleLevel } from '@ui5/webcomponents/dist/types/TitleLevel.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-form-group, [ui5-form-group]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5FormGroup',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormGroup implements AfterViewInit {\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _FormGroup.prototype.accessibleName | undefined>();\n\n /**\n * Defines id (or many ids) of the element (or elements) that label the component.\n */\n accessibleNameRef = input<typeof _FormGroup.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines column span of the component,\ne.g how many columns the group should span to.\n */\n columnSpan = input<typeof _FormGroup.prototype.columnSpan | undefined>();\n\n /**\n * Defines the compoennt heading level,\nset by the `headerText`.\n */\n headerLevel = input<typeof _FormGroup.prototype.headerLevel | undefined>(\"H3\");\n\n /**\n * Defines header text of the component.\n */\n headerText = input<typeof _FormGroup.prototype.headerText | undefined>(); // className is now passed\n\n\n\n\n /**\n * Available slots for content projection in this component.\n *\n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n *\n * - **(default)**: Defines the items of the component.\n *\n * @example\n * ```html\n * <ui5-form-group>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-form-group>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the items of the component.\"\n }\n ];\n\n\n public elementRef: ElementRef<_FormGroup> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _FormGroup {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accessibleName',\n 'accessibleNameRef',\n 'columnSpan',\n 'headerLevel',\n 'headerText',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,112 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { input, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
- import '@ui5/webcomponents/dist/FormItem.js';
4
- import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
-
6
- class FormItem {
7
- constructor() {
8
- /**
9
- * Defines the column span of the component,
10
- e.g how many columns the component should span to.
11
-
12
- **Note:** The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group)
13
- or the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout.
14
- A number bigger than the available columns won't take effect.
15
- */
16
- this.columnSpan = input(...(ngDevMode ? [undefined, { debugName: "columnSpan" }] : [])); // className is now passed
17
- /**
18
- * Available slots for content projection in this component.
19
- *
20
- * Slots allow you to insert custom content into predefined areas of the web component.
21
- * Use the `slot` attribute on child elements to target specific slots.
22
- *
23
- * - **(default)**: Defines the content of the component,
24
- associated to `labelContent`.
25
- * - **labelContent**: Defines the label of the component.
26
- *
27
- * @example
28
- * ```html
29
- * <ui5-form-item>
30
- * <div slot="header">Custom header content</div>
31
- * <p>Default slot content</p>
32
- * </ui5-form-item>
33
- * ```
34
- *
35
- * @readonly
36
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
37
- */
38
- this.slots = [
39
- {
40
- "name": "default",
41
- "description": "Defines the content of the component,\nassociated to `labelContent`."
42
- },
43
- {
44
- "name": "labelContent",
45
- "description": "Defines the label of the component."
46
- }
47
- ];
48
- this.elementRef = inject(ElementRef);
49
- this.injector = inject(Injector);
50
- /**
51
- * Content density observer is injected to activate automatic CSS class and
52
- * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
53
- * @private
54
- */
55
- this._contentDensityObserver = inject(ContentDensityObserver);
56
- }
57
- get element() {
58
- return this.elementRef.nativeElement;
59
- }
60
- ngAfterViewInit() {
61
- const wcElement = this.element;
62
- const inputsToSync = [
63
- 'columnSpan',
64
- ];
65
- // Synchronize inputs (properties)
66
- for (const inputName of inputsToSync) {
67
- // Find the corresponding camelCase signal property on the Angular component
68
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
69
- // Use the Injector to run the effect in the correct context
70
- if (this[signalName] && typeof this[signalName] === 'function') {
71
- runInInjectionContext(this.injector, () => {
72
- effect(() => {
73
- // Read the signal value
74
- const value = this[signalName]();
75
- if (wcElement) {
76
- // Write the value to the Web Component's property
77
- wcElement[inputName] = value;
78
- }
79
- });
80
- });
81
- }
82
- }
83
- }
84
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FormItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
85
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: FormItem, isStandalone: true, selector: "ui5-form-item, [ui5-form-item]", inputs: { columnSpan: { classPropertyName: "columnSpan", publicName: "columnSpan", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
86
- contentDensityObserverProviders({
87
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
88
- })
89
- ], exportAs: ["ui5FormItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
90
- }
91
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FormItem, decorators: [{
92
- type: Component,
93
- args: [{
94
- standalone: true,
95
- selector: 'ui5-form-item, [ui5-form-item]',
96
- template: '<ng-content></ng-content>',
97
- exportAs: 'ui5FormItem',
98
- providers: [
99
- contentDensityObserverProviders({
100
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
101
- })
102
- ],
103
- changeDetection: ChangeDetectionStrategy.OnPush,
104
- }]
105
- }], propDecorators: { columnSpan: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnSpan", required: false }] }] } });
106
-
107
- /**
108
- * Generated bundle index. Do not edit.
109
- */
110
-
111
- export { FormItem };
112
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-form-item.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-form-item.mjs","sources":["../../../../libs/ui5-webcomponents/form-item/index.ts","../../../../libs/ui5-webcomponents/form-item/fundamental-ngx-ui5-webcomponents-form-item.ts"],"sourcesContent":["\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n input,\n output,\n AfterViewInit,\n effect,\n runInInjectionContext,\n inject,\n Injector,\n booleanAttribute,\n computed,\n signal\n} from '@angular/core';\nimport '@ui5/webcomponents/dist/FormItem.js';\nimport { default as _FormItem } from '@ui5/webcomponents/dist/FormItem.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-form-item, [ui5-form-item]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5FormItem',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormItem implements AfterViewInit {\n\n /**\n * Defines the column span of the component,\ne.g how many columns the component should span to.\n\n**Note:** The column span should be a number between 1 and the available columns of the FormGroup (when items are placed in a group)\nor the Form. The available columns can be affected by the FormGroup#columnSpan and/or the Form#layout.\nA number bigger than the available columns won't take effect.\n */\n columnSpan = input<typeof _FormItem.prototype.columnSpan | undefined>(); // className is now passed\n\n\n\n\n /**\n * Available slots for content projection in this component.\n *\n * Slots allow you to insert custom content into predefined areas of the web component.\n * Use the `slot` attribute on child elements to target specific slots.\n *\n * - **(default)**: Defines the content of the component,\nassociated to `labelContent`.\n * - **labelContent**: Defines the label of the component.\n *\n * @example\n * ```html\n * <ui5-form-item>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-form-item>\n * ```\n *\n * @readonly\n * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}\n */\n readonly slots = [\n {\n \"name\": \"default\",\n \"description\": \"Defines the content of the component,\\nassociated to `labelContent`.\"\n },\n {\n \"name\": \"labelContent\",\n \"description\": \"Defines the label of the component.\"\n }\n ];\n\n\n public elementRef: ElementRef<_FormItem> = inject(ElementRef);\n public injector = inject(Injector);\n\n /**\n * Content density observer is injected to activate automatic CSS class and\n * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.\n * @private\n */\n private readonly _contentDensityObserver = inject(ContentDensityObserver);\n\n get element(): _FormItem {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'columnSpan',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n \n\n }\n}\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}