@fundamental-ngx/ui5-webcomponents 0.60.1 → 0.60.3

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 (322) hide show
  1. package/package.json +2 -430
  2. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs +0 -76
  3. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-badge.mjs.map +0 -1
  4. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs +0 -161
  5. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar-group.mjs.map +0 -1
  6. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs +0 -206
  7. package/fesm2022/fundamental-ngx-ui5-webcomponents-avatar.mjs.map +0 -1
  8. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs +0 -116
  9. package/fesm2022/fundamental-ngx-ui5-webcomponents-bar.mjs.map +0 -1
  10. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs +0 -109
  11. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.mjs.map +0 -1
  12. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs +0 -117
  13. package/fesm2022/fundamental-ngx-ui5-webcomponents-breadcrumbs.mjs.map +0 -1
  14. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs +0 -105
  15. package/fesm2022/fundamental-ngx-ui5-webcomponents-busy-indicator.mjs.map +0 -1
  16. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs +0 -72
  17. package/fesm2022/fundamental-ngx-ui5-webcomponents-button-badge.mjs.map +0 -1
  18. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs +0 -219
  19. package/fesm2022/fundamental-ngx-ui5-webcomponents-button.mjs.map +0 -1
  20. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-date-range.mjs +0 -67
  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 -61
  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 -65
  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 -100
  27. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar-legend.mjs.map +0 -1
  28. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs +0 -189
  29. package/fesm2022/fundamental-ngx-ui5-webcomponents-calendar.mjs.map +0 -1
  30. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs +0 -127
  31. package/fesm2022/fundamental-ngx-ui5-webcomponents-card-header.mjs.map +0 -1
  32. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs +0 -110
  33. package/fesm2022/fundamental-ngx-ui5-webcomponents-card.mjs.map +0 -1
  34. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs +0 -184
  35. package/fesm2022/fundamental-ngx-ui5-webcomponents-carousel.mjs.map +0 -1
  36. package/fesm2022/fundamental-ngx-ui5-webcomponents-check-box.mjs +0 -197
  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 -70
  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 -143
  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 -80
  43. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-palette.mjs.map +0 -1
  44. package/fesm2022/fundamental-ngx-ui5-webcomponents-color-picker.mjs +0 -93
  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 -140
  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 -65
  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 -239
  51. package/fesm2022/fundamental-ngx-ui5-webcomponents-combo-box.mjs.map +0 -1
  52. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-picker.mjs +0 -285
  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 -311
  55. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-range-picker.mjs.map +0 -1
  56. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs +0 -285
  57. package/fesm2022/fundamental-ngx-ui5-webcomponents-date-time-picker.mjs.map +0 -1
  58. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs +0 -226
  59. package/fesm2022/fundamental-ngx-ui5-webcomponents-dialog.mjs.map +0 -1
  60. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs +0 -85
  61. package/fesm2022/fundamental-ngx-ui5-webcomponents-dynamic-date-range.mjs.map +0 -1
  62. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs +0 -75
  63. package/fesm2022/fundamental-ngx-ui5-webcomponents-expandable-text.mjs.map +0 -1
  64. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs +0 -250
  65. package/fesm2022/fundamental-ngx-ui5-webcomponents-file-uploader.mjs.map +0 -1
  66. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs +0 -107
  67. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-group.mjs.map +0 -1
  68. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs +0 -96
  69. package/fesm2022/fundamental-ngx-ui5-webcomponents-form-item.mjs.map +0 -1
  70. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs +0 -169
  71. package/fesm2022/fundamental-ngx-ui5-webcomponents-form.mjs.map +0 -1
  72. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs +0 -127
  73. package/fesm2022/fundamental-ngx-ui5-webcomponents-icon.mjs.map +0 -1
  74. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs +0 -284
  75. package/fesm2022/fundamental-ngx-ui5-webcomponents-input.mjs.map +0 -1
  76. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs +0 -112
  77. package/fesm2022/fundamental-ngx-ui5-webcomponents-label.mjs.map +0 -1
  78. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs +0 -219
  79. package/fesm2022/fundamental-ngx-ui5-webcomponents-link.mjs.map +0 -1
  80. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs +0 -163
  81. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-custom.mjs.map +0 -1
  82. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs +0 -140
  83. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-group.mjs.map +0 -1
  84. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs +0 -230
  85. package/fesm2022/fundamental-ngx-ui5-webcomponents-list-item-standard.mjs.map +0 -1
  86. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs +0 -282
  87. package/fesm2022/fundamental-ngx-ui5-webcomponents-list.mjs.map +0 -1
  88. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs +0 -86
  89. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item-group.mjs.map +0 -1
  90. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs +0 -263
  91. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-item.mjs.map +0 -1
  92. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs +0 -36
  93. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu-separator.mjs.map +0 -1
  94. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs +0 -162
  95. package/fesm2022/fundamental-ngx-ui5-webcomponents-menu.mjs.map +0 -1
  96. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs +0 -137
  97. package/fesm2022/fundamental-ngx-ui5-webcomponents-message-strip.mjs.map +0 -1
  98. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs +0 -140
  99. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.mjs.map +0 -1
  100. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs +0 -70
  101. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.mjs.map +0 -1
  102. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs +0 -258
  103. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-combo-box.mjs.map +0 -1
  104. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs +0 -308
  105. package/fesm2022/fundamental-ngx-ui5-webcomponents-multi-input.mjs.map +0 -1
  106. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs +0 -102
  107. package/fesm2022/fundamental-ngx-ui5-webcomponents-option-custom.mjs.map +0 -1
  108. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs +0 -112
  109. package/fesm2022/fundamental-ngx-ui5-webcomponents-option.mjs.map +0 -1
  110. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs +0 -156
  111. package/fesm2022/fundamental-ngx-ui5-webcomponents-panel.mjs.map +0 -1
  112. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs +0 -226
  113. package/fesm2022/fundamental-ngx-ui5-webcomponents-popover.mjs.map +0 -1
  114. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs +0 -88
  115. package/fesm2022/fundamental-ngx-ui5-webcomponents-progress-indicator.mjs.map +0 -1
  116. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs +0 -175
  117. package/fesm2022/fundamental-ngx-ui5-webcomponents-radio-button.mjs.map +0 -1
  118. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs +0 -175
  119. package/fesm2022/fundamental-ngx-ui5-webcomponents-range-slider.mjs.map +0 -1
  120. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs +0 -130
  121. package/fesm2022/fundamental-ngx-ui5-webcomponents-rating-indicator.mjs.map +0 -1
  122. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs +0 -226
  123. package/fesm2022/fundamental-ngx-ui5-webcomponents-responsive-popover.mjs.map +0 -1
  124. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs +0 -130
  125. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button-item.mjs.map +0 -1
  126. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs +0 -164
  127. package/fesm2022/fundamental-ngx-ui5-webcomponents-segmented-button.mjs.map +0 -1
  128. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs +0 -279
  129. package/fesm2022/fundamental-ngx-ui5-webcomponents-select.mjs.map +0 -1
  130. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs +0 -170
  131. package/fesm2022/fundamental-ngx-ui5-webcomponents-slider.mjs.map +0 -1
  132. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs +0 -66
  133. package/fesm2022/fundamental-ngx-ui5-webcomponents-special-calendar-date.mjs.map +0 -1
  134. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs +0 -159
  135. package/fesm2022/fundamental-ngx-ui5-webcomponents-split-button.mjs.map +0 -1
  136. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs +0 -187
  137. package/fesm2022/fundamental-ngx-ui5-webcomponents-step-input.mjs.map +0 -1
  138. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs +0 -86
  139. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.mjs.map +0 -1
  140. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs +0 -140
  141. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item-group.mjs.map +0 -1
  142. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs +0 -65
  143. package/fesm2022/fundamental-ngx-ui5-webcomponents-suggestion-item.mjs.map +0 -1
  144. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs +0 -173
  145. package/fesm2022/fundamental-ngx-ui5-webcomponents-switch.mjs.map +0 -1
  146. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs +0 -179
  147. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-container.mjs.map +0 -1
  148. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs +0 -36
  149. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab-separator.mjs.map +0 -1
  150. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs +0 -134
  151. package/fesm2022/fundamental-ngx-ui5-webcomponents-tab.mjs.map +0 -1
  152. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs +0 -85
  153. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-cell.mjs.map +0 -1
  154. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs +0 -101
  155. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-growing.mjs.map +0 -1
  156. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs +0 -55
  157. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.mjs.map +0 -1
  158. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs +0 -145
  159. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-cell.mjs.map +0 -1
  160. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs +0 -89
  161. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-header-row.mjs.map +0 -1
  162. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs +0 -86
  163. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.mjs.map +0 -1
  164. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs +0 -98
  165. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row-action.mjs.map +0 -1
  166. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs +0 -117
  167. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-row.mjs.map +0 -1
  168. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs +0 -89
  169. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-multi.mjs.map +0 -1
  170. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs +0 -84
  171. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection-single.mjs.map +0 -1
  172. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs +0 -84
  173. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-selection.mjs.map +0 -1
  174. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs +0 -95
  175. package/fesm2022/fundamental-ngx-ui5-webcomponents-table-virtualizer.mjs.map +0 -1
  176. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs +0 -197
  177. package/fesm2022/fundamental-ngx-ui5-webcomponents-table.mjs.map +0 -1
  178. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs +0 -143
  179. package/fesm2022/fundamental-ngx-ui5-webcomponents-tag.mjs.map +0 -1
  180. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs +0 -247
  181. package/fesm2022/fundamental-ngx-ui5-webcomponents-text-area.mjs.map +0 -1
  182. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs +0 -90
  183. package/fesm2022/fundamental-ngx-ui5-webcomponents-text.mjs.map +0 -1
  184. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs +0 -23
  185. package/fesm2022/fundamental-ngx-ui5-webcomponents-theming.mjs.map +0 -1
  186. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs +0 -226
  187. package/fesm2022/fundamental-ngx-ui5-webcomponents-time-picker.mjs.map +0 -1
  188. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs +0 -104
  189. package/fesm2022/fundamental-ngx-ui5-webcomponents-title.mjs.map +0 -1
  190. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs +0 -120
  191. package/fesm2022/fundamental-ngx-ui5-webcomponents-toast.mjs.map +0 -1
  192. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs +0 -224
  193. package/fesm2022/fundamental-ngx-ui5-webcomponents-toggle-button.mjs.map +0 -1
  194. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs +0 -92
  195. package/fesm2022/fundamental-ngx-ui5-webcomponents-token.mjs.map +0 -1
  196. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs +0 -152
  197. package/fesm2022/fundamental-ngx-ui5-webcomponents-tokenizer.mjs.map +0 -1
  198. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs +0 -178
  199. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map +0 -1
  200. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs +0 -87
  201. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map +0 -1
  202. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs +0 -167
  203. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map +0 -1
  204. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs +0 -67
  205. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map +0 -1
  206. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs +0 -74
  207. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar-spacer.mjs.map +0 -1
  208. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs +0 -102
  209. package/fesm2022/fundamental-ngx-ui5-webcomponents-toolbar.mjs.map +0 -1
  210. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs +0 -224
  211. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item-custom.mjs.map +0 -1
  212. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs +0 -224
  213. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree-item.mjs.map +0 -1
  214. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs +0 -199
  215. package/fesm2022/fundamental-ngx-ui5-webcomponents-tree.mjs.map +0 -1
  216. package/types/fundamental-ngx-ui5-webcomponents-avatar-badge.d.ts +0 -33
  217. package/types/fundamental-ngx-ui5-webcomponents-avatar-group.d.ts +0 -97
  218. package/types/fundamental-ngx-ui5-webcomponents-avatar.d.ts +0 -135
  219. package/types/fundamental-ngx-ui5-webcomponents-bar.d.ts +0 -61
  220. package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs-item.d.ts +0 -63
  221. package/types/fundamental-ngx-ui5-webcomponents-breadcrumbs.d.ts +0 -58
  222. package/types/fundamental-ngx-ui5-webcomponents-busy-indicator.d.ts +0 -57
  223. package/types/fundamental-ngx-ui5-webcomponents-button-badge.d.ts +0 -29
  224. package/types/fundamental-ngx-ui5-webcomponents-button.d.ts +0 -149
  225. package/types/fundamental-ngx-ui5-webcomponents-calendar-date-range.d.ts +0 -24
  226. package/types/fundamental-ngx-ui5-webcomponents-calendar-date.d.ts +0 -19
  227. package/types/fundamental-ngx-ui5-webcomponents-calendar-legend-item.d.ts +0 -22
  228. package/types/fundamental-ngx-ui5-webcomponents-calendar-legend.d.ts +0 -53
  229. package/types/fundamental-ngx-ui5-webcomponents-calendar.d.ts +0 -112
  230. package/types/fundamental-ngx-ui5-webcomponents-card-header.d.ts +0 -62
  231. package/types/fundamental-ngx-ui5-webcomponents-card.d.ts +0 -63
  232. package/types/fundamental-ngx-ui5-webcomponents-carousel.d.ts +0 -114
  233. package/types/fundamental-ngx-ui5-webcomponents-check-box.d.ts +0 -108
  234. package/types/fundamental-ngx-ui5-webcomponents-color-palette-item.d.ts +0 -27
  235. package/types/fundamental-ngx-ui5-webcomponents-color-palette-popover.d.ts +0 -78
  236. package/types/fundamental-ngx-ui5-webcomponents-color-palette.d.ts +0 -42
  237. package/types/fundamental-ngx-ui5-webcomponents-color-picker.d.ts +0 -35
  238. package/types/fundamental-ngx-ui5-webcomponents-combo-box-item-group.d.ts +0 -75
  239. package/types/fundamental-ngx-ui5-webcomponents-combo-box-item.d.ts +0 -22
  240. package/types/fundamental-ngx-ui5-webcomponents-combo-box.d.ts +0 -138
  241. package/types/fundamental-ngx-ui5-webcomponents-date-picker.d.ts +0 -178
  242. package/types/fundamental-ngx-ui5-webcomponents-date-range-picker.d.ts +0 -197
  243. package/types/fundamental-ngx-ui5-webcomponents-date-time-picker.d.ts +0 -178
  244. package/types/fundamental-ngx-ui5-webcomponents-dialog.d.ts +0 -144
  245. package/types/fundamental-ngx-ui5-webcomponents-dynamic-date-range.d.ts +0 -29
  246. package/types/fundamental-ngx-ui5-webcomponents-expandable-text.d.ts +0 -30
  247. package/types/fundamental-ngx-ui5-webcomponents-file-uploader.d.ts +0 -136
  248. package/types/fundamental-ngx-ui5-webcomponents-form-group.d.ts +0 -59
  249. package/types/fundamental-ngx-ui5-webcomponents-form-item.d.ts +0 -48
  250. package/types/fundamental-ngx-ui5-webcomponents-form.d.ts +0 -113
  251. package/types/fundamental-ngx-ui5-webcomponents-icon.d.ts +0 -67
  252. package/types/fundamental-ngx-ui5-webcomponents-input.d.ts +0 -179
  253. package/types/fundamental-ngx-ui5-webcomponents-label.d.ts +0 -65
  254. package/types/fundamental-ngx-ui5-webcomponents-link.d.ts +0 -149
  255. package/types/fundamental-ngx-ui5-webcomponents-list-item-custom.d.ts +0 -99
  256. package/types/fundamental-ngx-ui5-webcomponents-list-item-group.d.ts +0 -75
  257. package/types/fundamental-ngx-ui5-webcomponents-list-item-standard.d.ts +0 -154
  258. package/types/fundamental-ngx-ui5-webcomponents-list.d.ts +0 -197
  259. package/types/fundamental-ngx-ui5-webcomponents-menu-item-group.d.ts +0 -42
  260. package/types/fundamental-ngx-ui5-webcomponents-menu-item.d.ts +0 -183
  261. package/types/fundamental-ngx-ui5-webcomponents-menu-separator.d.ts +0 -14
  262. package/types/fundamental-ngx-ui5-webcomponents-menu.d.ts +0 -94
  263. package/types/fundamental-ngx-ui5-webcomponents-message-strip.d.ts +0 -72
  264. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item-group.d.ts +0 -75
  265. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box-item.d.ts +0 -26
  266. package/types/fundamental-ngx-ui5-webcomponents-multi-combo-box.d.ts +0 -154
  267. package/types/fundamental-ngx-ui5-webcomponents-multi-input.d.ts +0 -196
  268. package/types/fundamental-ngx-ui5-webcomponents-option-custom.d.ts +0 -55
  269. package/types/fundamental-ngx-ui5-webcomponents-option.d.ts +0 -64
  270. package/types/fundamental-ngx-ui5-webcomponents-panel.d.ts +0 -87
  271. package/types/fundamental-ngx-ui5-webcomponents-popover.d.ts +0 -140
  272. package/types/fundamental-ngx-ui5-webcomponents-progress-indicator.d.ts +0 -42
  273. package/types/fundamental-ngx-ui5-webcomponents-radio-button.d.ts +0 -88
  274. package/types/fundamental-ngx-ui5-webcomponents-range-slider.d.ts +0 -86
  275. package/types/fundamental-ngx-ui5-webcomponents-rating-indicator.d.ts +0 -66
  276. package/types/fundamental-ngx-ui5-webcomponents-responsive-popover.d.ts +0 -140
  277. package/types/fundamental-ngx-ui5-webcomponents-segmented-button-item.d.ts +0 -79
  278. package/types/fundamental-ngx-ui5-webcomponents-segmented-button.d.ts +0 -81
  279. package/types/fundamental-ngx-ui5-webcomponents-select.d.ts +0 -155
  280. package/types/fundamental-ngx-ui5-webcomponents-slider.d.ts +0 -82
  281. package/types/fundamental-ngx-ui5-webcomponents-special-calendar-date.d.ts +0 -23
  282. package/types/fundamental-ngx-ui5-webcomponents-split-button.d.ts +0 -96
  283. package/types/fundamental-ngx-ui5-webcomponents-step-input.d.ts +0 -115
  284. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-custom.d.ts +0 -42
  285. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item-group.d.ts +0 -75
  286. package/types/fundamental-ngx-ui5-webcomponents-suggestion-item.d.ts +0 -22
  287. package/types/fundamental-ngx-ui5-webcomponents-switch.d.ts +0 -86
  288. package/types/fundamental-ngx-ui5-webcomponents-tab-container.d.ts +0 -108
  289. package/types/fundamental-ngx-ui5-webcomponents-tab-separator.d.ts +0 -14
  290. package/types/fundamental-ngx-ui5-webcomponents-tab.d.ts +0 -80
  291. package/types/fundamental-ngx-ui5-webcomponents-table-cell.d.ts +0 -41
  292. package/types/fundamental-ngx-ui5-webcomponents-table-growing.d.ts +0 -43
  293. package/types/fundamental-ngx-ui5-webcomponents-table-header-cell-action-a-i.d.ts +0 -19
  294. package/types/fundamental-ngx-ui5-webcomponents-table-header-cell.d.ts +0 -95
  295. package/types/fundamental-ngx-ui5-webcomponents-table-header-row.d.ts +0 -45
  296. package/types/fundamental-ngx-ui5-webcomponents-table-row-action-navigation.d.ts +0 -29
  297. package/types/fundamental-ngx-ui5-webcomponents-table-row-action.d.ts +0 -40
  298. package/types/fundamental-ngx-ui5-webcomponents-table-row.d.ts +0 -69
  299. package/types/fundamental-ngx-ui5-webcomponents-table-selection-multi.d.ts +0 -31
  300. package/types/fundamental-ngx-ui5-webcomponents-table-selection-single.d.ts +0 -27
  301. package/types/fundamental-ngx-ui5-webcomponents-table-selection.d.ts +0 -27
  302. package/types/fundamental-ngx-ui5-webcomponents-table-virtualizer.d.ts +0 -37
  303. package/types/fundamental-ngx-ui5-webcomponents-table.d.ts +0 -117
  304. package/types/fundamental-ngx-ui5-webcomponents-tag.d.ts +0 -76
  305. package/types/fundamental-ngx-ui5-webcomponents-text-area.d.ts +0 -150
  306. package/types/fundamental-ngx-ui5-webcomponents-text.d.ts +0 -45
  307. package/types/fundamental-ngx-ui5-webcomponents-theming.d.ts +0 -11
  308. package/types/fundamental-ngx-ui5-webcomponents-time-picker.d.ts +0 -130
  309. package/types/fundamental-ngx-ui5-webcomponents-title.d.ts +0 -58
  310. package/types/fundamental-ngx-ui5-webcomponents-toast.d.ts +0 -60
  311. package/types/fundamental-ngx-ui5-webcomponents-toggle-button.d.ts +0 -153
  312. package/types/fundamental-ngx-ui5-webcomponents-token.d.ts +0 -47
  313. package/types/fundamental-ngx-ui5-webcomponents-tokenizer.d.ts +0 -87
  314. package/types/fundamental-ngx-ui5-webcomponents-toolbar-button.d.ts +0 -112
  315. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select-option.d.ts +0 -43
  316. package/types/fundamental-ngx-ui5-webcomponents-toolbar-select.d.ts +0 -100
  317. package/types/fundamental-ngx-ui5-webcomponents-toolbar-separator.d.ts +0 -24
  318. package/types/fundamental-ngx-ui5-webcomponents-toolbar-spacer.d.ts +0 -30
  319. package/types/fundamental-ngx-ui5-webcomponents-toolbar.d.ts +0 -55
  320. package/types/fundamental-ngx-ui5-webcomponents-tree-item-custom.d.ts +0 -145
  321. package/types/fundamental-ngx-ui5-webcomponents-tree-item.d.ts +0 -148
  322. package/types/fundamental-ngx-ui5-webcomponents-tree.d.ts +0 -123
