@fundamental-ngx/ui5-webcomponents 0.63.0-rc.9 → 0.63.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (373) hide show
  1. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +100 -0
  2. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +1 -0
  3. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +177 -0
  4. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +1 -0
  5. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +242 -0
  6. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +1 -0
  7. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +132 -0
  8. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +1 -0
  9. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +146 -0
  10. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +1 -0
  11. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +133 -0
  12. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +1 -0
  13. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +121 -0
  14. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +1 -0
  15. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +88 -0
  16. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +1 -0
  17. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +244 -0
  18. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +1 -0
  19. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +83 -0
  20. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs.map +1 -0
  21. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs +77 -0
  22. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date.mjs.map +1 -0
  23. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs +81 -0
  24. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend-item.mjs.map +1 -0
  25. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs +116 -0
  26. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +1 -0
  27. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +205 -0
  28. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +1 -0
  29. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +143 -0
  30. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +1 -0
  31. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +126 -0
  32. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +1 -0
  33. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +200 -0
  34. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +1 -0
  35. package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +210 -0
  36. package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs.map +1 -0
  37. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs +112 -0
  38. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-item.mjs.map +1 -0
  39. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs +169 -0
  40. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette-popover.mjs.map +1 -0
  41. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs +125 -0
  42. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +1 -0
  43. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +119 -0
  44. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs.map +1 -0
  45. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs +156 -0
  46. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item-group.mjs.map +1 -0
  47. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs +125 -0
  48. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box-item.mjs.map +1 -0
  49. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs +269 -0
  50. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +1 -0
  51. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +303 -0
  52. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs.map +1 -0
  53. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs +340 -0
  54. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +1 -0
  55. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs +300 -0
  56. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-input.mjs.map +1 -0
  57. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +303 -0
  58. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +1 -0
  59. package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs +118 -0
  60. package/fesm2022/fundamental-ngx-ui5-webcomponents-day-picker.mjs.map +1 -0
  61. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +238 -0
  62. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +1 -0
  63. package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs +91 -0
  64. package/fesm2022/fundamental-ngx-ui5-webcomponents-drop-indicator.mjs.map +1 -0
  65. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +101 -0
  66. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +1 -0
  67. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +91 -0
  68. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +1 -0
  69. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +263 -0
  70. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +1 -0
  71. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +132 -0
  72. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +1 -0
  73. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +112 -0
  74. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +1 -0
  75. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +188 -0
  76. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +1 -0
  77. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +181 -0
  78. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +1 -0
  79. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +300 -0
  80. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +1 -0
  81. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +128 -0
  82. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +1 -0
  83. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +235 -0
  84. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +1 -0
  85. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +195 -0
  86. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +1 -0
  87. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs +141 -0
  88. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group-header.mjs.map +1 -0
  89. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +156 -0
  90. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +1 -0
  91. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +262 -0
  92. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +1 -0
  93. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +298 -0
  94. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +1 -0
  95. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +102 -0
  96. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +1 -0
  97. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +295 -0
  98. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +1 -0
  99. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +73 -0
  100. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +1 -0
  101. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +178 -0
  102. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +1 -0
  103. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +153 -0
  104. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +1 -0
  105. package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs +118 -0
  106. package/fesm2022/fundamental-ngx-ui5-webcomponents-month-picker.mjs.map +1 -0
  107. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +156 -0
  108. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +1 -0
  109. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs +116 -0
  110. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +1 -0
  111. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +285 -0
  112. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +1 -0
  113. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +324 -0
  114. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +1 -0
  115. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +139 -0
  116. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +1 -0
  117. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +149 -0
  118. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +1 -0
  119. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +172 -0
  120. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +1 -0
  121. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +242 -0
  122. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +1 -0
  123. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +104 -0
  124. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +1 -0
  125. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +188 -0
  126. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +1 -0
  127. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +207 -0
  128. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +1 -0
  129. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +156 -0
  130. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +1 -0
  131. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +242 -0
  132. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +1 -0
  133. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +167 -0
  134. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +1 -0
  135. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +180 -0
  136. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +1 -0
  137. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +292 -0
  138. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +1 -0
  139. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs +52 -0
  140. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-handle.mjs.map +1 -0
  141. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs +52 -0
  142. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider-tooltip.mjs.map +1 -0
  143. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +202 -0
  144. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +1 -0
  145. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +82 -0
  146. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +1 -0
  147. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +175 -0
  148. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +1 -0
  149. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +203 -0
  150. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +1 -0
  151. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +123 -0
  152. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +1 -0
  153. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +156 -0
  154. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +1 -0
  155. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +102 -0
  156. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +1 -0
  157. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs +262 -0
  158. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-list-item.mjs.map +1 -0
  159. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +194 -0
  160. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +1 -0
  161. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +195 -0
  162. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +1 -0
  163. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +52 -0
  164. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +1 -0
  165. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +169 -0
  166. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +1 -0
  167. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +110 -0
  168. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +1 -0
  169. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-group-row.mjs +133 -0
  170. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-group-row.mjs.map +1 -0
  171. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +117 -0
  172. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +1 -0
  173. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs +71 -0
  174. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +1 -0
  175. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +161 -0
  176. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +1 -0
  177. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +105 -0
  178. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +1 -0
  179. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs +102 -0
  180. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +1 -0
  181. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs +114 -0
  182. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +1 -0
  183. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +133 -0
  184. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +1 -0
  185. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +105 -0
  186. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +1 -0
  187. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +100 -0
  188. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +1 -0
  189. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +100 -0
  190. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +1 -0
  191. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +111 -0
  192. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +1 -0
  193. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +213 -0
  194. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +1 -0
  195. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +159 -0
  196. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +1 -0
  197. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +260 -0
  198. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +1 -0
  199. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +106 -0
  200. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +1 -0
  201. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +23 -0
  202. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +1 -0
  203. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs +52 -0
  204. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker-clock.mjs.map +1 -0
  205. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +249 -0
  206. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +1 -0
  207. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs +86 -0
  208. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-clocks.mjs.map +1 -0
  209. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs +86 -0
  210. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-selection-inputs.mjs.map +1 -0
  211. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +120 -0
  212. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +1 -0
  213. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +136 -0
  214. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +1 -0
  215. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +249 -0
  216. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +1 -0
  217. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs +249 -0
  218. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-spin-button.mjs.map +1 -0
  219. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +108 -0
  220. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +1 -0
  221. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +168 -0
  222. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +1 -0
  223. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +194 -0
  224. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +1 -0
  225. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs +109 -0
  226. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-item.mjs.map +1 -0
  227. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +103 -0
  228. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +1 -0
  229. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +183 -0
  230. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +1 -0
  231. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +83 -0
  232. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +1 -0
  233. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +90 -0
  234. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +1 -0
  235. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +125 -0
  236. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +1 -0
  237. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +256 -0
  238. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +1 -0
  239. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +256 -0
  240. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +1 -0
  241. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +215 -0
  242. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +1 -0
  243. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs +118 -0
  244. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-picker.mjs.map +1 -0
  245. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs +118 -0
  246. package/fesm2022/fundamental-ngx-ui5-webcomponents-year-range-picker.mjs.map +1 -0
  247. package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs +532 -39
  248. package/fesm2022/fundamental-ngx-ui5-webcomponents.mjs.map +1 -1
  249. package/package.json +498 -6
  250. package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +46 -0
  251. package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +103 -0
  252. package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +160 -0
  253. package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +67 -0
  254. package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +76 -0
  255. package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +64 -0
  256. package/types/fundamental-ngx-ui5-webcomponents-busy-indicator.d.ts +63 -0
  257. package/types/fundamental-ngx-ui5-webcomponents-button-badge.d.ts +35 -0
  258. package/types/fundamental-ngx-ui5-webcomponents-button.d.ts +163 -0
  259. package/types/fundamental-ngx-ui5-webcomponents-calendar-date-range.d.ts +30 -0
  260. package/types/fundamental-ngx-ui5-webcomponents-calendar-date.d.ts +25 -0
  261. package/types/fundamental-ngx-ui5-webcomponents-calendar-legend-item.d.ts +28 -0
  262. package/types/fundamental-ngx-ui5-webcomponents-calendar-legend.d.ts +59 -0
  263. package/types/fundamental-ngx-ui5-webcomponents-calendar.d.ts +118 -0
  264. package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +68 -0
  265. package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +69 -0
  266. package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +120 -0
  267. package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +114 -0
  268. package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +44 -0
  269. package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +92 -0
  270. package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +56 -0
  271. package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +49 -0
  272. package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +81 -0
  273. package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +57 -0
  274. package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +160 -0
  275. package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +188 -0
  276. package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +217 -0
  277. package/types/fundamental-ngx-ui5-webcomponents-date-time-input.d.ts +188 -0
  278. package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +188 -0
  279. package/types/fundamental-ngx-ui5-webcomponents-day-picker.d.ts +59 -0
  280. package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +146 -0
  281. package/types/fundamental-ngx-ui5-webcomponents-drop-indicator.d.ts +36 -0
  282. package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +35 -0
  283. package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +36 -0
  284. package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +142 -0
  285. package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +73 -0
  286. package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +54 -0
  287. package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +122 -0
  288. package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +109 -0
  289. package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +188 -0
  290. package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +71 -0
  291. package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +155 -0
  292. package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +119 -0
  293. package/types/fundamental-ngx-ui5-webcomponents-list-item-group-header.d.ts +72 -0
  294. package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +81 -0
  295. package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +174 -0
  296. package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +203 -0
  297. package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +48 -0
  298. package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +203 -0
  299. package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +27 -0
  300. package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +100 -0
  301. package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +78 -0
  302. package/types/fundamental-ngx-ui5-webcomponents-month-picker.d.ts +59 -0
  303. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +81 -0
  304. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +47 -0
  305. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +173 -0
  306. package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +205 -0
  307. package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +68 -0
  308. package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +77 -0
  309. package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +93 -0
  310. package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +146 -0
  311. package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +48 -0
  312. package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +94 -0
  313. package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +111 -0
  314. package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +80 -0
  315. package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +146 -0
  316. package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +92 -0
  317. package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +87 -0
  318. package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +161 -0
  319. package/types/fundamental-ngx-ui5-webcomponents-slider-handle.d.ts +20 -0
  320. package/types/fundamental-ngx-ui5-webcomponents-slider-tooltip.d.ts +20 -0
  321. package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +107 -0
  322. package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +29 -0
  323. package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +102 -0
  324. package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +121 -0
  325. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +55 -0
  326. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +81 -0
  327. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +35 -0
  328. package/types/fundamental-ngx-ui5-webcomponents-suggestion-list-item.d.ts +169 -0
  329. package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +99 -0
  330. package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +114 -0
  331. package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +20 -0
  332. package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +91 -0
  333. package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +55 -0
  334. package/types/fundamental-ngx-ui5-webcomponents-table-group-row.d.ts +75 -0
  335. package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +49 -0
  336. package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +25 -0
  337. package/types/fundamental-ngx-ui5-webcomponents-table-header-cell.d.ts +101 -0
  338. package/types/fundamental-ngx-ui5-webcomponents-table-header-row.d.ts +51 -0
  339. package/types/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.d.ts +35 -0
  340. package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +46 -0
  341. package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +75 -0
  342. package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +37 -0
  343. package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +33 -0
  344. package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +33 -0
  345. package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +43 -0
  346. package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +123 -0
  347. package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +82 -0
  348. package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +156 -0
  349. package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +51 -0
  350. package/types/fundamental-ngx-ui5-webcomponents-theming.d.ts +11 -0
  351. package/types/fundamental-ngx-ui5-webcomponents-time-picker-clock.d.ts +20 -0
  352. package/types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts +144 -0
  353. package/types/fundamental-ngx-ui5-webcomponents-time-selection-clocks.d.ts +33 -0
  354. package/types/fundamental-ngx-ui5-webcomponents-time-selection-inputs.d.ts +33 -0
  355. package/types/fundamental-ngx-ui5-webcomponents-title.d.ts +64 -0
  356. package/types/fundamental-ngx-ui5-webcomponents-toast.d.ts +66 -0
  357. package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +167 -0
  358. package/types/fundamental-ngx-ui5-webcomponents-toggle-spin-button.d.ts +167 -0
  359. package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +53 -0
  360. package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +93 -0
  361. package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +118 -0
  362. package/types/fundamental-ngx-ui5-webcomponents-toolbar-item.d.ts +54 -0
  363. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +49 -0
  364. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +106 -0
  365. package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +30 -0
  366. package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +36 -0
  367. package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +67 -0
  368. package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +165 -0
  369. package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +168 -0
  370. package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +129 -0
  371. package/types/fundamental-ngx-ui5-webcomponents-year-picker.d.ts +59 -0
  372. package/types/fundamental-ngx-ui5-webcomponents-year-range-picker.d.ts +59 -0
  373. package/types/fundamental-ngx-ui5-webcomponents.d.ts +309 -19
