@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,240 +0,0 @@
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/TreeItemCustom.js';
4
- import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
-
6
- class TreeItemCustom {
7
- constructor() {
8
- /**
9
- * Defines the additional accessibility attributes that will be applied to the component.
10
- The following fields are supported:
11
-
12
- - **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.
13
- **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
14
-
15
- - **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
16
- **Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
17
- */
18
- this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : []));
19
- /**
20
- * Defines the accessible name of the component.
21
- */
22
- this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
23
- /**
24
- * Defines the state of the `additionalText`.
25
-
26
- Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
27
- */
28
- this.additionalTextState = input("None", ...(ngDevMode ? [{ debugName: "additionalTextState" }] : []));
29
- /**
30
- * Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
31
- */
32
- this.expanded = input(false, { ...(ngDevMode ? { debugName: "expanded" } : {}), transform: booleanAttribute });
33
- /**
34
- * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
35
-
36
- **Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
37
- Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
38
- It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
39
- */
40
- this.hasChildren = input(false, { ...(ngDevMode ? { debugName: "hasChildren" } : {}), transform: booleanAttribute });
41
- /**
42
- * Defines whether the tree list item should display the selection element.
43
- */
44
- this.hideSelectionElement = input(false, { ...(ngDevMode ? { debugName: "hideSelectionElement" } : {}), transform: booleanAttribute });
45
- /**
46
- * Defines the highlight state of the list items.
47
- Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
48
- */
49
- this.highlight = input("None", ...(ngDevMode ? [{ debugName: "highlight" }] : []));
50
- /**
51
- * If set, an icon will be displayed before the text of the tree list item.
52
- */
53
- this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
54
- /**
55
- * Defines whether the selection of a tree node is displayed as partially selected.
56
-
57
- **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
58
- interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
59
- and `selected` properties:
60
-
61
- - If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
62
- - If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
63
- - If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
64
-
65
- **Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
66
- */
67
- this.indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
68
- /**
69
- * Defines whether the item is movable.
70
- */
71
- this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute });
72
- /**
73
- * The navigated state of the list item.
74
- If set to `true`, a navigation indicator is displayed at the end of the list item.
75
- */
76
- this.navigated = input(false, { ...(ngDevMode ? { debugName: "navigated" } : {}), transform: booleanAttribute });
77
- /**
78
- * Defines the selected state of the component.
79
- */
80
- this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute });
81
- /**
82
- * Defines the text of the tooltip that would be displayed for the list item.
83
- */
84
- this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
85
- /**
86
- * Defines the visual indication and behavior of the list items.
87
- Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
88
-
89
- **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
90
- while with type `Inactive` and `Detail` - will not.
91
- */
92
- this.type = input("Active", ...(ngDevMode ? [{ debugName: "type" }] : [])); // className is now passed
93
- /**
94
- * Fired when the user clicks on the detail button when type is `Detail`.
95
- */
96
- this.ui5DetailClick = output();
97
- /**
98
- * Available slots for content projection in this component.
99
- *
100
- * Slots allow you to insert custom content into predefined areas of the web component.
101
- * Use the `slot` attribute on child elements to target specific slots.
102
- *
103
- * - **content**: Defines the content of the `ui5-tree-item`.
104
- * - **(default)**: Defines the items of the component.
105
-
106
- **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
107
- * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
108
- **Note:** While the slot allows custom buttons, to match
109
- design guidelines, please use the `ui5-button` component.
110
- **Note:** When the slot is not present, a built-in delete button will be displayed.
111
- * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
112
- design guidelines, please use the `ui5-avatar` with size XS.
113
-
114
- **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
115
- `ui5-tree-item` should be customized in order to fit.
116
- *
117
- * @example
118
- * ```html
119
- * <ui5-tree-item-custom>
120
- * <div slot="header">Custom header content</div>
121
- * <p>Default slot content</p>
122
- * </ui5-tree-item-custom>
123
- * ```
124
- *
125
- * @readonly
126
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
127
- */
128
- this.slots = [
129
- {
130
- "name": "content",
131
- "description": "Defines the content of the `ui5-tree-item`."
132
- },
133
- {
134
- "name": "default",
135
- "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
136
- },
137
- {
138
- "name": "deleteButton",
139
- "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
140
- "since": "1.9.0"
141
- },
142
- {
143
- "name": "image",
144
- "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
145
- "since": "2.10.0"
146
- }
147
- ];
148
- this.elementRef = inject(ElementRef);
149
- this.injector = inject(Injector);
150
- /**
151
- * Content density observer is injected to activate automatic CSS class and
152
- * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
153
- * @private
154
- */
155
- this._contentDensityObserver = inject(ContentDensityObserver);
156
- }
157
- get element() {
158
- return this.elementRef.nativeElement;
159
- }
160
- ngAfterViewInit() {
161
- const wcElement = this.element;
162
- const inputsToSync = [
163
- 'accessibilityAttributes',
164
- 'accessibleName',
165
- 'additionalTextState',
166
- 'expanded',
167
- 'hasChildren',
168
- 'hideSelectionElement',
169
- 'highlight',
170
- 'icon',
171
- 'indeterminate',
172
- 'movable',
173
- 'navigated',
174
- 'selected',
175
- 'tooltip',
176
- 'type',
177
- ];
178
- // Synchronize inputs (properties)
179
- for (const inputName of inputsToSync) {
180
- // Find the corresponding camelCase signal property on the Angular component
181
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
182
- // Use the Injector to run the effect in the correct context
183
- if (this[signalName] && typeof this[signalName] === 'function') {
184
- runInInjectionContext(this.injector, () => {
185
- effect(() => {
186
- // Read the signal value
187
- const value = this[signalName]();
188
- if (wcElement) {
189
- // Write the value to the Web Component's property
190
- wcElement[inputName] = value;
191
- }
192
- });
193
- });
194
- }
195
- }
196
- const outputsToSync = [
197
- 'ui5DetailClick',
198
- ];
199
- // Synchronize outputs (events)
200
- for (const outputName of outputsToSync) {
201
- // Map Angular output name to UI5 web component event name
202
- const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
203
- // Ensure the output property exists and has an emit function before adding listener
204
- if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
205
- // Cast the listener to the correct type to satisfy TypeScript
206
- wcElement.addEventListener(eventName, (e) => {
207
- this[outputName].emit(e);
208
- });
209
- }
210
- }
211
- }
212
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TreeItemCustom, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
213
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TreeItemCustom, isStandalone: true, selector: "ui5-tree-item-custom, [ui5-tree-item-custom]", inputs: { accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, additionalTextState: { classPropertyName: "additionalTextState", publicName: "additionalTextState", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, hideSelectionElement: { classPropertyName: "hideSelectionElement", publicName: "hideSelectionElement", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5DetailClick: "ui5DetailClick" }, providers: [
214
- contentDensityObserverProviders({
215
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
216
- })
217
- ], exportAs: ["ui5TreeItemCustom"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
218
- }
219
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TreeItemCustom, decorators: [{
220
- type: Component,
221
- args: [{
222
- standalone: true,
223
- selector: 'ui5-tree-item-custom, [ui5-tree-item-custom]',
224
- template: '<ng-content></ng-content>',
225
- exportAs: 'ui5TreeItemCustom',
226
- providers: [
227
- contentDensityObserverProviders({
228
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
229
- })
230
- ],
231
- changeDetection: ChangeDetectionStrategy.OnPush,
232
- }]
233
- }], propDecorators: { accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], additionalTextState: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalTextState", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], hasChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildren", required: false }] }], hideSelectionElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideSelectionElement", required: false }] }], highlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlight", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], navigated: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigated", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], ui5DetailClick: [{ type: i0.Output, args: ["ui5DetailClick"] }] } });
234
-
235
- /**
236
- * Generated bundle index. Do not edit.
237
- */
238
-
239
- export { TreeItemCustom };
240
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs","sources":["../../../../libs/ui5-webcomponents/tree-item-custom/index.ts","../../../../libs/ui5-webcomponents/tree-item-custom/fundamental-ngx-ui5-webcomponents-tree-item-custom.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/TreeItemCustom.js';\nimport { default as _TreeItemCustom } from '@ui5/webcomponents/dist/TreeItemCustom.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\nimport { default as Highlight } from '@ui5/webcomponents/dist/types/Highlight.js';\nimport { default as ListItemType } from '@ui5/webcomponents/dist/types/ListItemType.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-tree-item-custom, [ui5-tree-item-custom]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TreeItemCustom',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TreeItemCustom implements AfterViewInit {\n\n /**\n * Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.\n */\n accessibilityAttributes = input<typeof _TreeItemCustom.prototype.accessibilityAttributes | undefined>({});\n\n /**\n * Defines the accessible name of the component.\n */\n accessibleName = input<typeof _TreeItemCustom.prototype.accessibleName | undefined>();\n\n /**\n * Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.\n */\n additionalTextState = input<typeof _TreeItemCustom.prototype.additionalTextState | undefined>(\"None\");\n\n /**\n * Defines whether the tree list item will show a collapse or expand icon inside its toggle button.\n */\n expanded = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.\n */\n hasChildren = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the tree list item should display the selection element.\n */\n hideSelectionElement = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.\n */\n highlight = input<typeof _TreeItemCustom.prototype.highlight | undefined>(\"None\");\n\n /**\n * If set, an icon will be displayed before the text of the tree list item.\n */\n icon = input<typeof _TreeItemCustom.prototype.icon | undefined>();\n\n /**\n * Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.\n */\n indeterminate = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the item is movable.\n */\n movable = input(false, { transform: booleanAttribute });\n\n /**\n * The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.\n */\n navigated = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the selected state of the component.\n */\n selected = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the text of the tooltip that would be displayed for the list item.\n */\n tooltip = input<typeof _TreeItemCustom.prototype.tooltip | undefined>();\n\n /**\n * Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.\n */\n type = input<typeof _TreeItemCustom.prototype.type | undefined>(\"Active\"); // className is now passed\n\n\n\n /**\n * Fired when the user clicks on the detail button when type is `Detail`.\n */\n ui5DetailClick = output<UI5CustomEvent<_TreeItemCustom, 'detail-click'>>();\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 * - **content**: Defines the content of the `ui5-tree-item`.\n * - **(default)**: Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n * - **deleteButton**: Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.\n *\n * @example\n * ```html\n * <ui5-tree-item-custom>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-tree-item-custom>\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\": \"content\",\n \"description\": \"Defines the content of the `ui5-tree-item`.\"\n },\n {\n \"name\": \"default\",\n \"description\": \"Defines the items of the component.\\n\\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\"\n },\n {\n \"name\": \"deleteButton\",\n \"description\": \"Defines the delete button, displayed in \\\"Delete\\\" mode.\\n**Note:** While the slot allows custom buttons, to match\\ndesign guidelines, please use the `ui5-button` component.\\n**Note:** When the slot is not present, a built-in delete button will be displayed.\",\n \"since\": \"1.9.0\"\n },\n {\n \"name\": \"image\",\n \"description\": \"**Note:** While the slot allows option for setting custom avatar, to match the\\ndesign guidelines, please use the `ui5-avatar` with size XS.\\n\\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\\n`ui5-tree-item` should be customized in order to fit.\",\n \"since\": \"2.10.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_TreeItemCustom> = 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(): _TreeItemCustom {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accessibilityAttributes',\n 'accessibleName',\n 'additionalTextState',\n 'expanded',\n 'hasChildren',\n 'hideSelectionElement',\n 'highlight',\n 'icon',\n 'indeterminate',\n 'movable',\n 'navigated',\n 'selected',\n 'tooltip',\n 'type',\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 'ui5DetailClick',\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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"}
@@ -1,240 +0,0 @@
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/TreeItem.js';
4
- import { ContentDensityObserver, contentDensityObserverProviders, ContentDensityMode } from '@fundamental-ngx/core/content-density';
5
-
6
- class TreeItem {
7
- constructor() {
8
- /**
9
- * Defines the additional accessibility attributes that will be applied to the component.
10
- The following fields are supported:
11
-
12
- - **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.
13
- **Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.
14
-
15
- - **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.
16
- **Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.
17
- */
18
- this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : []));
19
- /**
20
- * Defines the accessible name of the component.
21
- */
22
- this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
23
- /**
24
- * Defines the `additionalText`, displayed in the end of the tree item.
25
- */
26
- this.additionalText = input(...(ngDevMode ? [undefined, { debugName: "additionalText" }] : []));
27
- /**
28
- * Defines the state of the `additionalText`.
29
-
30
- Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
31
- */
32
- this.additionalTextState = input("None", ...(ngDevMode ? [{ debugName: "additionalTextState" }] : []));
33
- /**
34
- * Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
35
- */
36
- this.expanded = input(false, { ...(ngDevMode ? { debugName: "expanded" } : {}), transform: booleanAttribute });
37
- /**
38
- * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
39
-
40
- **Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.
41
- Set this to `true` for nodes you intend to load lazily, when the user clicks the expand button.
42
- It is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.
43
- */
44
- this.hasChildren = input(false, { ...(ngDevMode ? { debugName: "hasChildren" } : {}), transform: booleanAttribute });
45
- /**
46
- * Defines the highlight state of the list items.
47
- Available options are: `"None"` (by default), `"Positive"`, `"Critical"`, `"Information"` and `"Negative"`.
48
- */
49
- this.highlight = input("None", ...(ngDevMode ? [{ debugName: "highlight" }] : []));
50
- /**
51
- * If set, an icon will be displayed before the text of the tree list item.
52
- */
53
- this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
54
- /**
55
- * Defines whether the selection of a tree node is displayed as partially selected.
56
-
57
- **Note:** The indeterminate state can be set only programmatically and can’t be achieved by user
58
- interaction, meaning that the resulting visual state depends on the values of the `indeterminate`
59
- and `selected` properties:
60
-
61
- - If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.
62
- - If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.
63
- - If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.
64
-
65
- **Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.
66
- */
67
- this.indeterminate = input(false, { ...(ngDevMode ? { debugName: "indeterminate" } : {}), transform: booleanAttribute });
68
- /**
69
- * Defines whether the item is movable.
70
- */
71
- this.movable = input(false, { ...(ngDevMode ? { debugName: "movable" } : {}), transform: booleanAttribute });
72
- /**
73
- * The navigated state of the list item.
74
- If set to `true`, a navigation indicator is displayed at the end of the list item.
75
- */
76
- this.navigated = input(false, { ...(ngDevMode ? { debugName: "navigated" } : {}), transform: booleanAttribute });
77
- /**
78
- * Defines the selected state of the component.
79
- */
80
- this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute });
81
- /**
82
- * Defines the text of the tree item.
83
- */
84
- this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
85
- /**
86
- * Defines the text of the tooltip that would be displayed for the list item.
87
- */
88
- this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
89
- /**
90
- * Defines the visual indication and behavior of the list items.
91
- Available options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.
92
-
93
- **Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,
94
- while with type `Inactive` and `Detail` - will not.
95
- */
96
- this.type = input("Active", ...(ngDevMode ? [{ debugName: "type" }] : [])); // className is now passed
97
- /**
98
- * Fired when the user clicks on the detail button when type is `Detail`.
99
- */
100
- this.ui5DetailClick = output();
101
- /**
102
- * Available slots for content projection in this component.
103
- *
104
- * Slots allow you to insert custom content into predefined areas of the web component.
105
- * Use the `slot` attribute on child elements to target specific slots.
106
- *
107
- * - **(default)**: Defines the items of the component.
108
-
109
- **Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`
110
- * - **deleteButton**: Defines the delete button, displayed in "Delete" mode.
111
- **Note:** While the slot allows custom buttons, to match
112
- design guidelines, please use the `ui5-button` component.
113
- **Note:** When the slot is not present, a built-in delete button will be displayed.
114
- * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the
115
- design guidelines, please use the `ui5-avatar` with size XS.
116
-
117
- **Note:** If bigger `ui5-avatar` needs to be used, then the size of the
118
- `ui5-tree-item` should be customized in order to fit.
119
- *
120
- * @example
121
- * ```html
122
- * <ui5-tree-item>
123
- * <div slot="header">Custom header content</div>
124
- * <p>Default slot content</p>
125
- * </ui5-tree-item>
126
- * ```
127
- *
128
- * @readonly
129
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
130
- */
131
- this.slots = [
132
- {
133
- "name": "default",
134
- "description": "Defines the items of the component.\n\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`"
135
- },
136
- {
137
- "name": "deleteButton",
138
- "description": "Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.",
139
- "since": "1.9.0"
140
- },
141
- {
142
- "name": "image",
143
- "description": "**Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.",
144
- "since": "2.10.0"
145
- }
146
- ];
147
- this.elementRef = inject(ElementRef);
148
- this.injector = inject(Injector);
149
- /**
150
- * Content density observer is injected to activate automatic CSS class and
151
- * UI5 attribute application. The observer self-initializes, no explicit subscribe() needed.
152
- * @private
153
- */
154
- this._contentDensityObserver = inject(ContentDensityObserver);
155
- }
156
- get element() {
157
- return this.elementRef.nativeElement;
158
- }
159
- ngAfterViewInit() {
160
- const wcElement = this.element;
161
- const inputsToSync = [
162
- 'accessibilityAttributes',
163
- 'accessibleName',
164
- 'additionalText',
165
- 'additionalTextState',
166
- 'expanded',
167
- 'hasChildren',
168
- 'highlight',
169
- 'icon',
170
- 'indeterminate',
171
- 'movable',
172
- 'navigated',
173
- 'selected',
174
- 'text',
175
- 'tooltip',
176
- 'type',
177
- ];
178
- // Synchronize inputs (properties)
179
- for (const inputName of inputsToSync) {
180
- // Find the corresponding camelCase signal property on the Angular component
181
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
182
- // Use the Injector to run the effect in the correct context
183
- if (this[signalName] && typeof this[signalName] === 'function') {
184
- runInInjectionContext(this.injector, () => {
185
- effect(() => {
186
- // Read the signal value
187
- const value = this[signalName]();
188
- if (wcElement) {
189
- // Write the value to the Web Component's property
190
- wcElement[inputName] = value;
191
- }
192
- });
193
- });
194
- }
195
- }
196
- const outputsToSync = [
197
- 'ui5DetailClick',
198
- ];
199
- // Synchronize outputs (events)
200
- for (const outputName of outputsToSync) {
201
- // Map Angular output name to UI5 web component event name
202
- const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
203
- // Ensure the output property exists and has an emit function before adding listener
204
- if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
205
- // Cast the listener to the correct type to satisfy TypeScript
206
- wcElement.addEventListener(eventName, (e) => {
207
- this[outputName].emit(e);
208
- });
209
- }
210
- }
211
- }
212
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TreeItem, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
213
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: TreeItem, isStandalone: true, selector: "ui5-tree-item, [ui5-tree-item]", inputs: { accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, additionalText: { classPropertyName: "additionalText", publicName: "additionalText", isSignal: true, isRequired: false, transformFunction: null }, additionalTextState: { classPropertyName: "additionalTextState", publicName: "additionalTextState", isSignal: true, isRequired: false, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: false, transformFunction: null }, hasChildren: { classPropertyName: "hasChildren", publicName: "hasChildren", isSignal: true, isRequired: false, transformFunction: null }, highlight: { classPropertyName: "highlight", publicName: "highlight", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, indeterminate: { classPropertyName: "indeterminate", publicName: "indeterminate", 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 }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5DetailClick: "ui5DetailClick" }, providers: [
214
- contentDensityObserverProviders({
215
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
216
- })
217
- ], exportAs: ["ui5TreeItem"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
218
- }
219
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TreeItem, decorators: [{
220
- type: Component,
221
- args: [{
222
- standalone: true,
223
- selector: 'ui5-tree-item, [ui5-tree-item]',
224
- template: '<ng-content></ng-content>',
225
- exportAs: 'ui5TreeItem',
226
- providers: [
227
- contentDensityObserverProviders({
228
- supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]
229
- })
230
- ],
231
- changeDetection: ChangeDetectionStrategy.OnPush,
232
- }]
233
- }], propDecorators: { accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], additionalText: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalText", required: false }] }], additionalTextState: [{ type: i0.Input, args: [{ isSignal: true, alias: "additionalTextState", required: false }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: false }] }], hasChildren: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasChildren", required: false }] }], highlight: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlight", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], indeterminate: [{ type: i0.Input, args: [{ isSignal: true, alias: "indeterminate", required: false }] }], movable: [{ type: i0.Input, args: [{ isSignal: true, alias: "movable", required: false }] }], navigated: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigated", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], ui5DetailClick: [{ type: i0.Output, args: ["ui5DetailClick"] }] } });
234
-
235
- /**
236
- * Generated bundle index. Do not edit.
237
- */
238
-
239
- export { TreeItem };
240
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-tree-item.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-tree-item.mjs","sources":["../../../../libs/ui5-webcomponents/tree-item/index.ts","../../../../libs/ui5-webcomponents/tree-item/fundamental-ngx-ui5-webcomponents-tree-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/TreeItem.js';\nimport { default as _TreeItem } from '@ui5/webcomponents/dist/TreeItem.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\nimport {\n ContentDensityObserver,\n contentDensityObserverProviders,\n ContentDensityMode\n} from '@fundamental-ngx/core/content-density';\n\nimport { ListItemAccessibilityAttributes } from '@ui5/webcomponents/dist/ListItem.js';\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\nimport { default as Highlight } from '@ui5/webcomponents/dist/types/Highlight.js';\nimport { default as ListItemType } from '@ui5/webcomponents/dist/types/ListItemType.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-tree-item, [ui5-tree-item]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5TreeItem',\n providers: [\n contentDensityObserverProviders({\n supportedContentDensity: [ContentDensityMode.COMPACT, ContentDensityMode.COZY]\n })\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TreeItem implements AfterViewInit {\n\n /**\n * Defines the additional accessibility attributes that will be applied to the component.\nThe following fields are supported:\n\n- **ariaSetsize**: Defines the number of items in the current set when not all items in the set are present in the DOM.\n**Note:** The value is an integer reflecting the number of items in the complete set. If the size of the entire set is unknown, set `-1`.\n\n\t- **ariaPosinset**: Defines an element's number or position in the current set when not all items are present in the DOM.\n\t**Note:** The value is an integer greater than or equal to 1, and less than or equal to the size of the set when that size is known.\n */\n accessibilityAttributes = input<typeof _TreeItem.prototype.accessibilityAttributes | undefined>({});\n\n /**\n * Defines the accessible name of the component.\n */\n accessibleName = input<typeof _TreeItem.prototype.accessibleName | undefined>();\n\n /**\n * Defines the `additionalText`, displayed in the end of the tree item.\n */\n additionalText = input<typeof _TreeItem.prototype.additionalText | undefined>();\n\n /**\n * Defines the state of the `additionalText`.\n\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.\n */\n additionalTextState = input<typeof _TreeItem.prototype.additionalTextState | undefined>(\"None\");\n\n /**\n * Defines whether the tree list item will show a collapse or expand icon inside its toggle button.\n */\n expanded = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.\n\n**Note:** This property is useful for showing big tree structures where not all nodes are initially loaded due to performance reasons.\nSet this to `true` for nodes you intend to load lazily, when the user clicks the expand button.\nIt is not necessary to set this property otherwise. If a tree item has children, the expand button will be displayed anyway.\n */\n hasChildren = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the highlight state of the list items.\nAvailable options are: `\"None\"` (by default), `\"Positive\"`, `\"Critical\"`, `\"Information\"` and `\"Negative\"`.\n */\n highlight = input<typeof _TreeItem.prototype.highlight | undefined>(\"None\");\n\n /**\n * If set, an icon will be displayed before the text of the tree list item.\n */\n icon = input<typeof _TreeItem.prototype.icon | undefined>();\n\n /**\n * Defines whether the selection of a tree node is displayed as partially selected.\n\n**Note:** The indeterminate state can be set only programmatically and can’t be achieved by user\ninteraction, meaning that the resulting visual state depends on the values of the `indeterminate`\nand `selected` properties:\n\n- If a tree node has both `selected` and `indeterminate` set to `true`, it is displayed as partially selected.\n- If a tree node has `selected` set to `true` and `indeterminate` set to `false`, it is displayed as selected.\n- If a tree node has `selected` set to `false`, it is displayed as not selected regardless of the value of the `indeterminate` property.\n\n**Note:** This property takes effect only when the `ui5-tree` is in `Multiple` mode.\n */\n indeterminate = input(false, { transform: booleanAttribute });\n\n /**\n * Defines whether the item is movable.\n */\n movable = input(false, { transform: booleanAttribute });\n\n /**\n * The navigated state of the list item.\nIf set to `true`, a navigation indicator is displayed at the end of the list item.\n */\n navigated = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the selected state of the component.\n */\n selected = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the text of the tree item.\n */\n text = input<typeof _TreeItem.prototype.text | undefined>();\n\n /**\n * Defines the text of the tooltip that would be displayed for the list item.\n */\n tooltip = input<typeof _TreeItem.prototype.tooltip | undefined>();\n\n /**\n * Defines the visual indication and behavior of the list items.\nAvailable options are `Active` (by default), `Inactive`, `Detail` and `Navigation`.\n\n**Note:** When set to `Active` or `Navigation`, the item will provide visual response upon press and hover,\nwhile with type `Inactive` and `Detail` - will not.\n */\n type = input<typeof _TreeItem.prototype.type | undefined>(\"Active\"); // className is now passed\n\n\n\n /**\n * Fired when the user clicks on the detail button when type is `Detail`.\n */\n ui5DetailClick = output<UI5CustomEvent<_TreeItem, 'detail-click'>>();\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**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\n * - **deleteButton**: Defines the delete button, displayed in \"Delete\" mode.\n**Note:** While the slot allows custom buttons, to match\ndesign guidelines, please use the `ui5-button` component.\n**Note:** When the slot is not present, a built-in delete button will be displayed.\n * - **image**: **Note:** While the slot allows option for setting custom avatar, to match the\ndesign guidelines, please use the `ui5-avatar` with size XS.\n\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\n`ui5-tree-item` should be customized in order to fit.\n *\n * @example\n * ```html\n * <ui5-tree-item>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-tree-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 items of the component.\\n\\n**Note:** Use `ui5-tree-item` or `ui5-tree-item-custom`\"\n },\n {\n \"name\": \"deleteButton\",\n \"description\": \"Defines the delete button, displayed in \\\"Delete\\\" mode.\\n**Note:** While the slot allows custom buttons, to match\\ndesign guidelines, please use the `ui5-button` component.\\n**Note:** When the slot is not present, a built-in delete button will be displayed.\",\n \"since\": \"1.9.0\"\n },\n {\n \"name\": \"image\",\n \"description\": \"**Note:** While the slot allows option for setting custom avatar, to match the\\ndesign guidelines, please use the `ui5-avatar` with size XS.\\n\\n**Note:** If bigger `ui5-avatar` needs to be used, then the size of the\\n`ui5-tree-item` should be customized in order to fit.\",\n \"since\": \"2.10.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_TreeItem> = 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(): _TreeItem {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'accessibilityAttributes',\n 'accessibleName',\n 'additionalText',\n 'additionalTextState',\n 'expanded',\n 'hasChildren',\n 'highlight',\n 'icon',\n 'indeterminate',\n 'movable',\n 'navigated',\n 'selected',\n 'text',\n 'tooltip',\n 'type',\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 'ui5DetailClick',\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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"}