@@ -1,178 +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/ToolbarButton.js';
4
-
5
- class ToolbarButton {
6
- constructor() {
7
- /**
8
- * Defines if the action is disabled.
9
-
10
- **Note:** a disabled action can't be pressed or focused, and it is not in the tab chain.
11
- */
12
- this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
13
- /**
14
- * Defines the action design.
15
- */
16
- this.design = input("Default", ...(ngDevMode ? [{ debugName: "design" }] : []));
17
- /**
18
- * Defines the `icon` source URI.
19
-
20
- **Note:** SAP-icons font provides numerous buil-in icons. To find all the available icons, see the
21
- [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
22
- */
23
- this.icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
24
- /**
25
- * Defines the icon, displayed as graphical element within the component after the button text.
26
-
27
- **Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.
28
- Usage of `endIcon` only should be avoided.
29
-
30
- The SAP-icons font provides numerous options.
31
-
32
- Example:
33
- See all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
34
- */
35
- this.endIcon = input(...(ngDevMode ? [undefined, { debugName: "endIcon" }] : []));
36
- /**
37
- * Defines the tooltip of the component.
38
-
39
- **Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.
40
- */
41
- this.tooltip = input(...(ngDevMode ? [undefined, { debugName: "tooltip" }] : []));
42
- /**
43
- * Defines the accessible ARIA name of the component.
44
- */
45
- this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
46
- /**
47
- * Receives id(or many ids) of the elements that label the component.
48
- */
49
- this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
50
- /**
51
- * Defines the additional accessibility attributes that will be applied to the component.
52
-
53
- The following fields are supported:
54
-
55
- - **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.
56
- Accepts the following string values: `true` or `false`
57
-
58
- - **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.
59
- Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
60
-
61
- - **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
62
- Accepts a lowercase string value.
63
- */
64
- this.accessibilityAttributes = input({}, ...(ngDevMode ? [{ debugName: "accessibilityAttributes" }] : []));
65
- /**
66
- * Button text
67
- */
68
- this.text = input(...(ngDevMode ? [undefined, { debugName: "text" }] : []));
69
- /**
70
- * Defines whether the button text should only be displayed in the overflow popover.
71
-
72
- When set to `true`, the button appears as icon-only in the main toolbar,
73
- but shows both icon and text when moved to the overflow popover.
74
-
75
- **Note:** This property only takes effect when the `text` property is also set.
76
- */
77
- this.showOverflowText = input(false, { ...(ngDevMode ? { debugName: "showOverflowText" } : {}), transform: booleanAttribute });
78
- /**
79
- * Defines the width of the button.
80
-
81
- **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
82
- */
83
- this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
84
- /**
85
- * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
86
- the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
87
- */
88
- this.overflowPriority = input("Default", ...(ngDevMode ? [{ debugName: "overflowPriority" }] : []));
89
- /**
90
- * Defines if the toolbar overflow popup should close upon intereaction with the item.
91
- It will close by default.
92
- */
93
- this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : {}), transform: booleanAttribute }); // className is now passed
94
- /**
95
- * Fired when the component is activated either with a
96
- mouse/tap or by using the Enter or Space key.
97
-
98
- **Note:** The event will not be fired if the `disabled`
99
- property is set to `true`.
100
- */
101
- this.ui5Click = output();
102
- this.elementRef = inject(ElementRef);
103
- this.injector = inject(Injector);
104
- }
105
- get element() {
106
- return this.elementRef.nativeElement;
107
- }
108
- ngAfterViewInit() {
109
- const wcElement = this.element;
110
- const inputsToSync = [
111
- 'disabled',
112
- 'design',
113
- 'icon',
114
- 'endIcon',
115
- 'tooltip',
116
- 'accessibleName',
117
- 'accessibleNameRef',
118
- 'accessibilityAttributes',
119
- 'text',
120
- 'showOverflowText',
121
- 'width',
122
- 'overflowPriority',
123
- 'preventOverflowClosing',
124
- ];
125
- // Synchronize inputs (properties)
126
- for (const inputName of inputsToSync) {
127
- // Find the corresponding camelCase signal property on the Angular component
128
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
129
- // Use the Injector to run the effect in the correct context
130
- if (this[signalName] && typeof this[signalName] === 'function') {
131
- runInInjectionContext(this.injector, () => {
132
- effect(() => {
133
- // Read the signal value
134
- const value = this[signalName]();
135
- if (wcElement) {
136
- // Write the value to the Web Component's property
137
- wcElement[inputName] = value;
138
- }
139
- });
140
- });
141
- }
142
- }
143
- const outputsToSync = [
144
- 'ui5Click',
145
- ];
146
- // Synchronize outputs (events)
147
- for (const outputName of outputsToSync) {
148
- // Map Angular output name to UI5 web component event name
149
- const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
150
- // Ensure the output property exists and has an emit function before adding listener
151
- if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
152
- // Cast the listener to the correct type to satisfy TypeScript
153
- wcElement.addEventListener(eventName, (e) => {
154
- this[outputName].emit(e);
155
- });
156
- }
157
- }
158
- }
159
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarButton, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
160
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToolbarButton, isStandalone: true, selector: "ui5-toolbar-button, [ui5-toolbar-button]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, design: { classPropertyName: "design", publicName: "design", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, endIcon: { classPropertyName: "endIcon", publicName: "endIcon", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, accessibilityAttributes: { classPropertyName: "accessibilityAttributes", publicName: "accessibilityAttributes", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, showOverflowText: { classPropertyName: "showOverflowText", publicName: "showOverflowText", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Click: "ui5Click" }, exportAs: ["ui5ToolbarButton"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
161
- }
162
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarButton, decorators: [{
163
- type: Component,
164
- args: [{
165
- standalone: true,
166
- selector: 'ui5-toolbar-button, [ui5-toolbar-button]',
167
- template: '<ng-content></ng-content>',
168
- exportAs: 'ui5ToolbarButton',
169
- changeDetection: ChangeDetectionStrategy.OnPush,
170
- }]
171
- }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], design: [{ type: i0.Input, args: [{ isSignal: true, alias: "design", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], endIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "endIcon", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], accessibilityAttributes: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibilityAttributes", required: false }] }], text: [{ type: i0.Input, args: [{ isSignal: true, alias: "text", required: false }] }], showOverflowText: [{ type: i0.Input, args: [{ isSignal: true, alias: "showOverflowText", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], ui5Click: [{ type: i0.Output, args: ["ui5Click"] }] } });
172
-
173
- /**
174
- * Generated bundle index. Do not edit.
175
- */
176
-
177
- export { ToolbarButton };
178
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-button.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-button.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-button/index.ts","../../../../libs/ui5-webcomponents/toolbar-button/fundamental-ngx-ui5-webcomponents-toolbar-button.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/ToolbarButton.js';\nimport { default as _ToolbarButton } from '@ui5/webcomponents/dist/ToolbarButton.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as ButtonDesign } from '@ui5/webcomponents/dist/types/ButtonDesign.js';\nimport { ToolbarButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/ToolbarButton.js';\nimport { default as ToolbarItemOverflowBehavior } from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-button, [ui5-toolbar-button]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarButton',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarButton implements AfterViewInit {\n\n /**\n * Defines if the action is disabled.\n\n**Note:** a disabled action can't be pressed or focused, and it is not in the tab chain.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the action design.\n */\n design = input<typeof _ToolbarButton.prototype.design | undefined>(\"Default\");\n\n /**\n * Defines the `icon` source URI.\n\n**Note:** SAP-icons font provides numerous buil-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 _ToolbarButton.prototype.icon | undefined>();\n\n /**\n * Defines the icon, displayed as graphical element within the component after the button text.\n\n**Note:** It is highly recommended to use `endIcon` property only together with `icon` and/or `text` properties.\nUsage of `endIcon` only should be avoided.\n\nThe SAP-icons font provides numerous options.\n\nExample:\nSee all the available icons within the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n */\n endIcon = input<typeof _ToolbarButton.prototype.endIcon | undefined>();\n\n /**\n * Defines the tooltip of the component.\n\n**Note:** A tooltip attribute should be provided for icon-only buttons, in order to represent their exact meaning/function.\n */\n tooltip = input<typeof _ToolbarButton.prototype.tooltip | undefined>();\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _ToolbarButton.prototype.accessibleName | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that label the component.\n */\n accessibleNameRef = input<typeof _ToolbarButton.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines the additional accessibility attributes that will be applied to the component.\n\nThe following fields are supported:\n\n- **expanded**: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed.\nAccepts the following string values: `true` or `false`\n\n- **hasPopup**: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button.\nAccepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.\n\n- **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.\nAccepts a lowercase string value.\n */\n accessibilityAttributes = input<typeof _ToolbarButton.prototype.accessibilityAttributes | undefined>({});\n\n /**\n * Button text\n */\n text = input<typeof _ToolbarButton.prototype.text | undefined>();\n\n /**\n * Defines whether the button text should only be displayed in the overflow popover.\n\nWhen set to `true`, the button appears as icon-only in the main toolbar,\nbut shows both icon and text when moved to the overflow popover.\n\n**Note:** This property only takes effect when the `text` property is also set.\n */\n showOverflowText = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the width of the button.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.\n */\n width = input<typeof _ToolbarButton.prototype.width | undefined>();\n\n /**\n * Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.\n */\n overflowPriority = input<typeof _ToolbarButton.prototype.overflowPriority | undefined>(\"Default\");\n\n /**\n * Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.\n */\n preventOverflowClosing = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when the component is activated either with a\nmouse/tap or by using the Enter or Space key.\n\n**Note:** The event will not be fired if the `disabled`\nproperty is set to `true`.\n */\n ui5Click = output<UI5CustomEvent<_ToolbarButton, 'click'>>();\n\n\n public elementRef: ElementRef<_ToolbarButton> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ToolbarButton {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'disabled',\n 'design',\n 'icon',\n 'endIcon',\n 'tooltip',\n 'accessibleName',\n 'accessibleNameRef',\n 'accessibilityAttributes',\n 'text',\n 'showOverflowText',\n 'width',\n 'overflowPriority',\n 'preventOverflowClosing',\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// Re-export types for convenience\nexport { ToolbarButtonAccessibilityAttributes } from '@ui5/webcomponents/dist/ToolbarButton.js';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,87 +0,0 @@
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/ToolbarSelectOption.js';
4
-
5
- class ToolbarSelectOption {
6
- constructor() {
7
- /**
8
- * Defines the selected state of the component.
9
- */
10
- this.selected = input(false, { ...(ngDevMode ? { debugName: "selected" } : {}), transform: booleanAttribute }); // className is now passed
11
- /**
12
- * Available slots for content projection in this component.
13
- *
14
- * Slots allow you to insert custom content into predefined areas of the web component.
15
- * Use the `slot` attribute on child elements to target specific slots.
16
- *
17
- * - **(default)**: Defines the text of the component.
18
-
19
- **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
20
- *
21
- * @example
22
- * ```html
23
- * <ui5-toolbar-select-option>
24
- * <div slot="header">Custom header content</div>
25
- * <p>Default slot content</p>
26
- * </ui5-toolbar-select-option>
27
- * ```
28
- *
29
- * @readonly
30
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
31
- */
32
- this.slots = [
33
- {
34
- "name": "default",
35
- "description": "Defines the text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design."
36
- }
37
- ];
38
- this.elementRef = inject(ElementRef);
39
- this.injector = inject(Injector);
40
- }
41
- get element() {
42
- return this.elementRef.nativeElement;
43
- }
44
- ngAfterViewInit() {
45
- const wcElement = this.element;
46
- const inputsToSync = [
47
- 'selected',
48
- ];
49
- // Synchronize inputs (properties)
50
- for (const inputName of inputsToSync) {
51
- // Find the corresponding camelCase signal property on the Angular component
52
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
53
- // Use the Injector to run the effect in the correct context
54
- if (this[signalName] && typeof this[signalName] === 'function') {
55
- runInInjectionContext(this.injector, () => {
56
- effect(() => {
57
- // Read the signal value
58
- const value = this[signalName]();
59
- if (wcElement) {
60
- // Write the value to the Web Component's property
61
- wcElement[inputName] = value;
62
- }
63
- });
64
- });
65
- }
66
- }
67
- }
68
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarSelectOption, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
69
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToolbarSelectOption, isStandalone: true, selector: "ui5-toolbar-select-option, [ui5-toolbar-select-option]", inputs: { selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5ToolbarSelectOption"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
70
- }
71
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarSelectOption, decorators: [{
72
- type: Component,
73
- args: [{
74
- standalone: true,
75
- selector: 'ui5-toolbar-select-option, [ui5-toolbar-select-option]',
76
- template: '<ng-content></ng-content>',
77
- exportAs: 'ui5ToolbarSelectOption',
78
- changeDetection: ChangeDetectionStrategy.OnPush,
79
- }]
80
- }], propDecorators: { selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }] } });
81
-
82
- /**
83
- * Generated bundle index. Do not edit.
84
- */
85
-
86
- export { ToolbarSelectOption };
87
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-select-option.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-select-option/index.ts","../../../../libs/ui5-webcomponents/toolbar-select-option/fundamental-ngx-ui5-webcomponents-toolbar-select-option.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/ToolbarSelectOption.js';\nimport { default as _ToolbarSelectOption } from '@ui5/webcomponents/dist/ToolbarSelectOption.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\n\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-select-option, [ui5-toolbar-select-option]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarSelectOption',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarSelectOption implements AfterViewInit {\n\n /**\n * Defines the selected state of the component.\n */\n selected = 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 text of the component.\n\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n *\n * @example\n * ```html\n * <ui5-toolbar-select-option>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toolbar-select-option>\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 text of the component.\\n\\n**Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\"\n }\n ];\n\n\n public elementRef: ElementRef<_ToolbarSelectOption> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ToolbarSelectOption {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'selected',\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":";;;;MA6Ba,mBAAmB,CAAA;AAPhC,IAAA,WAAA,GAAA;AASE;;AAEG;QACH,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG,CAAC;AAKzD;;;;;;;;;;;;;;;;;;;;AAoBG;AACM,QAAA,IAAA,CAAA,KAAK,GAAG;AACb,YAAA;AACI,gBAAA,MAAM,EAAE,SAAS;AACjB,gBAAA,aAAa,EAAE;AAClB;SACJ;AAGM,QAAA,IAAA,CAAA,UAAU,GAAqC,MAAM,CAAC,UAAU,CAAC;AACjE,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAqCnC,IAAA;AAnCC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAE9B,QAAA,MAAM,YAAY,GAAG;YACnB,UAAU;SACX;;AAGD,QAAA,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;;YAEpC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;AAG9E,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC9D,gBAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;oBACxC,MAAM,CAAC,MAAK;;AAEV,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;AAEb,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;IAKF;8GA5EW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,qSAJpB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,wDAAwD;AAClE,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,wBAAwB;oBAClC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC5BD;;AAEG;;;;"}
@@ -1,167 +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/ToolbarSelect.js';
4
-
5
- class ToolbarSelect {
6
- constructor() {
7
- /**
8
- * Defines the width of the select.
9
-
10
- **Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.
11
- */
12
- this.width = input(...(ngDevMode ? [undefined, { debugName: "width" }] : []));
13
- /**
14
- * Defines the value state of the component.
15
- */
16
- this.valueState = input("None", ...(ngDevMode ? [{ debugName: "valueState" }] : []));
17
- /**
18
- * Defines whether the component is in disabled state.
19
-
20
- **Note:** A disabled component is noninteractive.
21
- */
22
- this.disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
23
- /**
24
- * Defines the accessible ARIA name of the component.
25
- */
26
- this.accessibleName = input(...(ngDevMode ? [undefined, { debugName: "accessibleName" }] : []));
27
- /**
28
- * Receives id(or many ids) of the elements that label the select.
29
- */
30
- this.accessibleNameRef = input(...(ngDevMode ? [undefined, { debugName: "accessibleNameRef" }] : []));
31
- /**
32
- * Defines the value of the component:
33
- */
34
- this.value = input("", ...(ngDevMode ? [{ debugName: "value" }] : []));
35
- /**
36
- * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
37
- the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
38
- */
39
- this.overflowPriority = input("Default", ...(ngDevMode ? [{ debugName: "overflowPriority" }] : []));
40
- /**
41
- * Defines if the toolbar overflow popup should close upon intereaction with the item.
42
- It will close by default.
43
- */
44
- this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : {}), transform: booleanAttribute }); // className is now passed
45
- /**
46
- * Fired when the selected option changes.
47
- */
48
- this.ui5Change = output();
49
- /**
50
- * Fired after the component's dropdown menu opens.
51
- */
52
- this.ui5Open = output();
53
- /**
54
- * Fired after the component's dropdown menu closes.
55
- */
56
- this.ui5Close = output();
57
- /**
58
- * Available slots for content projection in this component.
59
- *
60
- * Slots allow you to insert custom content into predefined areas of the web component.
61
- * Use the `slot` attribute on child elements to target specific slots.
62
- *
63
- * - **(default)**: Defines the component options.
64
-
65
- **Note:** Only one selected option is allowed.
66
- If more than one option is defined as selected, the last one would be considered as the selected one.
67
-
68
- **Note:** Use the `ui5-toolbar-select-option` component to define the desired options.
69
- * - **label**: Defines the HTML element that will be displayed in the component input part,
70
- representing the selected option.
71
- *
72
- * @example
73
- * ```html
74
- * <ui5-toolbar-select>
75
- * <div slot="header">Custom header content</div>
76
- * <p>Default slot content</p>
77
- * </ui5-toolbar-select>
78
- * ```
79
- *
80
- * @readonly
81
- * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_templates_and_slots | MDN Web Components Slots}
82
- */
83
- this.slots = [
84
- {
85
- "name": "default",
86
- "description": "Defines the component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options."
87
- },
88
- {
89
- "name": "label",
90
- "description": "Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.",
91
- "since": "2.15.0"
92
- }
93
- ];
94
- this.elementRef = inject(ElementRef);
95
- this.injector = inject(Injector);
96
- }
97
- get element() {
98
- return this.elementRef.nativeElement;
99
- }
100
- ngAfterViewInit() {
101
- const wcElement = this.element;
102
- const inputsToSync = [
103
- 'width',
104
- 'valueState',
105
- 'disabled',
106
- 'accessibleName',
107
- 'accessibleNameRef',
108
- 'value',
109
- 'overflowPriority',
110
- 'preventOverflowClosing',
111
- ];
112
- // Synchronize inputs (properties)
113
- for (const inputName of inputsToSync) {
114
- // Find the corresponding camelCase signal property on the Angular component
115
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
116
- // Use the Injector to run the effect in the correct context
117
- if (this[signalName] && typeof this[signalName] === 'function') {
118
- runInInjectionContext(this.injector, () => {
119
- effect(() => {
120
- // Read the signal value
121
- const value = this[signalName]();
122
- if (wcElement) {
123
- // Write the value to the Web Component's property
124
- wcElement[inputName] = value;
125
- }
126
- });
127
- });
128
- }
129
- }
130
- const outputsToSync = [
131
- 'ui5Change',
132
- 'ui5Open',
133
- 'ui5Close',
134
- ];
135
- // Synchronize outputs (events)
136
- for (const outputName of outputsToSync) {
137
- // Map Angular output name to UI5 web component event name
138
- const eventName = outputName.replace('ui5', '').replace(/([A-Z])/g, '-$1').toLowerCase().substring(1);
139
- // Ensure the output property exists and has an emit function before adding listener
140
- if (this[outputName] && typeof this[outputName].emit === 'function' && wcElement.addEventListener) {
141
- // Cast the listener to the correct type to satisfy TypeScript
142
- wcElement.addEventListener(eventName, (e) => {
143
- this[outputName].emit(e);
144
- });
145
- }
146
- }
147
- }
148
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarSelect, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
149
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToolbarSelect, isStandalone: true, selector: "ui5-toolbar-select, [ui5-toolbar-select]", inputs: { width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, valueState: { classPropertyName: "valueState", publicName: "valueState", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, accessibleName: { classPropertyName: "accessibleName", publicName: "accessibleName", isSignal: true, isRequired: false, transformFunction: null }, accessibleNameRef: { classPropertyName: "accessibleNameRef", publicName: "accessibleNameRef", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ui5Change: "ui5Change", ui5Open: "ui5Open", ui5Close: "ui5Close" }, exportAs: ["ui5ToolbarSelect"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
150
- }
151
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarSelect, decorators: [{
152
- type: Component,
153
- args: [{
154
- standalone: true,
155
- selector: 'ui5-toolbar-select, [ui5-toolbar-select]',
156
- template: '<ng-content></ng-content>',
157
- exportAs: 'ui5ToolbarSelect',
158
- changeDetection: ChangeDetectionStrategy.OnPush,
159
- }]
160
- }], propDecorators: { width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], valueState: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueState", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], accessibleName: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleName", required: false }] }], accessibleNameRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "accessibleNameRef", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }], ui5Change: [{ type: i0.Output, args: ["ui5Change"] }], ui5Open: [{ type: i0.Output, args: ["ui5Open"] }], ui5Close: [{ type: i0.Output, args: ["ui5Close"] }] } });
161
-
162
- /**
163
- * Generated bundle index. Do not edit.
164
- */
165
-
166
- export { ToolbarSelect };
167
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-select.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-select.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-select/index.ts","../../../../libs/ui5-webcomponents/toolbar-select/fundamental-ngx-ui5-webcomponents-toolbar-select.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/ToolbarSelect.js';\nimport { default as _ToolbarSelect } from '@ui5/webcomponents/dist/ToolbarSelect.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as ValueState } from '@ui5/webcomponents-base/dist/types/ValueState.js';\nimport { default as ToolbarItemOverflowBehavior } from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-select, [ui5-toolbar-select]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarSelect',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarSelect implements AfterViewInit {\n\n /**\n * Defines the width of the select.\n\n**Note:** all CSS sizes are supported - 'percentage', 'px', 'rem', 'auto', etc.\n */\n width = input<typeof _ToolbarSelect.prototype.width | undefined>();\n\n /**\n * Defines the value state of the component.\n */\n valueState = input<typeof _ToolbarSelect.prototype.valueState | undefined>(\"None\");\n\n /**\n * Defines whether the component is in disabled state.\n\n**Note:** A disabled component is noninteractive.\n */\n disabled = input(false, { transform: booleanAttribute });\n\n /**\n * Defines the accessible ARIA name of the component.\n */\n accessibleName = input<typeof _ToolbarSelect.prototype.accessibleName | undefined>();\n\n /**\n * Receives id(or many ids) of the elements that label the select.\n */\n accessibleNameRef = input<typeof _ToolbarSelect.prototype.accessibleNameRef | undefined>();\n\n /**\n * Defines the value of the component:\n */\n value = input<typeof _ToolbarSelect.prototype.value | undefined>(\"\");\n\n /**\n * Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.\n */\n overflowPriority = input<typeof _ToolbarSelect.prototype.overflowPriority | undefined>(\"Default\");\n\n /**\n * Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.\n */\n preventOverflowClosing = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n /**\n * Fired when the selected option changes.\n */\n ui5Change = output<UI5CustomEvent<_ToolbarSelect, 'change'>>();\n\n /**\n * Fired after the component's dropdown menu opens.\n */\n ui5Open = output<UI5CustomEvent<_ToolbarSelect, 'open'>>();\n\n /**\n * Fired after the component's dropdown menu closes.\n */\n ui5Close = output<UI5CustomEvent<_ToolbarSelect, 'close'>>();\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 component options.\n\n**Note:** Only one selected option is allowed.\nIf more than one option is defined as selected, the last one would be considered as the selected one.\n\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.\n * - **label**: Defines the HTML element that will be displayed in the component input part,\nrepresenting the selected option.\n *\n * @example\n * ```html\n * <ui5-toolbar-select>\n * <div slot=\"header\">Custom header content</div>\n * <p>Default slot content</p>\n * </ui5-toolbar-select>\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 component options.\\n\\n**Note:** Only one selected option is allowed.\\nIf more than one option is defined as selected, the last one would be considered as the selected one.\\n\\n**Note:** Use the `ui5-toolbar-select-option` component to define the desired options.\"\n },\n {\n \"name\": \"label\",\n \"description\": \"Defines the HTML element that will be displayed in the component input part,\\nrepresenting the selected option.\",\n \"since\": \"2.15.0\"\n }\n ];\n\n\n public elementRef: ElementRef<_ToolbarSelect> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ToolbarSelect {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'width',\n 'valueState',\n 'disabled',\n 'accessibleName',\n 'accessibleNameRef',\n 'value',\n 'overflowPriority',\n 'preventOverflowClosing',\n ];\n \n // Synchronize inputs (properties)\n for (const inputName of inputsToSync) {\n // Find the corresponding camelCase signal property on the Angular component\n const signalName = inputName.replace(/-./g, (x: string) => x[1].toUpperCase());\n\n // Use the Injector to run the effect in the correct context\n if (this[signalName] && typeof this[signalName] === 'function') {\n runInInjectionContext(this.injector, () => {\n effect(() => {\n // Read the signal value\n const value = this[signalName]();\n if (wcElement) {\n // Write the value to the Web Component's property\n wcElement[inputName] = value;\n }\n });\n });\n }\n }\n \n \n const outputsToSync = [\n 'ui5Change',\n 'ui5Open',\n 'ui5Close',\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,67 +0,0 @@
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/ToolbarSeparator.js';
4
-
5
- class ToolbarSeparator {
6
- constructor() {
7
- /**
8
- * Property used to define the access of the item to the overflow Popover. If "NeverOverflow" option is set,
9
- the item never goes in the Popover, if "AlwaysOverflow" - it never comes out of it.
10
- */
11
- this.overflowPriority = input("Default", ...(ngDevMode ? [{ debugName: "overflowPriority" }] : []));
12
- /**
13
- * Defines if the toolbar overflow popup should close upon intereaction with the item.
14
- It will close by default.
15
- */
16
- this.preventOverflowClosing = input(false, { ...(ngDevMode ? { debugName: "preventOverflowClosing" } : {}), transform: booleanAttribute }); // className is now passed
17
- this.elementRef = inject(ElementRef);
18
- this.injector = inject(Injector);
19
- }
20
- get element() {
21
- return this.elementRef.nativeElement;
22
- }
23
- ngAfterViewInit() {
24
- const wcElement = this.element;
25
- const inputsToSync = [
26
- 'overflowPriority',
27
- 'preventOverflowClosing',
28
- ];
29
- // Synchronize inputs (properties)
30
- for (const inputName of inputsToSync) {
31
- // Find the corresponding camelCase signal property on the Angular component
32
- const signalName = inputName.replace(/-./g, (x) => x[1].toUpperCase());
33
- // Use the Injector to run the effect in the correct context
34
- if (this[signalName] && typeof this[signalName] === 'function') {
35
- runInInjectionContext(this.injector, () => {
36
- effect(() => {
37
- // Read the signal value
38
- const value = this[signalName]();
39
- if (wcElement) {
40
- // Write the value to the Web Component's property
41
- wcElement[inputName] = value;
42
- }
43
- });
44
- });
45
- }
46
- }
47
- }
48
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
49
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: ToolbarSeparator, isStandalone: true, selector: "ui5-toolbar-separator, [ui5-toolbar-separator]", inputs: { overflowPriority: { classPropertyName: "overflowPriority", publicName: "overflowPriority", isSignal: true, isRequired: false, transformFunction: null }, preventOverflowClosing: { classPropertyName: "preventOverflowClosing", publicName: "preventOverflowClosing", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["ui5ToolbarSeparator"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
50
- }
51
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ToolbarSeparator, decorators: [{
52
- type: Component,
53
- args: [{
54
- standalone: true,
55
- selector: 'ui5-toolbar-separator, [ui5-toolbar-separator]',
56
- template: '<ng-content></ng-content>',
57
- exportAs: 'ui5ToolbarSeparator',
58
- changeDetection: ChangeDetectionStrategy.OnPush,
59
- }]
60
- }], propDecorators: { overflowPriority: [{ type: i0.Input, args: [{ isSignal: true, alias: "overflowPriority", required: false }] }], preventOverflowClosing: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventOverflowClosing", required: false }] }] } });
61
-
62
- /**
63
- * Generated bundle index. Do not edit.
64
- */
65
-
66
- export { ToolbarSeparator };
67
- //# sourceMappingURL=fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fundamental-ngx-ui5-webcomponents-toolbar-separator.mjs","sources":["../../../../libs/ui5-webcomponents/toolbar-separator/index.ts","../../../../libs/ui5-webcomponents/toolbar-separator/fundamental-ngx-ui5-webcomponents-toolbar-separator.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/ToolbarSeparator.js';\nimport { default as _ToolbarSeparator } from '@ui5/webcomponents/dist/ToolbarSeparator.js';\nimport { UI5CustomEvent } from '@ui5/webcomponents-base';\n\nimport { default as ToolbarItemOverflowBehavior } from '@ui5/webcomponents/dist/types/ToolbarItemOverflowBehavior.js';\n\n@Component({\n standalone: true,\n selector: 'ui5-toolbar-separator, [ui5-toolbar-separator]',\n template: '<ng-content></ng-content>',\n exportAs: 'ui5ToolbarSeparator',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarSeparator implements AfterViewInit {\n\n /**\n * Property used to define the access of the item to the overflow Popover. If \"NeverOverflow\" option is set,\nthe item never goes in the Popover, if \"AlwaysOverflow\" - it never comes out of it.\n */\n overflowPriority = input<typeof _ToolbarSeparator.prototype.overflowPriority | undefined>(\"Default\");\n\n /**\n * Defines if the toolbar overflow popup should close upon intereaction with the item.\nIt will close by default.\n */\n preventOverflowClosing = input(false, { transform: booleanAttribute }); // className is now passed\n\n\n\n\n\n public elementRef: ElementRef<_ToolbarSeparator> = inject(ElementRef);\n public injector = inject(Injector);\n\n get element(): _ToolbarSeparator {\n return this.elementRef.nativeElement;\n }\n\n ngAfterViewInit(): void {\n const wcElement = this.element;\n \n const inputsToSync = [\n 'overflowPriority',\n 'preventOverflowClosing',\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":";;;;MA6Ba,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;AASE;;;AAGG;AACH,QAAA,IAAA,CAAA,gBAAgB,GAAG,KAAK,CAAkE,SAAS,4DAAC;AAEpG;;;AAGG;QACH,IAAA,CAAA,sBAAsB,GAAG,KAAK,CAAC,KAAK,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,wBAAA,EAAA,GAAA,EAAA,CAAA,EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG,CAAC;AAMhE,QAAA,IAAA,CAAA,UAAU,GAAkC,MAAM,CAAC,UAAU,CAAC;AAC9D,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;AAsCnC,IAAA;AApCC,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa;IACtC;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO;AAE9B,QAAA,MAAM,YAAY,GAAG;YACnB,kBAAkB;YAClB,wBAAwB;SACzB;;AAGD,QAAA,KAAK,MAAM,SAAS,IAAI,YAAY,EAAE;;YAEpC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;AAG9E,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,UAAU,EAAE;AAC9D,gBAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;oBACxC,MAAM,CAAC,MAAK;;AAEV,wBAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,EAAE;wBAChC,IAAI,SAAS,EAAE;;AAEb,4BAAA,SAAS,CAAC,SAAS,CAAC,GAAG,KAAK;wBAC9B;AACF,oBAAA,CAAC,CAAC;AACJ,gBAAA,CAAC,CAAC;YACJ;QACF;IAKF;8GAxDW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,6dAJjB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAI1B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,gDAAgD;AAC1D,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;;AC5BD;;AAEG;;;;"}