@@ -0,0 +1,105 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import '@ui5/webcomponents/dist/TableHeaderRow.js';
4
+ import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
+
6
+ class TableHeaderRow {
7
+ constructor() {
8
+ /**
9
+ * Sticks the `ui5-table-header-row` to the top of a table.
10
+
11
+ Note: If used in combination with overflowMode "Scroll", the table needs a defined height for the sticky header to work as expected.
12
+ */
13
+ this.sticky = input(false, { ...(ngDevMode ? { debugName: "sticky" } : {}), transform: booleanAttribute }); // className is now passed
14
+ /**
15
+ * Available slots for content projection in this component.
16
+ *
17
+ * Slots allow you to insert custom content into predefined areas of the web component.
18
+ * Use the `slot` attribute on child elements to target specific slots.
19
+ *
20
+ * - **(default)**: Defines the cells of the component.
21
+
22
+ **Note:** Use `ui5-table-header-cell` for the intended design.
23
+ *
24
+ * @example
25
+ * ```html
26
+ * <ui5-table-header-row>
27
+ * <div slot="header">Custom header content</div>
28
+ * <p>Default slot content</p>
29
+ * </ui5-table-header-row>
30
+ * ```
31
+ *
32
+ * @readonly
33
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
34
+ */
35
+ this.slots = [
36
+ {
37
+ "name": "default",
38
+ "description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-header-cell` for the intended design."
39
+ }
40
+ ];
41
+ this.elementRef = inject(ElementRef);
42
+ this.injector = inject(Injector);
43
+ /**
44
+ * Content density observer is injected to activate automatic CSS class and
45
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
46
+ * @private
47
+ */
48
+ this._contentDensityObserver = inject(ContentDensityObserver);
49
+ }
50
+ get element() {
51
+ return this.elementRef.nativeElement;
52
+ }
53
+ ngAfterViewInit() {
54
+ const wcElement = this.element;
55
+ const inputsToSync = [
56
+ 'sticky',
57
+ ];
58
+ // Synchronize inputs (properties)
59
+ for (const inputName of inputsToSync) {
60
+ // Find the corresponding camelCase signal property on the Angular component
61
+ const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
62
+ // Use the Injector to run the effect in the correct context
63
+ if (this[signalName] && typeof this[signalName] === 'function') {
64
+ runInInjectionContext(this.injector, () => {
65
+ effect(() => {
66
+ // Read the signal value
67
+ const value = this[signalName]();
68
+ if (wcElement) {
69
+ // Write the value to the Web Component's property
70
+ wcElement[inputName] = value;
71
+ }
72
+ });
73
+ });
74
+ }
75
+ }
76
+ }
77
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableHeaderRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableHeaderRow, isStandalone: true, selector: "ui5-table-header-row, [ui5-table-header-row]", inputs: { sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
79
+ contentDensityObserverProviders({
80
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
81
+ })
82
+ ], exportAs: ["ui5TableHeaderRow"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
83
+ }
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableHeaderRow, decorators: [{
85
+ type: Component,
86
+ args: [{
87
+ standalone: true,
88
+ selector: 'ui5-table-header-row, [ui5-table-header-row]',
89
+ template: '<ng-content></ng-content>',
90
+ exportAs: 'ui5TableHeaderRow',
91
+ providers: [
92
+ contentDensityObserverProviders({
93
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
94
+ })
95
+ ],
96
+ changeDetection: ChangeDetectionStrategy.OnPush,
97
+ }]
98
+ }], propDecorators: { sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }] } });
99
+
100
+ /**
101
+ * Generated bundle index. Do not edit.
102
+ */
103
+
104
+ export { TableHeaderRow };
105
+ //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-header-row.mjs","sources":["../../../../libs/ui5-webcomponents/table-header-row/index.ts","../../../../libs/ui5-webcomponents/table-header-row/fundamental-ngx-ui5-webcomponents-table-header-row.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/TableHeaderRow.js';\nimport { default as _TableHeaderRow } from '@ui5/webcomponents/dist/TableHeaderRow.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-table-header-row, [ui5-table-header-row]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableHeaderRow',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableHeaderRow implements AfterViewInit {\n\n /**\n * Sticks the `ui5-table-header-row` to the top of a table.\n\nNote: If used in combination with overflowMode \"Scroll\", the table needs a defined height for the sticky header to work as expected.\n */\n sticky = input(false, { transform: booleanAttribute }); // 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 cells of the component.\n\n**Note:** Use `ui5-table-header-cell` for the intended design.\n *\n * @example\n * ```html\n * <ui5-table-header-row>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-table-header-row>\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 cells of the component.\\n\\n**Note:** Use `ui5-table-header-cell` for the intended design.\"\n }\n ];\n\n\n public elementRef: ElementRef<_TableHeaderRow> = 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(): _TableHeaderRow {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'sticky',\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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"}
@@ -0,0 +1,102 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import '@ui5/webcomponents/dist/TableRowActionNavigation.js';
4
+ import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
+
6
+ class TableRowActionNavigation {
7
+ constructor() {
8
+ /**
9
+ * Defines the interactive state of the navigation action.
10
+ */
11
+ this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
12
+ /**
13
+ * Defines the visibility of the row action.
14
+
15
+ **Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.
16
+ */
17
+ this.invisible = input(false, { ...(ngDevMode ? { debugName: "invisible" } : {}), transform: booleanAttribute }); // className is now passed
18
+ /**
19
+ * Fired when a row action is clicked.
20
+ */
21
+ this.ui5Click = output();
22
+ this.elementRef = inject(ElementRef);
23
+ this.injector = inject(Injector);
24
+ /**
25
+ * Content density observer is injected to activate automatic CSS class and
26
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
27
+ * @private
28
+ */
29
+ this._contentDensityObserver = inject(ContentDensityObserver);
30
+ }
31
+ get element() {
32
+ return this.elementRef.nativeElement;
33
+ }
34
+ ngAfterViewInit() {
35
+ const wcElement = this.element;
36
+ const inputsToSync = [
37
+ 'interactive',
38
+ 'invisible',
39
+ ];
40
+ // Synchronize inputs (properties)
41
+ for (const inputName of inputsToSync) {
42
+ // Find the corresponding camelCase signal property on the Angular component
43
+ const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
44
+ // Use the Injector to run the effect in the correct context
45
+ if (this[signalName] && typeof this[signalName] === 'function') {
46
+ runInInjectionContext(this.injector, () => {
47
+ effect(() => {
48
+ // Read the signal value
49
+ const value = this[signalName]();
50
+ if (wcElement) {
51
+ // Write the value to the Web Component's property
52
+ wcElement[inputName] = value;
53
+ }
54
+ });
55
+ });
56
+ }
57
+ }
58
+ const outputsToSync = [
59
+ 'ui5Click',
60
+ ];
61
+ // Synchronize outputs (events)
62
+ for (const outputName of outputsToSync) {
63
+ // Map Angular output name to UI5 web component event name
64
+ const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
65
+ // Ensure the output property exists and has an emit function before adding listener
66
+ if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
67
+ // Cast the listener to the correct type to satisfy TypeScript
68
+ wcElement.addEventListener(eventName, (e) => {
69
+ this[outputName].emit(e);
70
+ });
71
+ }
72
+ }
73
+ }
74
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowActionNavigation, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
75
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRowActionNavigation, isStandalone: true, selector: "ui5-table-row-action-navigation, [ui5-table-row-action-navigation]", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, invisible: { classPropertyName: "invisible", publicName: "invisible", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, providers: [
76
+ contentDensityObserverProviders({
77
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
78
+ })
79
+ ], exportAs: ["ui5TableRowActionNavigation"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
80
+ }
81
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowActionNavigation, decorators: [{
82
+ type: Component,
83
+ args: [{
84
+ standalone: true,
85
+ selector: 'ui5-table-row-action-navigation, [ui5-table-row-action-navigation]',
86
+ template: '<ng-content></ng-content>',
87
+ exportAs: 'ui5TableRowActionNavigation',
88
+ providers: [
89
+ contentDensityObserverProviders({
90
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
91
+ })
92
+ ],
93
+ changeDetection: ChangeDetectionStrategy.OnPush,
94
+ }]
95
+ }], propDecorators: { interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], invisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "invisible", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
96
+
97
+ /**
98
+ * Generated bundle index. Do not edit.
99
+ */
100
+
101
+ export { TableRowActionNavigation };
102
+ //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs","sources":["../../../../libs/ui5-webcomponents/table-row-action-navigation/index.ts","../../../../libs/ui5-webcomponents/table-row-action-navigation/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.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/TableRowActionNavigation.js';\nimport { default as _TableRowActionNavigation } from '@ui5/webcomponents/dist/TableRowActionNavigation.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-table-row-action-navigation, [ui5-table-row-action-navigation]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRowActionNavigation',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRowActionNavigation implements AfterViewInit {\n\n /**\n * Defines the interactive state of the navigation action.\n */\n interactive = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.\n */\n invisible = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when a row action is clicked.\n */\n ui5Click = output<UI5CustomEvent<_TableRowActionNavigation, 'click'>>();\n\n\n public elementRef: ElementRef<_TableRowActionNavigation> = 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(): _TableRowActionNavigation {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'interactive',\n 'invisible',\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 'ui5Click',\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\n this[outputName].emit(e as CustomEvent<any>);\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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"}
@@ -0,0 +1,114 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, booleanAttribute, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import '@ui5/webcomponents/dist/TableRowAction.js';
4
+ import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
+
6
+ class TableRowAction {
7
+ constructor() {
8
+ /**
9
+ * Defines the icon of the row action.
10
+
11
+ **Note:** For row actions to work properly, this property is mandatory.
12
+
13
+ **Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the
14
+ [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
15
+ */
16
+ this.icon = input("", ...(ngDevMode ? [{ debugName: "icon" }] : []));
17
+ /**
18
+ * Defines the visibility of the row action.
19
+
20
+ **Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.
21
+ */
22
+ this.invisible = input(false, { ...(ngDevMode ? { debugName: "invisible" } : {}), transform: booleanAttribute });
23
+ /**
24
+ * Defines the text of the row action.
25
+
26
+ **Note:** For row actions to work properly, this property is mandatory.
27
+ */
28
+ this.text = input("", ...(ngDevMode ? [{ debugName: "text" }] : [])); // className is now passed
29
+ /**
30
+ * Fired when a row action is clicked.
31
+ */
32
+ this.ui5Click = output();
33
+ this.elementRef = inject(ElementRef);
34
+ this.injector = inject(Injector);
35
+ /**
36
+ * Content density observer is injected to activate automatic CSS class and
37
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
38
+ * @private
39
+ */
40
+ this._contentDensityObserver = inject(ContentDensityObserver);
41
+ }
42
+ get element() {
43
+ return this.elementRef.nativeElement;
44
+ }
45
+ ngAfterViewInit() {
46
+ const wcElement = this.element;
47
+ const inputsToSync = [
48
+ 'icon',
49
+ 'invisible',
50
+ 'text',
51
+ ];
52
+ // Synchronize inputs (properties)
53
+ for (const inputName of inputsToSync) {
54
+ // Find the corresponding camelCase signal property on the Angular component
55
+ const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
56
+ // Use the Injector to run the effect in the correct context
57
+ if (this[signalName] && typeof this[signalName] === 'function') {
58
+ runInInjectionContext(this.injector, () => {
59
+ effect(() => {
60
+ // Read the signal value
61
+ const value = this[signalName]();
62
+ if (wcElement) {
63
+ // Write the value to the Web Component's property
64
+ wcElement[inputName] = value;
65
+ }
66
+ });
67
+ });
68
+ }
69
+ }
70
+ const outputsToSync = [
71
+ 'ui5Click',
72
+ ];
73
+ // Synchronize outputs (events)
74
+ for (const outputName of outputsToSync) {
75
+ // Map Angular output name to UI5 web component event name
76
+ const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
77
+ // Ensure the output property exists and has an emit function before adding listener
78
+ if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
79
+ // Cast the listener to the correct type to satisfy TypeScript
80
+ wcElement.addEventListener(eventName, (e) => {
81
+ this[outputName].emit(e);
82
+ });
83
+ }
84
+ }
85
+ }
86
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowAction, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
87
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRowAction, isStandalone: true, selector: "ui5-table-row-action, [ui5-table-row-action]", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, invisible: { classPropertyName: "invisible", publicName: "invisible", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, providers: [
88
+ contentDensityObserverProviders({
89
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
90
+ })
91
+ ], exportAs: ["ui5TableRowAction"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
92
+ }
93
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRowAction, decorators: [{
94
+ type: Component,
95
+ args: [{
96
+ standalone: true,
97
+ selector: 'ui5-table-row-action, [ui5-table-row-action]',
98
+ template: '<ng-content></ng-content>',
99
+ exportAs: 'ui5TableRowAction',
100
+ providers: [
101
+ contentDensityObserverProviders({
102
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
103
+ })
104
+ ],
105
+ changeDetection: ChangeDetectionStrategy.OnPush,
106
+ }]
107
+ }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], invisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "invisible", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
108
+
109
+ /**
110
+ * Generated bundle index. Do not edit.
111
+ */
112
+
113
+ export { TableRowAction };
114
+ //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row-action.mjs","sources":["../../../../libs/ui5-webcomponents/table-row-action/index.ts","../../../../libs/ui5-webcomponents/table-row-action/fundamental-ngx-ui5-webcomponents-table-row-action.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/TableRowAction.js';\nimport { default as _TableRowAction } from '@ui5/webcomponents/dist/TableRowAction.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-table-row-action, [ui5-table-row-action]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRowAction',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRowAction implements AfterViewInit {\n\n /**\n * Defines the icon of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.\n\n**Note:** SAP-icons font provides numerous built-in icons. To find all the available icons, see the\n[Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n icon = input<typeof _TableRowAction.prototype.icon | undefined>(\"\");\n\n /**\n * Defines the visibility of the row action.\n\n**Note:** Invisible row actions still take up space, allowing to hide the action while maintaining its position.\n */\n invisible = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the text of the row action.\n\n**Note:** For row actions to work properly, this property is mandatory.\n */\n text = input<typeof _TableRowAction.prototype.text | undefined>(\"\"); // className is now passed\n\n\n\n /**\n * Fired when a row action is clicked.\n */\n ui5Click = output<UI5CustomEvent<_TableRowAction, 'click'>>();\n\n\n public elementRef: ElementRef<_TableRowAction> = 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(): _TableRowAction {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'icon',\n 'invisible',\n 'text',\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 'ui5Click',\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\n this[outputName].emit(e as CustomEvent<any>);\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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"}
@@ -0,0 +1,133 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, booleanAttribute, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import '@ui5/webcomponents/dist/TableRow.js';
4
+ import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
+
6
+ class TableRow {
7
+ constructor() {
8
+ /**
9
+ * Defines the interactive state of the row.
10
+ */
11
+ this.interactive = input(false, { ...(ngDevMode ? { debugName: "interactive" } : {}), transform: booleanAttribute });
12
+ /**
13
+ * Defines whether the row is movable.
14
+ */
15
+ this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute });
16
+ /**
17
+ * Defines the navigated state of the row.
18
+ */
19
+ this.navigated = input(false, { ...(ngDevMode ? { debugName: "navigated" } : {}), transform: booleanAttribute });
20
+ /**
21
+ * Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.
22
+ */
23
+ this.position = input(...(ngDevMode ? [undefined, { debugName: "position" }] : []));
24
+ /**
25
+ * Unique identifier of the row.
26
+
27
+ **Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.
28
+ */
29
+ this.rowKey = input(...(ngDevMode ? [undefined, { debugName: "rowKey" }] : [])); // 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
+ * - **actions**: Defines the actions of the component.
37
+
38
+ **Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.
39
+ * - **(default)**: Defines the cells of the component.
40
+
41
+ **Note:** Use `ui5-table-cell` for the intended design.
42
+ *
43
+ * @example
44
+ * ```html
45
+ * <ui5-table-row>
46
+ * <div slot="header">Custom header content</div>
47
+ * <p>Default slot content</p>
48
+ * </ui5-table-row>
49
+ * ```
50
+ *
51
+ * @readonly
52
+ * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
53
+ */
54
+ this.slots = [
55
+ {
56
+ "name": "actions",
57
+ "description": "Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.",
58
+ "since": "2.7.0"
59
+ },
60
+ {
61
+ "name": "default",
62
+ "description": "Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design."
63
+ }
64
+ ];
65
+ this.elementRef = inject(ElementRef);
66
+ this.injector = inject(Injector);
67
+ /**
68
+ * Content density observer is injected to activate automatic CSS class and
69
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
70
+ * @private
71
+ */
72
+ this._contentDensityObserver = inject(ContentDensityObserver);
73
+ }
74
+ get element() {
75
+ return this.elementRef.nativeElement;
76
+ }
77
+ ngAfterViewInit() {
78
+ const wcElement = this.element;
79
+ const inputsToSync = [
80
+ 'interactive',
81
+ 'movable',
82
+ 'navigated',
83
+ 'position',
84
+ 'rowKey',
85
+ ];
86
+ // Synchronize inputs (properties)
87
+ for (const inputName of inputsToSync) {
88
+ // Find the corresponding camelCase signal property on the Angular component
89
+ const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
90
+ // Use the Injector to run the effect in the correct context
91
+ if (this[signalName] && typeof this[signalName] === 'function') {
92
+ runInInjectionContext(this.injector, () => {
93
+ effect(() => {
94
+ // Read the signal value
95
+ const value = this[signalName]();
96
+ if (wcElement) {
97
+ // Write the value to the Web Component's property
98
+ wcElement[inputName] = value;
99
+ }
100
+ });
101
+ });
102
+ }
103
+ }
104
+ }
105
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRow, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
106
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableRow, isStandalone: true, selector: "ui5-table-row, [ui5-table-row]", inputs: { interactive: { classPropertyName: "interactive", publicName: "interactive", isSignal: true, isRequired: false, transformFunction: null }, movable: { classPropertyName: "movable", publicName: "movable", isSignal: true, isRequired: false, transformFunction: null }, navigated: { classPropertyName: "navigated", publicName: "navigated", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, rowKey: { classPropertyName: "rowKey", publicName: "rowKey", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
107
+ contentDensityObserverProviders({
108
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
109
+ })
110
+ ], exportAs: ["ui5TableRow"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
111
+ }
112
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableRow, decorators: [{
113
+ type: Component,
114
+ args: [{
115
+ standalone: true,
116
+ selector: 'ui5-table-row, [ui5-table-row]',
117
+ template: '<ng-content></ng-content>',
118
+ exportAs: 'ui5TableRow',
119
+ providers: [
120
+ contentDensityObserverProviders({
121
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
122
+ })
123
+ ],
124
+ changeDetection: ChangeDetectionStrategy.OnPush,
125
+ }]
126
+ }], propDecorators: { interactive: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactive", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], navigated: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigated", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], rowKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowKey", required: false }] }] } });
127
+
128
+ /**
129
+ * Generated bundle index. Do not edit.
130
+ */
131
+
132
+ export { TableRow };
133
+ //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-row.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fundamental-ngx-ui5-webcomponents-table-row.mjs","sources":["../../../../libs/ui5-webcomponents/table-row/index.ts","../../../../libs/ui5-webcomponents/table-row/fundamental-ngx-ui5-webcomponents-table-row.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/TableRow.js';\nimport { default as _TableRow } from '@ui5/webcomponents/dist/TableRow.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-table-row, [ui5-table-row]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TableRow',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TableRow implements AfterViewInit {\n\n /**\n * Defines the interactive state of the row.\n */\n interactive = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the row is movable.\n */\n movable = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the navigated state of the row.\n */\n navigated = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the 0-based position of the row related to the total number of rows within the table when the `ui5-table-virtualizer` feature is used.\n */\n position = input<typeof _TableRow.prototype.position | undefined>();\n\n /**\n * Unique identifier of the row.\n\n**Note:** For selection features to work properly, this property is mandatory, and its value must not contain spaces.\n */\n rowKey = input<typeof _TableRow.prototype.rowKey | 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 * - **actions**: Defines the actions of the component.\n\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.\n * - **(default)**: Defines the cells of the component.\n\n**Note:** Use `ui5-table-cell` for the intended design.\n *\n * @example\n * ```html\n * <ui5-table-row>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-table-row>\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\": \"actions\",\n \"description\": \"Defines the actions of the component.\\n\\n**Note:** Use `ui5-table-row-action` or `ui5-table-row-action-navigation` for the intended design.\",\n \"since\": \"2.7.0\"\n },\n {\n \"name\": \"default\",\n \"description\": \"Defines the cells of the component.\\n\\n**Note:** Use `ui5-table-cell` for the intended design.\"\n }\n ];\n\n\n public elementRef: ElementRef<_TableRow> = 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(): _TableRow {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'interactive',\n 'movable',\n 'navigated',\n 'position',\n 'rowKey',\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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"}
@@ -0,0 +1,105 @@
1
+ import * as i0 from '@angular/core';
2
+ import { input, output, inject, ElementRef, Injector, runInInjectionContext, effect, ChangeDetectionStrategy, Component } from '@angular/core';
3
+ import '@ui5/webcomponents/dist/TableSelectionMulti.js';
4
+ import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
+
6
+ class TableSelectionMulti {
7
+ constructor() {
8
+ /**
9
+ * Defines the selection behavior.
10
+ */
11
+ this.behavior = input("RowSelector", ...(ngDevMode ? [{ debugName: "behavior" }] : []));
12
+ /**
13
+ * Defines the selector of the header row.
14
+ */
15
+ this.headerSelector = input("SelectAll", ...(ngDevMode ? [{ debugName: "headerSelector" }] : []));
16
+ /**
17
+ * Defines the `row-key` values of selected rows, with each value separated by a space.
18
+ */
19
+ this.selected = input(...(ngDevMode ? [undefined, { debugName: "selected" }] : [])); // className is now passed
20
+ /**
21
+ * Fired when the selection is changed by user interaction.
22
+ */
23
+ this.ui5Change = output();
24
+ this.elementRef = inject(ElementRef);
25
+ this.injector = inject(Injector);
26
+ /**
27
+ * Content density observer is injected to activate automatic CSS class and
28
+ * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
29
+ * @private
30
+ */
31
+ this._contentDensityObserver = inject(ContentDensityObserver);
32
+ }
33
+ get element() {
34
+ return this.elementRef.nativeElement;
35
+ }
36
+ ngAfterViewInit() {
37
+ const wcElement = this.element;
38
+ const inputsToSync = [
39
+ 'behavior',
40
+ 'headerSelector',
41
+ 'selected',
42
+ ];
43
+ // Synchronize inputs (properties)
44
+ for (const inputName of inputsToSync) {
45
+ // Find the corresponding camelCase signal property on the Angular component
46
+ const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
47
+ // Use the Injector to run the effect in the correct context
48
+ if (this[signalName] && typeof this[signalName] === 'function') {
49
+ runInInjectionContext(this.injector, () => {
50
+ effect(() => {
51
+ // Read the signal value
52
+ const value = this[signalName]();
53
+ if (wcElement) {
54
+ // Write the value to the Web Component's property
55
+ wcElement[inputName] = value;
56
+ }
57
+ });
58
+ });
59
+ }
60
+ }
61
+ const outputsToSync = [
62
+ 'ui5Change',
63
+ ];
64
+ // Synchronize outputs (events)
65
+ for (const outputName of outputsToSync) {
66
+ // Map Angular output name to UI5 web component event name
67
+ const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
68
+ // Ensure the output property exists and has an emit function before adding listener
69
+ if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
70
+ // Cast the listener to the correct type to satisfy TypeScript
71
+ wcElement.addEventListener(eventName, (e) => {
72
+ this[outputName].emit(e);
73
+ });
74
+ }
75
+ }
76
+ }
77
+ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionMulti, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
78
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TableSelectionMulti, isStandalone: true, selector: "ui5-table-selection-multi, [ui5-table-selection-multi]", inputs: { behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, headerSelector: { classPropertyName: "headerSelector", publicName: "headerSelector", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change" }, providers: [
79
+ contentDensityObserverProviders({
80
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
81
+ })
82
+ ], exportAs: ["ui5TableSelectionMulti"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
83
+ }
84
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TableSelectionMulti, decorators: [{
85
+ type: Component,
86
+ args: [{
87
+ standalone: true,
88
+ selector: 'ui5-table-selection-multi, [ui5-table-selection-multi]',
89
+ template: '<ng-content></ng-content>',
90
+ exportAs: 'ui5TableSelectionMulti',
91
+ providers: [
92
+ contentDensityObserverProviders({
93
+ supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
94
+ })
95
+ ],
96
+ changeDetection: ChangeDetectionStrategy.OnPush,
97
+ }]
98
+ }], propDecorators: { behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], headerSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerSelector", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }] } });
99
+
100
+ /**
101
+ * Generated bundle index. Do not edit.
102
+ */
103
+
104
+ export { TableSelectionMulti };
105
+ //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map