@siemens/ix 0.0.0-pr-2155-20250924075220 → 0.0.0-pr-2166-20251001083917

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 (786) hide show
  1. package/components/index.js +1 -1
  2. package/components/index.js.map +1 -1
  3. package/components/ix-action-card.js +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +4 -4
  6. package/components/ix-application.js +1 -1
  7. package/components/ix-avatar.js +1 -1
  8. package/components/ix-basic-navigation.js +6 -6
  9. package/components/ix-blind.js +1 -1
  10. package/components/ix-breadcrumb-item.js +1 -1
  11. package/components/ix-breadcrumb.js +9 -9
  12. package/components/ix-breadcrumb.js.map +1 -1
  13. package/components/ix-card-list.js +8 -8
  14. package/components/ix-card-list.js.map +1 -1
  15. package/components/ix-category-filter.js +14 -23
  16. package/components/ix-category-filter.js.map +1 -1
  17. package/components/ix-checkbox-group.js +4 -4
  18. package/components/ix-checkbox.js +1 -1
  19. package/components/ix-chip.js +12 -13
  20. package/components/ix-chip.js.map +1 -1
  21. package/components/ix-content-header.js +2 -2
  22. package/components/ix-custom-field.js +4 -4
  23. package/components/ix-date-dropdown.js +18 -18
  24. package/components/ix-date-dropdown.js.map +1 -1
  25. package/components/ix-date-input.js +10 -10
  26. package/components/ix-date-input.js.map +1 -1
  27. package/components/ix-date-picker.js +1 -1
  28. package/components/ix-date-time-card.js +1 -1
  29. package/components/ix-datetime-picker.js +12 -33
  30. package/components/ix-datetime-picker.js.map +1 -1
  31. package/components/ix-drawer.js +7 -6
  32. package/components/ix-drawer.js.map +1 -1
  33. package/components/ix-dropdown-button.js +2 -2
  34. package/components/ix-dropdown-header.js +1 -1
  35. package/components/ix-dropdown.js +1 -1
  36. package/components/ix-empty-state.js +1 -1
  37. package/components/ix-event-list-item.js.map +1 -1
  38. package/components/ix-event-list.js +4 -4
  39. package/components/ix-event-list.js.map +1 -1
  40. package/components/ix-expanding-search.js +1 -1
  41. package/components/ix-field-label.js +1 -1
  42. package/components/ix-field-wrapper.js +1 -1
  43. package/components/ix-filter-chip.js +1 -1
  44. package/components/ix-flip-tile.js +1 -1
  45. package/components/ix-group-context-menu.js +1 -1
  46. package/components/ix-group-item.js +1 -1
  47. package/components/ix-group.js +23 -23
  48. package/components/ix-group.js.map +1 -1
  49. package/components/ix-helper-text.js +2 -2
  50. package/components/ix-icon-button.js +1 -1
  51. package/components/ix-icon-toggle-button.js +1 -1
  52. package/components/ix-input.js +9 -9
  53. package/components/ix-key-value-list.js +1 -1
  54. package/components/ix-key-value.js +1 -1
  55. package/components/ix-kpi.js +3 -3
  56. package/components/ix-layout-auto.js +1 -1
  57. package/components/ix-layout-grid.js +1 -1
  58. package/components/ix-link-button.js +3 -3
  59. package/components/ix-map-navigation-overlay.js +1 -1
  60. package/components/ix-map-navigation.js +9 -8
  61. package/components/ix-map-navigation.js.map +1 -1
  62. package/components/ix-menu-about-item.js +1 -1
  63. package/components/ix-menu-about-news.js +8 -8
  64. package/components/ix-menu-about-news.js.map +1 -1
  65. package/components/ix-menu-about.js +2 -2
  66. package/components/ix-menu-avatar-item.js +1 -1
  67. package/components/ix-menu-avatar.js +12 -12
  68. package/components/ix-menu-avatar.js.map +1 -1
  69. package/components/ix-menu-category.js +9 -9
  70. package/components/ix-menu-expand-icon.js +1 -1
  71. package/components/ix-menu-item.js +1 -1
  72. package/components/ix-menu-settings-item.js +1 -1
  73. package/components/ix-menu-settings.js +1 -1
  74. package/components/ix-menu.js +29 -29
  75. package/components/ix-menu.js.map +1 -1
  76. package/components/ix-message-bar.js +6 -8
  77. package/components/ix-message-bar.js.map +1 -1
  78. package/components/ix-modal-content.js +1 -1
  79. package/components/ix-modal-footer.js +1 -1
  80. package/components/ix-modal-header.js +1 -1
  81. package/components/ix-modal-loading.js +1 -1
  82. package/components/ix-modal.js +16 -16
  83. package/components/ix-modal.js.map +1 -1
  84. package/components/ix-number-input.js +11 -11
  85. package/components/ix-pagination.js +20 -21
  86. package/components/ix-pagination.js.map +1 -1
  87. package/components/ix-pane-layout.js +1 -1
  88. package/components/ix-pane.js +9 -9
  89. package/components/ix-pane.js.map +1 -1
  90. package/components/ix-pill.js +2 -2
  91. package/components/ix-progress-indicator.js +2 -2
  92. package/components/ix-push-card.js +5 -5
  93. package/components/ix-push-card.js.map +1 -1
  94. package/components/ix-radio-group.js +4 -4
  95. package/components/ix-radio.js +1 -1
  96. package/components/ix-select.js +1 -1
  97. package/components/ix-slider.js +3 -3
  98. package/components/ix-slider.js.map +1 -1
  99. package/components/ix-split-button.js +2 -2
  100. package/components/ix-textarea.js +6 -6
  101. package/components/ix-time-input.js +9 -9
  102. package/components/ix-time-input.js.map +1 -1
  103. package/components/ix-time-picker.js +1 -1
  104. package/components/ix-toast-container.js +8 -8
  105. package/components/ix-toast-container.js.map +1 -1
  106. package/components/ix-toast.js +1 -1
  107. package/components/ix-toggle.js +4 -4
  108. package/components/ix-tooltip.js +1 -1
  109. package/components/ix-tree-item.js +1 -1
  110. package/components/ix-tree.js +2 -2
  111. package/components/ix-typography.js +1 -1
  112. package/components/ix-upload.js +5 -5
  113. package/components/ix-upload.js.map +1 -1
  114. package/components/ix-workflow-step.js +3 -3
  115. package/components/ix-workflow-steps.js +1 -1
  116. package/components/{p-BFuOBAQB.js → p-7-Wnr7e5.js} +6 -12
  117. package/components/p-7-Wnr7e5.js.map +1 -0
  118. package/components/{p-DG42PUVX.js → p-BLcKiU45.js} +3 -3
  119. package/components/{p-DG42PUVX.js.map → p-BLcKiU45.js.map} +1 -1
  120. package/components/{p-DJ6v85WG.js → p-BNYHD56q.js} +23 -23
  121. package/components/p-BNYHD56q.js.map +1 -0
  122. package/components/{p-Dauav1c7.js → p-BU9xngEb.js} +7 -7
  123. package/components/{p-Dauav1c7.js.map → p-BU9xngEb.js.map} +1 -1
  124. package/components/{p-DRlGkOeX.js → p-Ba6JlSP8.js} +5 -5
  125. package/components/{p-DRlGkOeX.js.map → p-Ba6JlSP8.js.map} +1 -1
  126. package/components/{p-BSiqAMAr.js → p-Baga5bu5.js} +6 -6
  127. package/components/{p-BSiqAMAr.js.map → p-Baga5bu5.js.map} +1 -1
  128. package/components/{p-B3IsQckh.js → p-Bc15ecXv.js} +12 -12
  129. package/components/p-Bc15ecXv.js.map +1 -0
  130. package/components/{p-CGPMGyof.js → p-BmLRwuMH.js} +5 -6
  131. package/components/p-BmLRwuMH.js.map +1 -0
  132. package/components/{p-B5cVFUyk.js → p-BruPthTZ.js} +15 -69
  133. package/components/p-BruPthTZ.js.map +1 -0
  134. package/components/{p-BrgHqrnH.js → p-C4MK63gz.js} +3 -3
  135. package/components/{p-BrgHqrnH.js.map → p-C4MK63gz.js.map} +1 -1
  136. package/components/{p-CrIOsOo-.js → p-C8wXJCK3.js} +3 -3
  137. package/components/{p-CrIOsOo-.js.map → p-C8wXJCK3.js.map} +1 -1
  138. package/components/{p-GkRC08qs.js → p-CfOUCcs9.js} +3 -3
  139. package/components/{p-GkRC08qs.js.map → p-CfOUCcs9.js.map} +1 -1
  140. package/{dist/esm/floating-ui.dom-CAqtPJ4-.js → components/p-CiSM2A9Q.js} +102 -3
  141. package/components/p-CiSM2A9Q.js.map +1 -0
  142. package/components/{p-BpW9tS2k.js → p-Cx5H0GeI.js} +21 -21
  143. package/components/p-Cx5H0GeI.js.map +1 -0
  144. package/components/{p-C3irznVN.js → p-D3ZlTDAF.js} +3 -3
  145. package/components/{p-C3irznVN.js.map → p-D3ZlTDAF.js.map} +1 -1
  146. package/components/{p-CwwKrs4u.js → p-DE74-VWH.js} +9 -9
  147. package/components/p-DE74-VWH.js.map +1 -0
  148. package/components/{p-Bquk45CV.js → p-DLcItN6d.js} +3 -3
  149. package/components/{p-Bquk45CV.js.map → p-DLcItN6d.js.map} +1 -1
  150. package/components/{p-BybP_RcT.js → p-DOGuJxKg.js} +5 -5
  151. package/components/{p-BybP_RcT.js.map → p-DOGuJxKg.js.map} +1 -1
  152. package/components/{p-DZNnQyWO.js → p-DSF854K6.js} +3 -4
  153. package/components/p-DSF854K6.js.map +1 -0
  154. package/components/p-DVPJHakC.js +78 -0
  155. package/components/p-DVPJHakC.js.map +1 -0
  156. package/components/{p-C-7UhkWz.js → p-DaR6pX8w.js} +8 -8
  157. package/components/{p-C-7UhkWz.js.map → p-DaR6pX8w.js.map} +1 -1
  158. package/components/{p-8MS-omi7.js → p-DklPCkRW.js} +3 -3
  159. package/components/{p-8MS-omi7.js.map → p-DklPCkRW.js.map} +1 -1
  160. package/components/{p-BeegOhta.js → p-Fbu6eUjk.js} +4 -4
  161. package/components/{p-BeegOhta.js.map → p-Fbu6eUjk.js.map} +1 -1
  162. package/components/{p-ma_KYqKk.js → p-bBkFZC8X.js} +3 -3
  163. package/components/{p-ma_KYqKk.js.map → p-bBkFZC8X.js.map} +1 -1
  164. package/components/{p-CzzcLSmV.js → p-gkooEHol.js} +4 -4
  165. package/components/p-gkooEHol.js.map +1 -0
  166. package/components/{p-ClGItuSn.js → p-ts3VxLYi.js} +5 -5
  167. package/components/{p-ClGItuSn.js.map → p-ts3VxLYi.js.map} +1 -1
  168. package/components/{p-CMk-tLmg.js → p-uiKHewyI.js} +4 -4
  169. package/components/{p-CMk-tLmg.js.map → p-uiKHewyI.js.map} +1 -1
  170. package/components/{p-fDEynhA5.js → p-w319yPRv.js} +5 -5
  171. package/components/{p-fDEynhA5.js.map → p-w319yPRv.js.map} +1 -1
  172. package/dist/cjs/{floating-ui.dom-CMzYsRR7.js → find-element-BNZJcvT8.js} +103 -2
  173. package/dist/cjs/find-element-BNZJcvT8.js.map +1 -0
  174. package/dist/cjs/index-DuDLgBnw.js +0 -8
  175. package/dist/cjs/index.cjs.js +1 -1
  176. package/dist/cjs/index.cjs.js.map +1 -1
  177. package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
  178. package/dist/cjs/ix-application.cjs.entry.js +1 -1
  179. package/dist/cjs/ix-avatar.ix-menu-avatar-item.entry.cjs.js.map +1 -1
  180. package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
  181. package/dist/cjs/ix-basic-navigation.cjs.entry.js +1 -1
  182. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +7 -7
  183. package/dist/cjs/ix-breadcrumb-item.entry.cjs.js.map +1 -1
  184. package/dist/cjs/ix-breadcrumb.cjs.entry.js +6 -6
  185. package/dist/cjs/ix-breadcrumb.entry.cjs.js.map +1 -1
  186. package/dist/cjs/ix-card-list.cjs.entry.js +4 -4
  187. package/dist/cjs/ix-card-list.entry.cjs.js.map +1 -1
  188. package/dist/cjs/ix-category-filter.cjs.entry.js +9 -17
  189. package/dist/cjs/ix-category-filter.entry.cjs.js.map +1 -1
  190. package/dist/cjs/ix-chip.cjs.entry.js +8 -9
  191. package/dist/cjs/ix-chip.entry.cjs.js.map +1 -1
  192. package/dist/cjs/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.cjs.js.map +1 -1
  193. package/dist/cjs/ix-col_4.cjs.entry.js +18 -18
  194. package/dist/cjs/ix-date-dropdown.cjs.entry.js +11 -11
  195. package/dist/cjs/ix-date-dropdown.entry.cjs.js.map +1 -1
  196. package/dist/cjs/ix-date-input.cjs.entry.js +2 -2
  197. package/dist/cjs/ix-date-input.entry.cjs.js.map +1 -1
  198. package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -8
  199. package/dist/cjs/ix-date-time-card.entry.cjs.js.map +1 -1
  200. package/dist/cjs/ix-datetime-picker.cjs.entry.js +3 -21
  201. package/dist/cjs/ix-datetime-picker.entry.cjs.js.map +1 -1
  202. package/dist/cjs/ix-drawer.cjs.entry.js +6 -5
  203. package/dist/cjs/ix-drawer.entry.cjs.js.map +1 -1
  204. package/dist/cjs/ix-dropdown.cjs.entry.js +7 -8
  205. package/dist/cjs/ix-dropdown.entry.cjs.js.map +1 -1
  206. package/dist/cjs/ix-event-list-item.entry.cjs.js.map +1 -1
  207. package/dist/cjs/ix-event-list.cjs.entry.js +4 -4
  208. package/dist/cjs/ix-event-list.entry.cjs.js.map +1 -1
  209. package/dist/cjs/ix-group-context-menu.ix-group-item.entry.cjs.js.map +1 -1
  210. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +18 -5
  211. package/dist/cjs/ix-group.cjs.entry.js +18 -18
  212. package/dist/cjs/ix-group.entry.cjs.js.map +1 -1
  213. package/dist/cjs/ix-helper-text.cjs.entry.js +1 -1
  214. package/dist/cjs/ix-icon-button.ix-spinner.entry.cjs.js.map +1 -1
  215. package/dist/cjs/ix-icon-button_2.cjs.entry.js +1 -1
  216. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +1 -1
  217. package/dist/cjs/ix-input.cjs.entry.js +4 -4
  218. package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
  219. package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
  220. package/dist/cjs/ix-kpi.cjs.entry.js +3 -3
  221. package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
  222. package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
  223. package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +2 -2
  224. package/dist/cjs/ix-map-navigation.cjs.entry.js +3 -2
  225. package/dist/cjs/ix-map-navigation.entry.cjs.js.map +1 -1
  226. package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
  227. package/dist/cjs/ix-menu-about-news.cjs.entry.js +5 -5
  228. package/dist/cjs/ix-menu-about-news.entry.cjs.js.map +1 -1
  229. package/dist/cjs/ix-menu-avatar.cjs.entry.js +5 -5
  230. package/dist/cjs/ix-menu-avatar.entry.cjs.js.map +1 -1
  231. package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
  232. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
  233. package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
  234. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
  235. package/dist/cjs/ix-menu.cjs.entry.js +18 -17
  236. package/dist/cjs/ix-menu.entry.cjs.js.map +1 -1
  237. package/dist/cjs/ix-message-bar.cjs.entry.js +4 -6
  238. package/dist/cjs/ix-message-bar.entry.cjs.js.map +1 -1
  239. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  240. package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
  241. package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
  242. package/dist/cjs/ix-modal.cjs.entry.js +13 -13
  243. package/dist/cjs/ix-modal.entry.cjs.js.map +1 -1
  244. package/dist/cjs/ix-number-input.cjs.entry.js +6 -6
  245. package/dist/cjs/ix-pagination.cjs.entry.js +8 -9
  246. package/dist/cjs/ix-pagination.entry.cjs.js.map +1 -1
  247. package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
  248. package/dist/cjs/ix-pane.cjs.entry.js +7 -7
  249. package/dist/cjs/ix-pane.entry.cjs.js.map +1 -1
  250. package/dist/cjs/ix-push-card.cjs.entry.js +3 -3
  251. package/dist/cjs/ix-push-card.entry.cjs.js.map +1 -1
  252. package/dist/cjs/ix-select.cjs.entry.js +8 -8
  253. package/dist/cjs/ix-select.entry.cjs.js.map +1 -1
  254. package/dist/cjs/ix-slider.cjs.entry.js +1 -1
  255. package/dist/cjs/ix-slider.entry.cjs.js.map +1 -1
  256. package/dist/cjs/ix-textarea.cjs.entry.js +2 -2
  257. package/dist/cjs/ix-time-input.cjs.entry.js +1 -1
  258. package/dist/cjs/ix-time-input.entry.cjs.js.map +1 -1
  259. package/dist/cjs/ix-time-picker.cjs.entry.js +10 -58
  260. package/dist/cjs/ix-time-picker.entry.cjs.js.map +1 -1
  261. package/dist/cjs/ix-toast-container.cjs.entry.js +5 -5
  262. package/dist/cjs/ix-toast-container.entry.cjs.js.map +1 -1
  263. package/dist/cjs/ix-toast.cjs.entry.js +4 -4
  264. package/dist/cjs/ix-toast.entry.cjs.js.map +1 -1
  265. package/dist/cjs/ix-toggle.cjs.entry.js +3 -3
  266. package/dist/cjs/ix-tooltip.cjs.entry.js +9 -10
  267. package/dist/cjs/ix-tooltip.entry.cjs.js.map +1 -1
  268. package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
  269. package/dist/cjs/ix-tree.cjs.entry.js +1 -1
  270. package/dist/cjs/ix-typography.cjs.entry.js +1 -1
  271. package/dist/cjs/ix-upload.cjs.entry.js +3 -3
  272. package/dist/cjs/ix-upload.entry.cjs.js.map +1 -1
  273. package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
  274. package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
  275. package/dist/cjs/loader.cjs.js +1 -1
  276. package/dist/cjs/{service-FGbUpQQM.js → service-DuiJmf7R.js} +4 -4
  277. package/dist/cjs/service-DuiJmf7R.js.map +1 -0
  278. package/dist/cjs/siemens-ix.cjs.js +1 -1
  279. package/dist/collection/collection-manifest.json +0 -2
  280. package/dist/collection/components/avatar/avatar.js +1 -1
  281. package/dist/collection/components/avatar/avatar.js.map +1 -1
  282. package/dist/collection/components/breadcrumb/breadcrumb.js +9 -9
  283. package/dist/collection/components/breadcrumb/breadcrumb.js.map +1 -1
  284. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +16 -16
  285. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
  286. package/dist/collection/components/card-list/card-list.js +6 -6
  287. package/dist/collection/components/card-list/card-list.js.map +1 -1
  288. package/dist/collection/components/category-filter/category-filter.js +15 -46
  289. package/dist/collection/components/category-filter/category-filter.js.map +1 -1
  290. package/dist/collection/components/chip/chip.js +12 -13
  291. package/dist/collection/components/chip/chip.js.map +1 -1
  292. package/dist/collection/components/date-dropdown/date-dropdown.js +19 -19
  293. package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
  294. package/dist/collection/components/date-input/date-input.js +2 -2
  295. package/dist/collection/components/date-input/date-input.js.map +1 -1
  296. package/dist/collection/components/date-picker/date-picker-component.js.map +1 -1
  297. package/dist/collection/components/date-picker/date-picker.js +23 -23
  298. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  299. package/dist/collection/components/date-time-card/date-time-card.js +5 -30
  300. package/dist/collection/components/date-time-card/date-time-card.js.map +1 -1
  301. package/dist/collection/components/datetime-picker/datetime-picker.js +8 -95
  302. package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
  303. package/dist/collection/components/drawer/drawer.js +6 -5
  304. package/dist/collection/components/drawer/drawer.js.map +1 -1
  305. package/dist/collection/components/event-list/event-list.js +6 -6
  306. package/dist/collection/components/event-list/event-list.js.map +1 -1
  307. package/dist/collection/components/group/group.css +12 -0
  308. package/dist/collection/components/group/group.js +23 -23
  309. package/dist/collection/components/group/group.js.map +1 -1
  310. package/dist/collection/components/group-item/group-item.css +22 -6
  311. package/dist/collection/components/group-item/group-item.js +44 -8
  312. package/dist/collection/components/group-item/group-item.js.map +1 -1
  313. package/dist/collection/components/helper-text/helper-text.js +1 -1
  314. package/dist/collection/components/icon-button/icon-button.js +2 -2
  315. package/dist/collection/components/icon-button/icon-button.js.map +1 -1
  316. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
  317. package/dist/collection/components/input/input.js +4 -4
  318. package/dist/collection/components/input/number-input.js +6 -6
  319. package/dist/collection/components/input/textarea.js +2 -2
  320. package/dist/collection/components/key-value/key-value.js +1 -1
  321. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  322. package/dist/collection/components/kpi/kpi.js +3 -3
  323. package/dist/collection/components/layout-auto/layout-auto.js +1 -1
  324. package/dist/collection/components/layout-grid/layout-grid.js +2 -2
  325. package/dist/collection/components/link-button/link-button.js +3 -3
  326. package/dist/collection/components/map-navigation/map-navigation.js +3 -2
  327. package/dist/collection/components/map-navigation/map-navigation.js.map +1 -1
  328. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +2 -2
  329. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  330. package/dist/collection/components/menu/menu.js +28 -47
  331. package/dist/collection/components/menu/menu.js.map +1 -1
  332. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  333. package/dist/collection/components/menu-about-news/menu-about-news.js +7 -7
  334. package/dist/collection/components/menu-about-news/menu-about-news.js.map +1 -1
  335. package/dist/collection/components/menu-avatar/menu-avatar.js +10 -10
  336. package/dist/collection/components/menu-avatar/menu-avatar.js.map +1 -1
  337. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  338. package/dist/collection/components/menu-category/menu-category.js +5 -5
  339. package/dist/collection/components/menu-item/menu-item.js +4 -4
  340. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  341. package/dist/collection/components/message-bar/message-bar.js +11 -16
  342. package/dist/collection/components/message-bar/message-bar.js.map +1 -1
  343. package/dist/collection/components/modal/modal.js +29 -29
  344. package/dist/collection/components/modal/modal.js.map +1 -1
  345. package/dist/collection/components/modal-content/modal-content.js +1 -1
  346. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  347. package/dist/collection/components/modal-header/modal-header.js +1 -1
  348. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  349. package/dist/collection/components/pagination/pagination.js +18 -19
  350. package/dist/collection/components/pagination/pagination.js.map +1 -1
  351. package/dist/collection/components/pane/pane.js +6 -6
  352. package/dist/collection/components/pane/pane.js.map +1 -1
  353. package/dist/collection/components/push-card/push-card.js +7 -7
  354. package/dist/collection/components/push-card/push-card.js.map +1 -1
  355. package/dist/collection/components/select/select.js +12 -12
  356. package/dist/collection/components/select/select.js.map +1 -1
  357. package/dist/collection/components/slider/slider.css +3 -3
  358. package/dist/collection/components/time-input/time-input.js +1 -1
  359. package/dist/collection/components/time-input/time-input.js.map +1 -1
  360. package/dist/collection/components/time-picker/time-picker.js +14 -199
  361. package/dist/collection/components/time-picker/time-picker.js.map +1 -1
  362. package/dist/collection/components/toast/toast-container.js +5 -5
  363. package/dist/collection/components/toast/toast-container.js.map +1 -1
  364. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  365. package/dist/collection/components/toast/toast.js +7 -7
  366. package/dist/collection/components/toast/toast.js.map +1 -1
  367. package/dist/collection/components/toggle/toggle.js +3 -3
  368. package/dist/collection/components/tooltip/tooltip.js +1 -1
  369. package/dist/collection/components/tree/tree.js +1 -1
  370. package/dist/collection/components/tree-item/tree-item.js +4 -4
  371. package/dist/collection/components/typography/typography.js +1 -1
  372. package/dist/collection/components/upload/upload.js +5 -5
  373. package/dist/collection/components/upload/upload.js.map +1 -1
  374. package/dist/collection/components/utils/application-layout/service.js +2 -2
  375. package/dist/collection/components/utils/application-layout/service.js.map +1 -1
  376. package/dist/collection/components/utils/modal/loading.js +1 -1
  377. package/dist/collection/components/utils/modal/loading.js.map +1 -1
  378. package/dist/collection/components/workflow-step/workflow-step.js +3 -3
  379. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  380. package/dist/collection/tests/utils/test/page.js +2 -2
  381. package/dist/collection/tests/utils/test/page.js.map +1 -1
  382. package/{components/p-CAqtPJ4-.js → dist/esm/find-element-CiSM2A9Q.js} +102 -3
  383. package/dist/esm/find-element-CiSM2A9Q.js.map +1 -0
  384. package/dist/esm/index-DGODjp4O.js +0 -8
  385. package/dist/esm/index.js +1 -1
  386. package/dist/esm/index.js.map +1 -1
  387. package/dist/esm/ix-application-header.entry.js +1 -1
  388. package/dist/esm/ix-application.entry.js +1 -1
  389. package/dist/esm/ix-avatar.ix-menu-avatar-item.entry.js.map +1 -1
  390. package/dist/esm/ix-avatar_2.entry.js +1 -1
  391. package/dist/esm/ix-basic-navigation.entry.js +1 -1
  392. package/dist/esm/ix-breadcrumb-item.entry.js +7 -7
  393. package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
  394. package/dist/esm/ix-breadcrumb.entry.js +6 -6
  395. package/dist/esm/ix-breadcrumb.entry.js.map +1 -1
  396. package/dist/esm/ix-card-list.entry.js +4 -4
  397. package/dist/esm/ix-card-list.entry.js.map +1 -1
  398. package/dist/esm/ix-category-filter.entry.js +9 -17
  399. package/dist/esm/ix-category-filter.entry.js.map +1 -1
  400. package/dist/esm/ix-chip.entry.js +8 -9
  401. package/dist/esm/ix-chip.entry.js.map +1 -1
  402. package/dist/esm/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.js.map +1 -1
  403. package/dist/esm/ix-col_4.entry.js +18 -18
  404. package/dist/esm/ix-date-dropdown.entry.js +11 -11
  405. package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
  406. package/dist/esm/ix-date-input.entry.js +2 -2
  407. package/dist/esm/ix-date-input.entry.js.map +1 -1
  408. package/dist/esm/ix-date-time-card.entry.js +3 -8
  409. package/dist/esm/ix-date-time-card.entry.js.map +1 -1
  410. package/dist/esm/ix-datetime-picker.entry.js +3 -21
  411. package/dist/esm/ix-datetime-picker.entry.js.map +1 -1
  412. package/dist/esm/ix-drawer.entry.js +6 -5
  413. package/dist/esm/ix-drawer.entry.js.map +1 -1
  414. package/dist/esm/ix-dropdown.entry.js +1 -2
  415. package/dist/esm/ix-dropdown.entry.js.map +1 -1
  416. package/dist/esm/ix-event-list-item.entry.js.map +1 -1
  417. package/dist/esm/ix-event-list.entry.js +4 -4
  418. package/dist/esm/ix-event-list.entry.js.map +1 -1
  419. package/dist/esm/ix-group-context-menu.ix-group-item.entry.js.map +1 -1
  420. package/dist/esm/ix-group-context-menu_2.entry.js +18 -5
  421. package/dist/esm/ix-group.entry.js +19 -19
  422. package/dist/esm/ix-group.entry.js.map +1 -1
  423. package/dist/esm/ix-helper-text.entry.js +1 -1
  424. package/dist/esm/ix-icon-button.ix-spinner.entry.js.map +1 -1
  425. package/dist/esm/ix-icon-button_2.entry.js +1 -1
  426. package/dist/esm/ix-icon-toggle-button.entry.js +1 -1
  427. package/dist/esm/ix-input.entry.js +4 -4
  428. package/dist/esm/ix-key-value-list.entry.js +1 -1
  429. package/dist/esm/ix-key-value.entry.js +1 -1
  430. package/dist/esm/ix-kpi.entry.js +3 -3
  431. package/dist/esm/ix-layout-auto.entry.js +1 -1
  432. package/dist/esm/ix-link-button.entry.js +3 -3
  433. package/dist/esm/ix-map-navigation-overlay.entry.js +2 -2
  434. package/dist/esm/ix-map-navigation.entry.js +3 -2
  435. package/dist/esm/ix-map-navigation.entry.js.map +1 -1
  436. package/dist/esm/ix-menu-about-item.entry.js +1 -1
  437. package/dist/esm/ix-menu-about-news.entry.js +5 -5
  438. package/dist/esm/ix-menu-about-news.entry.js.map +1 -1
  439. package/dist/esm/ix-menu-avatar.entry.js +5 -5
  440. package/dist/esm/ix-menu-avatar.entry.js.map +1 -1
  441. package/dist/esm/ix-menu-category.entry.js +5 -5
  442. package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
  443. package/dist/esm/ix-menu-item.entry.js +4 -4
  444. package/dist/esm/ix-menu-settings-item.entry.js +1 -1
  445. package/dist/esm/ix-menu.entry.js +18 -17
  446. package/dist/esm/ix-menu.entry.js.map +1 -1
  447. package/dist/esm/ix-message-bar.entry.js +4 -6
  448. package/dist/esm/ix-message-bar.entry.js.map +1 -1
  449. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  450. package/dist/esm/ix-modal-footer.entry.js +1 -1
  451. package/dist/esm/ix-modal-loading.entry.js +1 -1
  452. package/dist/esm/ix-modal.entry.js +13 -13
  453. package/dist/esm/ix-modal.entry.js.map +1 -1
  454. package/dist/esm/ix-number-input.entry.js +6 -6
  455. package/dist/esm/ix-pagination.entry.js +8 -9
  456. package/dist/esm/ix-pagination.entry.js.map +1 -1
  457. package/dist/esm/ix-pane-layout.entry.js +1 -1
  458. package/dist/esm/ix-pane.entry.js +7 -7
  459. package/dist/esm/ix-pane.entry.js.map +1 -1
  460. package/dist/esm/ix-push-card.entry.js +3 -3
  461. package/dist/esm/ix-push-card.entry.js.map +1 -1
  462. package/dist/esm/ix-select.entry.js +8 -8
  463. package/dist/esm/ix-select.entry.js.map +1 -1
  464. package/dist/esm/ix-slider.entry.js +1 -1
  465. package/dist/esm/ix-slider.entry.js.map +1 -1
  466. package/dist/esm/ix-textarea.entry.js +2 -2
  467. package/dist/esm/ix-time-input.entry.js +1 -1
  468. package/dist/esm/ix-time-input.entry.js.map +1 -1
  469. package/dist/esm/ix-time-picker.entry.js +10 -58
  470. package/dist/esm/ix-time-picker.entry.js.map +1 -1
  471. package/dist/esm/ix-toast-container.entry.js +5 -5
  472. package/dist/esm/ix-toast-container.entry.js.map +1 -1
  473. package/dist/esm/ix-toast.entry.js +4 -4
  474. package/dist/esm/ix-toast.entry.js.map +1 -1
  475. package/dist/esm/ix-toggle.entry.js +3 -3
  476. package/dist/esm/ix-tooltip.entry.js +2 -3
  477. package/dist/esm/ix-tooltip.entry.js.map +1 -1
  478. package/dist/esm/ix-tree-item.entry.js +4 -4
  479. package/dist/esm/ix-tree.entry.js +1 -1
  480. package/dist/esm/ix-typography.entry.js +1 -1
  481. package/dist/esm/ix-upload.entry.js +3 -3
  482. package/dist/esm/ix-upload.entry.js.map +1 -1
  483. package/dist/esm/ix-workflow-step.entry.js +3 -3
  484. package/dist/esm/ix-workflow-steps.entry.js +1 -1
  485. package/dist/esm/loader.js +1 -1
  486. package/dist/esm/{service-ktcE7NzB.js → service-Da0kv8hS.js} +4 -4
  487. package/dist/esm/service-Da0kv8hS.js.map +1 -0
  488. package/dist/esm/siemens-ix.js +1 -1
  489. package/dist/siemens-ix/index.esm.js +1 -1
  490. package/dist/siemens-ix/index.esm.js.map +1 -1
  491. package/dist/siemens-ix/ix-avatar.ix-menu-avatar-item.entry.esm.js.map +1 -1
  492. package/dist/siemens-ix/ix-breadcrumb-item.entry.esm.js.map +1 -1
  493. package/dist/siemens-ix/ix-breadcrumb.entry.esm.js.map +1 -1
  494. package/dist/siemens-ix/ix-card-list.entry.esm.js.map +1 -1
  495. package/dist/siemens-ix/ix-category-filter.entry.esm.js.map +1 -1
  496. package/dist/siemens-ix/ix-chip.entry.esm.js.map +1 -1
  497. package/dist/siemens-ix/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.esm.js.map +1 -1
  498. package/dist/siemens-ix/ix-date-dropdown.entry.esm.js.map +1 -1
  499. package/dist/siemens-ix/ix-date-input.entry.esm.js.map +1 -1
  500. package/dist/siemens-ix/ix-date-time-card.entry.esm.js.map +1 -1
  501. package/dist/siemens-ix/ix-datetime-picker.entry.esm.js.map +1 -1
  502. package/dist/siemens-ix/ix-drawer.entry.esm.js.map +1 -1
  503. package/dist/siemens-ix/ix-dropdown.entry.esm.js.map +1 -1
  504. package/dist/siemens-ix/ix-event-list-item.entry.esm.js.map +1 -1
  505. package/dist/siemens-ix/ix-event-list.entry.esm.js.map +1 -1
  506. package/dist/siemens-ix/ix-group-context-menu.ix-group-item.entry.esm.js.map +1 -1
  507. package/dist/siemens-ix/ix-group.entry.esm.js.map +1 -1
  508. package/dist/siemens-ix/ix-icon-button.ix-spinner.entry.esm.js.map +1 -1
  509. package/dist/siemens-ix/ix-map-navigation.entry.esm.js.map +1 -1
  510. package/dist/siemens-ix/ix-menu-about-news.entry.esm.js.map +1 -1
  511. package/dist/siemens-ix/ix-menu-avatar.entry.esm.js.map +1 -1
  512. package/dist/siemens-ix/ix-menu.entry.esm.js.map +1 -1
  513. package/dist/siemens-ix/ix-message-bar.entry.esm.js.map +1 -1
  514. package/dist/siemens-ix/ix-modal.entry.esm.js.map +1 -1
  515. package/dist/siemens-ix/ix-pagination.entry.esm.js.map +1 -1
  516. package/dist/siemens-ix/ix-pane.entry.esm.js.map +1 -1
  517. package/dist/siemens-ix/ix-push-card.entry.esm.js.map +1 -1
  518. package/dist/siemens-ix/ix-select.entry.esm.js.map +1 -1
  519. package/dist/siemens-ix/ix-slider.entry.esm.js.map +1 -1
  520. package/dist/siemens-ix/ix-time-input.entry.esm.js.map +1 -1
  521. package/dist/siemens-ix/ix-time-picker.entry.esm.js.map +1 -1
  522. package/dist/siemens-ix/ix-toast-container.entry.esm.js.map +1 -1
  523. package/dist/siemens-ix/ix-toast.entry.esm.js.map +1 -1
  524. package/dist/siemens-ix/ix-tooltip.entry.esm.js.map +1 -1
  525. package/dist/siemens-ix/ix-upload.entry.esm.js.map +1 -1
  526. package/dist/siemens-ix/{p-90bd8d7b.entry.js → p-0ba7d263.entry.js} +2 -2
  527. package/dist/siemens-ix/{p-f455c56a.entry.js → p-111687a2.entry.js} +2 -2
  528. package/dist/siemens-ix/{p-c418674c.entry.js → p-13fb0104.entry.js} +2 -2
  529. package/dist/siemens-ix/{p-c418674c.entry.js.map → p-13fb0104.entry.js.map} +1 -1
  530. package/dist/siemens-ix/{p-8b3cfb2d.entry.js → p-1ac88556.entry.js} +2 -2
  531. package/dist/siemens-ix/{p-95d4d849.entry.js → p-1bd1380b.entry.js} +2 -2
  532. package/dist/siemens-ix/{p-5849a210.entry.js → p-1cd4280f.entry.js} +2 -2
  533. package/dist/siemens-ix/{p-48b0fef4.entry.js → p-2041357d.entry.js} +2 -2
  534. package/dist/siemens-ix/{p-fbd896c5.entry.js → p-21106fcd.entry.js} +2 -2
  535. package/dist/siemens-ix/p-21106fcd.entry.js.map +1 -0
  536. package/dist/siemens-ix/{p-52dc3ba0.entry.js → p-28fe8512.entry.js} +2 -2
  537. package/dist/siemens-ix/{p-4263f3b6.entry.js → p-2b046df5.entry.js} +2 -2
  538. package/dist/siemens-ix/{p-71e94914.entry.js → p-32203c19.entry.js} +2 -2
  539. package/dist/siemens-ix/p-32203c19.entry.js.map +1 -0
  540. package/dist/siemens-ix/{p-1b2e4b8f.entry.js → p-331f1b60.entry.js} +2 -2
  541. package/dist/siemens-ix/{p-99ad8022.entry.js → p-38f9b6e2.entry.js} +2 -2
  542. package/dist/siemens-ix/p-38f9b6e2.entry.js.map +1 -0
  543. package/dist/siemens-ix/p-3f06687e.entry.js +2 -0
  544. package/dist/siemens-ix/p-3f06687e.entry.js.map +1 -0
  545. package/dist/siemens-ix/{p-92032674.entry.js → p-566a58f4.entry.js} +2 -2
  546. package/dist/siemens-ix/p-566a58f4.entry.js.map +1 -0
  547. package/dist/siemens-ix/p-5d48f9cb.entry.js +2 -0
  548. package/dist/siemens-ix/p-5d48f9cb.entry.js.map +1 -0
  549. package/dist/siemens-ix/p-5f7943f2.entry.js +2 -0
  550. package/dist/siemens-ix/{p-d0d972c2.entry.js.map → p-5f7943f2.entry.js.map} +1 -1
  551. package/dist/siemens-ix/{p-85727880.entry.js → p-639d0d7f.entry.js} +2 -2
  552. package/dist/siemens-ix/p-639d0d7f.entry.js.map +1 -0
  553. package/dist/siemens-ix/{p-faa47c0e.entry.js → p-6645d4ee.entry.js} +2 -2
  554. package/dist/siemens-ix/p-670d5b84.entry.js +2 -0
  555. package/dist/siemens-ix/p-670d5b84.entry.js.map +1 -0
  556. package/dist/siemens-ix/{p-eba51393.entry.js → p-7060645f.entry.js} +2 -2
  557. package/dist/siemens-ix/p-71a38f35.entry.js +2 -0
  558. package/dist/siemens-ix/{p-416886d6.entry.js → p-75edf091.entry.js} +2 -2
  559. package/dist/siemens-ix/p-75edf091.entry.js.map +1 -0
  560. package/dist/siemens-ix/{p-81c8d542.entry.js → p-75f4bbb1.entry.js} +2 -2
  561. package/dist/siemens-ix/{p-03c6893a.entry.js → p-78797f4b.entry.js} +2 -2
  562. package/dist/siemens-ix/p-78797f4b.entry.js.map +1 -0
  563. package/dist/siemens-ix/{p-09cce59e.entry.js → p-800f59a7.entry.js} +2 -2
  564. package/dist/siemens-ix/p-800f59a7.entry.js.map +1 -0
  565. package/dist/siemens-ix/p-86ac2254.entry.js +2 -0
  566. package/dist/siemens-ix/p-86ac2254.entry.js.map +1 -0
  567. package/dist/siemens-ix/p-8bd3f89a.entry.js +2 -0
  568. package/dist/siemens-ix/p-8bd3f89a.entry.js.map +1 -0
  569. package/dist/siemens-ix/{p-a76a69fb.entry.js → p-8c612656.entry.js} +2 -2
  570. package/dist/siemens-ix/{p-5140e6e6.entry.js → p-91fa3ab0.entry.js} +2 -2
  571. package/dist/siemens-ix/{p-f29eaee8.entry.js → p-9272ae83.entry.js} +2 -2
  572. package/dist/siemens-ix/{p-c8cf26c5.entry.js → p-96533ffc.entry.js} +2 -2
  573. package/dist/siemens-ix/p-96533ffc.entry.js.map +1 -0
  574. package/dist/siemens-ix/p-98ab64dc.entry.js +2 -0
  575. package/dist/siemens-ix/p-98ab64dc.entry.js.map +1 -0
  576. package/dist/siemens-ix/p-9a8188a7.entry.js +2 -0
  577. package/dist/siemens-ix/p-9a8188a7.entry.js.map +1 -0
  578. package/dist/siemens-ix/{p-f6d678a6.entry.js → p-9b88a932.entry.js} +2 -2
  579. package/dist/siemens-ix/{p-7a108b0d.entry.js → p-9dbfd7cd.entry.js} +2 -2
  580. package/dist/siemens-ix/p-CiSM2A9Q.js +2 -0
  581. package/dist/siemens-ix/p-CiSM2A9Q.js.map +1 -0
  582. package/dist/siemens-ix/p-a6612a5b.entry.js +2 -0
  583. package/dist/siemens-ix/{p-00a10004.entry.js → p-a7cb47ca.entry.js} +2 -2
  584. package/dist/siemens-ix/p-a7cb47ca.entry.js.map +1 -0
  585. package/dist/siemens-ix/p-ac1f35ad.entry.js +2 -0
  586. package/dist/siemens-ix/p-ac1f35ad.entry.js.map +1 -0
  587. package/dist/siemens-ix/{p-4b88c430.entry.js → p-ae2e5e0c.entry.js} +2 -2
  588. package/dist/siemens-ix/{p-4b88c430.entry.js.map → p-ae2e5e0c.entry.js.map} +1 -1
  589. package/dist/siemens-ix/{p-6c2818da.entry.js → p-b895b3db.entry.js} +2 -2
  590. package/dist/siemens-ix/p-b895b3db.entry.js.map +1 -0
  591. package/dist/siemens-ix/{p-cd11dfa8.entry.js → p-bb878ea4.entry.js} +2 -2
  592. package/dist/siemens-ix/p-bc7fc8b2.entry.js +2 -0
  593. package/dist/siemens-ix/p-bc7fc8b2.entry.js.map +1 -0
  594. package/dist/siemens-ix/{p-0469aec7.entry.js → p-bf2374a0.entry.js} +2 -2
  595. package/dist/siemens-ix/p-c10b2e40.entry.js +2 -0
  596. package/dist/siemens-ix/{p-5c109476.entry.js → p-c248940f.entry.js} +2 -2
  597. package/dist/siemens-ix/{p-162a1f2e.entry.js → p-c31b2027.entry.js} +2 -2
  598. package/dist/siemens-ix/{p-162a1f2e.entry.js.map → p-c31b2027.entry.js.map} +1 -1
  599. package/dist/siemens-ix/{p-8eee6a03.entry.js → p-c413e3c4.entry.js} +2 -2
  600. package/dist/siemens-ix/{p-746b04cb.entry.js → p-c6ecc2e3.entry.js} +2 -2
  601. package/dist/siemens-ix/{p-01656234.entry.js → p-c949686e.entry.js} +2 -2
  602. package/dist/siemens-ix/{p-b6dad40c.entry.js → p-d0213ff0.entry.js} +2 -2
  603. package/dist/siemens-ix/{p-8e48a7a1.entry.js → p-d1254b5b.entry.js} +2 -2
  604. package/dist/siemens-ix/{p-a0d7af11.entry.js → p-d585e581.entry.js} +2 -2
  605. package/dist/siemens-ix/p-d6b9e253.entry.js +2 -0
  606. package/dist/siemens-ix/{p-30df3f84.entry.js.map → p-d6b9e253.entry.js.map} +1 -1
  607. package/dist/siemens-ix/{p-dd82ebbc.entry.js → p-d7c7d38b.entry.js} +2 -2
  608. package/dist/siemens-ix/{p-c446ffdb.entry.js → p-db02f4c2.entry.js} +2 -2
  609. package/dist/siemens-ix/{p-4573a8de.entry.js → p-e201fa04.entry.js} +2 -2
  610. package/dist/siemens-ix/{p-4573a8de.entry.js.map → p-e201fa04.entry.js.map} +1 -1
  611. package/dist/siemens-ix/{p-6a39d630.entry.js → p-e3a219e3.entry.js} +2 -2
  612. package/dist/siemens-ix/{p-bd369344.entry.js → p-e55cd52b.entry.js} +2 -2
  613. package/dist/siemens-ix/p-ea435816.entry.js +2 -0
  614. package/dist/siemens-ix/p-ea435816.entry.js.map +1 -0
  615. package/dist/siemens-ix/{p-14fca48a.entry.js → p-f14790b4.entry.js} +2 -2
  616. package/dist/siemens-ix/{p-53e82da9.entry.js → p-fbd0973d.entry.js} +2 -2
  617. package/dist/siemens-ix/p-fbd0973d.entry.js.map +1 -0
  618. package/dist/siemens-ix/p-fbedad11.entry.js +2 -0
  619. package/dist/siemens-ix/{p-CzzcLSmV.js → p-gkooEHol.js} +2 -2
  620. package/dist/siemens-ix/p-gkooEHol.js.map +1 -0
  621. package/dist/siemens-ix/siemens-ix-core.css +1 -1
  622. package/dist/siemens-ix/siemens-ix.css +25 -87
  623. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  624. package/dist/types/components/avatar/avatar.d.ts +1 -1
  625. package/dist/types/components/breadcrumb/breadcrumb.d.ts +1 -1
  626. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +3 -3
  627. package/dist/types/components/category-filter/category-filter.d.ts +4 -10
  628. package/dist/types/components/chip/chip.d.ts +2 -2
  629. package/dist/types/components/date-dropdown/date-dropdown.d.ts +6 -6
  630. package/dist/types/components/date-picker/date-picker-component.d.ts +1 -1
  631. package/dist/types/components/date-picker/date-picker.d.ts +3 -3
  632. package/dist/types/components/date-time-card/date-time-card.d.ts +1 -5
  633. package/dist/types/components/datetime-picker/datetime-picker.d.ts +2 -20
  634. package/dist/types/components/event-list/event-list.d.ts +1 -1
  635. package/dist/types/components/group/group.d.ts +4 -4
  636. package/dist/types/components/group-item/group-item.d.ts +9 -2
  637. package/dist/types/components/icon-button/icon-button.d.ts +1 -1
  638. package/dist/types/components/menu/menu.d.ts +5 -4
  639. package/dist/types/components/menu-about-news/menu-about-news.d.ts +1 -1
  640. package/dist/types/components/menu-avatar/menu-avatar.d.ts +2 -2
  641. package/dist/types/components/message-bar/message-bar.d.ts +3 -4
  642. package/dist/types/components/modal/modal.d.ts +9 -9
  643. package/dist/types/components/pagination/pagination.d.ts +5 -6
  644. package/dist/types/components/push-card/push-card.d.ts +2 -2
  645. package/dist/types/components/time-picker/time-picker.d.ts +2 -40
  646. package/dist/types/components/toast/toast-utils.d.ts +24 -0
  647. package/dist/types/components/toast/toast.d.ts +1 -1
  648. package/dist/types/components.d.ts +214 -414
  649. package/hydrate/index.js +318 -705
  650. package/hydrate/index.mjs +318 -705
  651. package/package.json +1 -1
  652. package/scss/_core.scss +0 -1
  653. package/scss/theme/core/_components.scss +0 -2
  654. package/scss/theme/core/components/checkbox.scss +12 -12
  655. package/scss/theme/core/components/radiobutton.scss +12 -12
  656. package/scss/theme/core/components/slider.scss +1 -1
  657. package/components/ix-input-group.d.ts +0 -11
  658. package/components/ix-input-group.js +0 -154
  659. package/components/ix-input-group.js.map +0 -1
  660. package/components/ix-validation-tooltip.d.ts +0 -11
  661. package/components/ix-validation-tooltip.js +0 -184
  662. package/components/ix-validation-tooltip.js.map +0 -1
  663. package/components/p-B3IsQckh.js.map +0 -1
  664. package/components/p-B5cVFUyk.js.map +0 -1
  665. package/components/p-BFuOBAQB.js.map +0 -1
  666. package/components/p-BpW9tS2k.js.map +0 -1
  667. package/components/p-CAqtPJ4-.js.map +0 -1
  668. package/components/p-CFRrPFxi.js +0 -103
  669. package/components/p-CFRrPFxi.js.map +0 -1
  670. package/components/p-CGPMGyof.js.map +0 -1
  671. package/components/p-Ctze1Bh6.js +0 -64
  672. package/components/p-Ctze1Bh6.js.map +0 -1
  673. package/components/p-CwwKrs4u.js.map +0 -1
  674. package/components/p-CzzcLSmV.js.map +0 -1
  675. package/components/p-DJ6v85WG.js.map +0 -1
  676. package/components/p-DZNnQyWO.js.map +0 -1
  677. package/dist/cjs/find-element-D7yD1Ukn.js +0 -106
  678. package/dist/cjs/find-element-D7yD1Ukn.js.map +0 -1
  679. package/dist/cjs/floating-ui.dom-CMzYsRR7.js.map +0 -1
  680. package/dist/cjs/ix-input-group.cjs.entry.js +0 -130
  681. package/dist/cjs/ix-input-group.entry.cjs.js.map +0 -1
  682. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +0 -155
  683. package/dist/cjs/ix-validation-tooltip.entry.cjs.js.map +0 -1
  684. package/dist/cjs/service-FGbUpQQM.js.map +0 -1
  685. package/dist/collection/components/input-group/input-group.css +0 -115
  686. package/dist/collection/components/input-group/input-group.js +0 -152
  687. package/dist/collection/components/input-group/input-group.js.map +0 -1
  688. package/dist/collection/components/validation-tooltip/validation-tooltip.css +0 -225
  689. package/dist/collection/components/validation-tooltip/validation-tooltip.js +0 -250
  690. package/dist/collection/components/validation-tooltip/validation-tooltip.js.map +0 -1
  691. package/dist/esm/find-element-CFRrPFxi.js +0 -103
  692. package/dist/esm/find-element-CFRrPFxi.js.map +0 -1
  693. package/dist/esm/floating-ui.dom-CAqtPJ4-.js.map +0 -1
  694. package/dist/esm/ix-input-group.entry.js +0 -128
  695. package/dist/esm/ix-input-group.entry.js.map +0 -1
  696. package/dist/esm/ix-validation-tooltip.entry.js +0 -153
  697. package/dist/esm/ix-validation-tooltip.entry.js.map +0 -1
  698. package/dist/esm/service-ktcE7NzB.js.map +0 -1
  699. package/dist/siemens-ix/ix-input-group.entry.esm.js.map +0 -1
  700. package/dist/siemens-ix/ix-validation-tooltip.entry.esm.js.map +0 -1
  701. package/dist/siemens-ix/p-00a10004.entry.js.map +0 -1
  702. package/dist/siemens-ix/p-03c6893a.entry.js.map +0 -1
  703. package/dist/siemens-ix/p-09cce59e.entry.js.map +0 -1
  704. package/dist/siemens-ix/p-1d0ae43f.entry.js +0 -2
  705. package/dist/siemens-ix/p-1d0ae43f.entry.js.map +0 -1
  706. package/dist/siemens-ix/p-2d3f7bb5.entry.js +0 -2
  707. package/dist/siemens-ix/p-2d3f7bb5.entry.js.map +0 -1
  708. package/dist/siemens-ix/p-2d9b7dbd.entry.js +0 -2
  709. package/dist/siemens-ix/p-2d9b7dbd.entry.js.map +0 -1
  710. package/dist/siemens-ix/p-30545ef9.entry.js +0 -2
  711. package/dist/siemens-ix/p-30728d2c.entry.js +0 -2
  712. package/dist/siemens-ix/p-30728d2c.entry.js.map +0 -1
  713. package/dist/siemens-ix/p-30df3f84.entry.js +0 -2
  714. package/dist/siemens-ix/p-3dc1d85b.entry.js +0 -2
  715. package/dist/siemens-ix/p-3dc1d85b.entry.js.map +0 -1
  716. package/dist/siemens-ix/p-416886d6.entry.js.map +0 -1
  717. package/dist/siemens-ix/p-48f01149.entry.js +0 -2
  718. package/dist/siemens-ix/p-48f01149.entry.js.map +0 -1
  719. package/dist/siemens-ix/p-53e82da9.entry.js.map +0 -1
  720. package/dist/siemens-ix/p-5bed04ac.entry.js +0 -2
  721. package/dist/siemens-ix/p-5bed04ac.entry.js.map +0 -1
  722. package/dist/siemens-ix/p-5f72640f.entry.js +0 -2
  723. package/dist/siemens-ix/p-5f72640f.entry.js.map +0 -1
  724. package/dist/siemens-ix/p-6c2818da.entry.js.map +0 -1
  725. package/dist/siemens-ix/p-6c873cc5.entry.js +0 -2
  726. package/dist/siemens-ix/p-71e94914.entry.js.map +0 -1
  727. package/dist/siemens-ix/p-740420eb.entry.js +0 -2
  728. package/dist/siemens-ix/p-740420eb.entry.js.map +0 -1
  729. package/dist/siemens-ix/p-85727880.entry.js.map +0 -1
  730. package/dist/siemens-ix/p-90089ce1.entry.js +0 -2
  731. package/dist/siemens-ix/p-92032674.entry.js.map +0 -1
  732. package/dist/siemens-ix/p-99ad8022.entry.js.map +0 -1
  733. package/dist/siemens-ix/p-9bd4c682.entry.js +0 -2
  734. package/dist/siemens-ix/p-CAqtPJ4-.js +0 -2
  735. package/dist/siemens-ix/p-CAqtPJ4-.js.map +0 -1
  736. package/dist/siemens-ix/p-CFRrPFxi.js +0 -2
  737. package/dist/siemens-ix/p-CFRrPFxi.js.map +0 -1
  738. package/dist/siemens-ix/p-CzzcLSmV.js.map +0 -1
  739. package/dist/siemens-ix/p-c8cf26c5.entry.js.map +0 -1
  740. package/dist/siemens-ix/p-d0d972c2.entry.js +0 -2
  741. package/dist/siemens-ix/p-ddaf98b6.entry.js +0 -2
  742. package/dist/siemens-ix/p-ddaf98b6.entry.js.map +0 -1
  743. package/dist/siemens-ix/p-e9de8dd5.entry.js +0 -2
  744. package/dist/siemens-ix/p-e9de8dd5.entry.js.map +0 -1
  745. package/dist/siemens-ix/p-f55eef69.entry.js +0 -2
  746. package/dist/siemens-ix/p-f55eef69.entry.js.map +0 -1
  747. package/dist/siemens-ix/p-fbd896c5.entry.js.map +0 -1
  748. package/dist/types/components/input-group/input-group.d.ts +0 -24
  749. package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +0 -45
  750. package/scss/components/_input-group.scss +0 -32
  751. package/scss/theme/core/components/breadcrumb.scss +0 -37
  752. /package/dist/siemens-ix/{p-90bd8d7b.entry.js.map → p-0ba7d263.entry.js.map} +0 -0
  753. /package/dist/siemens-ix/{p-f455c56a.entry.js.map → p-111687a2.entry.js.map} +0 -0
  754. /package/dist/siemens-ix/{p-8b3cfb2d.entry.js.map → p-1ac88556.entry.js.map} +0 -0
  755. /package/dist/siemens-ix/{p-95d4d849.entry.js.map → p-1bd1380b.entry.js.map} +0 -0
  756. /package/dist/siemens-ix/{p-5849a210.entry.js.map → p-1cd4280f.entry.js.map} +0 -0
  757. /package/dist/siemens-ix/{p-48b0fef4.entry.js.map → p-2041357d.entry.js.map} +0 -0
  758. /package/dist/siemens-ix/{p-52dc3ba0.entry.js.map → p-28fe8512.entry.js.map} +0 -0
  759. /package/dist/siemens-ix/{p-4263f3b6.entry.js.map → p-2b046df5.entry.js.map} +0 -0
  760. /package/dist/siemens-ix/{p-1b2e4b8f.entry.js.map → p-331f1b60.entry.js.map} +0 -0
  761. /package/dist/siemens-ix/{p-faa47c0e.entry.js.map → p-6645d4ee.entry.js.map} +0 -0
  762. /package/dist/siemens-ix/{p-eba51393.entry.js.map → p-7060645f.entry.js.map} +0 -0
  763. /package/dist/siemens-ix/{p-6c873cc5.entry.js.map → p-71a38f35.entry.js.map} +0 -0
  764. /package/dist/siemens-ix/{p-81c8d542.entry.js.map → p-75f4bbb1.entry.js.map} +0 -0
  765. /package/dist/siemens-ix/{p-a76a69fb.entry.js.map → p-8c612656.entry.js.map} +0 -0
  766. /package/dist/siemens-ix/{p-5140e6e6.entry.js.map → p-91fa3ab0.entry.js.map} +0 -0
  767. /package/dist/siemens-ix/{p-f29eaee8.entry.js.map → p-9272ae83.entry.js.map} +0 -0
  768. /package/dist/siemens-ix/{p-f6d678a6.entry.js.map → p-9b88a932.entry.js.map} +0 -0
  769. /package/dist/siemens-ix/{p-7a108b0d.entry.js.map → p-9dbfd7cd.entry.js.map} +0 -0
  770. /package/dist/siemens-ix/{p-9bd4c682.entry.js.map → p-a6612a5b.entry.js.map} +0 -0
  771. /package/dist/siemens-ix/{p-cd11dfa8.entry.js.map → p-bb878ea4.entry.js.map} +0 -0
  772. /package/dist/siemens-ix/{p-0469aec7.entry.js.map → p-bf2374a0.entry.js.map} +0 -0
  773. /package/dist/siemens-ix/{p-30545ef9.entry.js.map → p-c10b2e40.entry.js.map} +0 -0
  774. /package/dist/siemens-ix/{p-5c109476.entry.js.map → p-c248940f.entry.js.map} +0 -0
  775. /package/dist/siemens-ix/{p-8eee6a03.entry.js.map → p-c413e3c4.entry.js.map} +0 -0
  776. /package/dist/siemens-ix/{p-746b04cb.entry.js.map → p-c6ecc2e3.entry.js.map} +0 -0
  777. /package/dist/siemens-ix/{p-01656234.entry.js.map → p-c949686e.entry.js.map} +0 -0
  778. /package/dist/siemens-ix/{p-b6dad40c.entry.js.map → p-d0213ff0.entry.js.map} +0 -0
  779. /package/dist/siemens-ix/{p-8e48a7a1.entry.js.map → p-d1254b5b.entry.js.map} +0 -0
  780. /package/dist/siemens-ix/{p-a0d7af11.entry.js.map → p-d585e581.entry.js.map} +0 -0
  781. /package/dist/siemens-ix/{p-dd82ebbc.entry.js.map → p-d7c7d38b.entry.js.map} +0 -0
  782. /package/dist/siemens-ix/{p-c446ffdb.entry.js.map → p-db02f4c2.entry.js.map} +0 -0
  783. /package/dist/siemens-ix/{p-6a39d630.entry.js.map → p-e3a219e3.entry.js.map} +0 -0
  784. /package/dist/siemens-ix/{p-bd369344.entry.js.map → p-e55cd52b.entry.js.map} +0 -0
  785. /package/dist/siemens-ix/{p-14fca48a.entry.js.map → p-f14790b4.entry.js.map} +0 -0
  786. /package/dist/siemens-ix/{p-90089ce1.entry.js.map → p-fbedad11.entry.js.map} +0 -0
@@ -0,0 +1 @@
1
+ {"file":"p-DSF854K6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utils/focus.ts","src/components/dropdown/dropdown.scss?tag=ix-dropdown&encapsulation=shadow","src/components/dropdown/dropdown.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { addDisposableEventListener } from './disposable-event-listener';\n\nexport class ArrowFocusController {\n public items: Element[];\n\n container?: HTMLElement;\n wrap = false;\n callback: any;\n\n private readonly keyListener: () => void;\n\n constructor(\n items: any[],\n container: HTMLElement,\n callback?: (index: number) => void\n ) {\n this.items = items;\n this.container = container;\n this.callback = callback;\n this.keyListener = addDisposableEventListener(\n container,\n 'keydown',\n (e: Event) => this.onKeyDown(e as KeyboardEvent)\n );\n }\n\n private getActiveIndex() {\n if (!document.activeElement) {\n return -1;\n }\n return this.items.indexOf(document.activeElement);\n }\n\n private onKeyDown(e: KeyboardEvent) {\n const activeIndex = this.getActiveIndex();\n\n if (activeIndex < 0) {\n return;\n }\n\n switch (e.key) {\n case 'ArrowDown':\n if (activeIndex < this.items.length - 1) {\n e.preventDefault();\n this.callback?.(activeIndex + 1);\n } else if (this.wrap) {\n e.preventDefault();\n this.callback?.(0);\n }\n break;\n\n case 'ArrowUp':\n {\n if (activeIndex > 0) {\n e.preventDefault();\n this.callback?.(activeIndex - 1);\n } else if (this.wrap && activeIndex === 0) {\n e.preventDefault();\n this.callback?.(this.items.length - 1);\n }\n }\n break;\n }\n }\n\n disconnect() {\n if (this.keyListener) {\n this.keyListener();\n }\n\n this.container = undefined;\n this.callback = undefined;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n\n@use 'legacy/mixins/fonts';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n\n:host {\n background-color: var(--theme-color-2);\n border-radius: var(--theme-default-border-radius);\n min-width: 0px;\n z-index: var(--theme-z-index-dropdown);\n box-shadow: var(--theme-shadow-4);\n\n padding: 0.25rem 0px;\n\n @include component.ix-component;\n\n .dropdown-header {\n display: flex;\n align-items: center;\n height: vars.$large-control-height;\n color: var(--theme-menu-header--color);\n padding: 0 vars.$default-space;\n }\n}\n\n$dropdown-offset: 3rem;\n\n:host(.overflow) {\n max-height: calc(50vh - $dropdown-offset);\n overflow-y: auto;\n}\n\n:host(:not(.show)) {\n display: none;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n autoUpdate,\n computePosition,\n ComputePositionConfig,\n flip,\n inline,\n offset,\n shift,\n} from '@floating-ui/dom';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { ComponentInterface } from '@stencil/core/internal';\nimport { ArrowFocusController } from '../utils/focus';\nimport {\n CloseBehavior,\n dropdownController,\n DropdownInterface,\n hasDropdownItemWrapperImplemented,\n} from './dropdown-controller';\nimport { AlignedPlacement } from './placement';\nimport { findElement } from '../utils/find-element';\nimport {\n addDisposableEventListener,\n DisposableEventListener,\n} from '../utils/disposable-event-listener';\nimport { ElementReference } from '../utils/element-reference';\n\nlet sequenceId = 0;\n\n@Component({\n tag: 'ix-dropdown',\n styleUrl: 'dropdown.scss',\n shadow: true,\n})\nexport class Dropdown implements ComponentInterface, DropdownInterface {\n @Element() hostElement!: HTMLIxDropdownElement;\n\n /**\n * Suppress the automatic placement of the dropdown.\n */\n @Prop() suppressAutomaticPlacement = false;\n\n /**\n * Show dropdown\n */\n @Prop({ mutable: true, reflect: true }) show = false;\n\n /**\n * Define an element that triggers the dropdown.\n * A trigger can either be a string that will be interpreted as id attribute or a DOM element.\n */\n @Prop() trigger?: ElementReference;\n\n /**\n * Define an anchor element\n */\n @Prop() anchor?: ElementReference;\n\n /**\n * Controls if the dropdown will be closed in response to a click event depending on the position of the event relative to the dropdown.\n * If the dropdown is a child of another one, it will be closed with the parent, regardless of its own close behavior.\n */\n @Prop() closeBehavior: CloseBehavior = 'both';\n\n /**\n * Placement of the dropdown\n */\n @Prop() placement: AlignedPlacement = 'bottom-start';\n\n /**\n * Position strategy\n */\n @Prop() positioningStrategy: 'absolute' | 'fixed' = 'fixed';\n\n /**\n * An optional header shown at the top of the dropdown\n */\n @Prop() header?: string;\n\n /**\n * Move dropdown along main axis of alignment\n *\n * @internal\n */\n @Prop() offset?: {\n mainAxis?: number;\n crossAxis?: number;\n alignmentAxis?: number;\n };\n\n /**\n * @internal\n */\n @Prop() overwriteDropdownStyle?: (delegate: {\n dropdownRef: HTMLElement;\n triggerRef?: HTMLElement;\n }) => Promise<Partial<CSSStyleDeclaration>>;\n\n /**\n * @internal\n * If initialization of this dropdown is expected to be deferred submenu discovery will have to be re-run globally by the controller.\n * This property indicates the need for that to the controller.\n */\n @Prop() discoverAllSubmenus = false;\n\n /** @internal */\n @Prop() ignoreRelatedSubmenu = false;\n\n /** @internal */\n @Prop() suppressOverflowBehavior = false;\n\n /**\n * Fire event after visibility of dropdown has changed\n */\n @Event() showChanged!: EventEmitter<boolean>;\n\n private autoUpdateCleanup?: () => void;\n\n private triggerElement?: Element;\n private anchorElement?: Element;\n private arrowFocusController?: ArrowFocusController;\n\n private localUId = `dropdown-${sequenceId++}`;\n private assignedSubmenu: string[] = [];\n\n private itemObserver? = new MutationObserver(() => {\n if (this.arrowFocusController) {\n this.arrowFocusController.items = this.dropdownItems;\n }\n });\n\n connectedCallback(): void {\n dropdownController.connected(this);\n\n if (this.trigger != undefined) {\n this.registerListener(this.trigger);\n }\n }\n\n @Listen('ix-assign-sub-menu')\n cacheSubmenuId(event: CustomEvent<string>) {\n event.stopImmediatePropagation();\n event.preventDefault();\n\n const { detail } = event;\n\n if (this.assignedSubmenu.indexOf(detail) === -1) {\n this.assignedSubmenu.push(detail);\n }\n }\n\n disconnectedCallback() {\n dropdownController.dismiss(this);\n dropdownController.disconnected(this);\n\n if (this.arrowFocusController) {\n this.arrowFocusController?.disconnect();\n this.arrowFocusController = undefined;\n }\n\n if (this.itemObserver) {\n this.itemObserver.disconnect();\n this.itemObserver = undefined;\n }\n\n if (this.disposeClickListener) {\n this.disposeClickListener();\n this.disposeClickListener = undefined;\n }\n\n if (this.disposeKeyListener) {\n this.disposeKeyListener();\n this.disposeKeyListener = undefined;\n }\n\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n this.autoUpdateCleanup = undefined;\n }\n }\n\n getAssignedSubmenuIds() {\n return this.assignedSubmenu;\n }\n\n isPresent() {\n return this.show;\n }\n\n present() {\n this.show = true;\n }\n\n dismiss() {\n this.show = false;\n }\n\n getId() {\n return this.localUId;\n }\n\n willDismiss() {\n const { defaultPrevented } = this.showChanged.emit(false);\n return !defaultPrevented;\n }\n\n willPresent() {\n const { defaultPrevented } = this.showChanged.emit(true);\n return !defaultPrevented;\n }\n\n get dropdownItems() {\n return Array.from(this.hostElement.querySelectorAll('ix-dropdown-item'));\n }\n\n get slotElement() {\n return this.hostElement.shadowRoot!.querySelector('slot');\n }\n\n private disposeClickListener?: DisposableEventListener;\n private disposeKeyListener?: DisposableEventListener;\n\n private addEventListenersFor() {\n this.disposeClickListener?.();\n this.disposeKeyListener?.();\n\n const toggleController = () => {\n if (!this.isPresent()) {\n dropdownController.present(this);\n } else {\n dropdownController.dismiss(this);\n }\n\n dropdownController.dismissOthers(this.getId());\n };\n\n if (!this.triggerElement) {\n return;\n }\n\n this.disposeClickListener = addDisposableEventListener(\n this.triggerElement,\n 'click',\n (event: Event) => {\n if (!event.defaultPrevented) {\n toggleController();\n }\n }\n );\n\n this.triggerElement?.setAttribute(\n 'data-ix-dropdown-trigger',\n this.localUId\n );\n }\n\n /** @internal */\n @Method()\n async discoverSubmenu() {\n this.triggerElement?.dispatchEvent(\n new CustomEvent('ix-assign-sub-menu', {\n bubbles: true,\n composed: true,\n cancelable: true,\n detail: this.localUId,\n })\n );\n }\n\n private registerKeyListener() {\n if (!this.triggerElement) {\n return;\n }\n\n this.disposeKeyListener = addDisposableEventListener(\n this.triggerElement,\n 'keydown',\n ((event: KeyboardEvent) => {\n if (event.key !== 'ArrowDown') {\n return;\n }\n\n if (document.activeElement !== this.triggerElement) {\n return;\n }\n\n dropdownController.present(this);\n\n setTimeout(() => {\n this.focusDropdownItem(0);\n });\n }) as EventListener\n );\n }\n\n private async registerListener(element: ElementReference) {\n this.triggerElement = await this.resolveElement(element);\n if (this.triggerElement) {\n this.addEventListenersFor();\n this.discoverSubmenu();\n }\n }\n\n private async resolveElement(element: ElementReference) {\n const el = await findElement(element);\n\n return this.checkForSubmenuAnchor(el);\n }\n\n private async checkForSubmenuAnchor(element?: Element) {\n if (!element) {\n return undefined;\n }\n\n if (hasDropdownItemWrapperImplemented(element)) {\n const dropdownItem = await element.getDropdownItemElement();\n dropdownItem.isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n }\n\n if (element.tagName === 'IX-DROPDOWN-ITEM') {\n (element as HTMLIxDropdownItemElement).isSubMenu = true;\n this.hostElement.style.zIndex = `var(--theme-z-index-dropdown)`;\n }\n\n return element;\n }\n\n private async resolveAnchorElement() {\n if (this.anchor) {\n this.anchorElement = await this.resolveElement(this.anchor);\n } else if (this.trigger) {\n this.anchorElement = await this.resolveElement(this.trigger);\n }\n }\n\n @Watch('show')\n async changedShow(newShow: boolean) {\n if (newShow) {\n await this.resolveAnchorElement();\n\n if (this.anchorElement) {\n this.applyDropdownPosition();\n }\n\n this.arrowFocusController = new ArrowFocusController(\n this.dropdownItems,\n this.hostElement,\n (index) => this.focusDropdownItem(index)\n );\n\n this.itemObserver?.observe(this.hostElement, {\n childList: true,\n subtree: true,\n });\n\n this.registerKeyListener();\n } else {\n this.destroyAutoUpdate();\n this.arrowFocusController?.disconnect();\n this.itemObserver?.disconnect();\n this.disposeKeyListener?.();\n }\n }\n\n @Watch('trigger')\n changedTrigger(newTriggerValue: ElementReference) {\n this.registerListener(newTriggerValue);\n }\n\n private destroyAutoUpdate() {\n if (this.autoUpdateCleanup) {\n this.autoUpdateCleanup();\n this.autoUpdateCleanup = undefined;\n }\n }\n\n private isAnchorSubmenu(): boolean {\n if (!hasDropdownItemWrapperImplemented(this.anchorElement)) {\n // Is no official dropdown-item, but check if any dropdown-item\n // is placed somewhere up the DOM\n return !!this.anchorElement?.closest('ix-dropdown-item');\n }\n\n return true;\n }\n\n private async applyDropdownPosition() {\n if (!this.show) {\n return;\n }\n if (!this.anchorElement) {\n return;\n }\n const isSubmenu = this.isAnchorSubmenu();\n\n let positionConfig: Partial<ComputePositionConfig> = {\n strategy: this.positioningStrategy,\n middleware: [],\n };\n\n if (!this.suppressAutomaticPlacement) {\n positionConfig.middleware?.push(\n flip({ fallbackStrategy: 'initialPlacement' })\n );\n }\n\n positionConfig.placement = isSubmenu ? 'right-start' : this.placement;\n\n positionConfig.middleware = [\n ...(positionConfig.middleware?.filter(Boolean) || []),\n inline(),\n shift(),\n ];\n\n if (this.offset) {\n positionConfig.middleware.push(offset(this.offset));\n }\n\n this.destroyAutoUpdate();\n\n if (!this.anchorElement) {\n return;\n }\n\n this.autoUpdateCleanup = autoUpdate(\n this.anchorElement,\n this.hostElement,\n async () => {\n if (this.anchorElement) {\n const computeResponse = await computePosition(\n this.anchorElement,\n this.hostElement,\n positionConfig\n );\n Object.assign(this.hostElement.style, {\n top: '0',\n left: '0',\n transform: `translate(${Math.round(\n computeResponse.x\n )}px,${Math.round(computeResponse.y)}px)`,\n });\n }\n if (this.overwriteDropdownStyle) {\n const overwriteStyle = await this.overwriteDropdownStyle({\n dropdownRef: this.hostElement,\n triggerRef: this.triggerElement as HTMLElement,\n });\n\n Object.assign(this.hostElement.style, overwriteStyle);\n }\n },\n {\n ancestorResize: true,\n ancestorScroll: true,\n elementResize: true,\n }\n );\n }\n\n private focusDropdownItem(index: number) {\n requestAnimationFrame(() => {\n const button =\n this.dropdownItems[index]?.shadowRoot?.querySelector('button');\n\n if (button) {\n button.focus();\n }\n });\n }\n\n async componentDidLoad() {\n if (!this.trigger) {\n return;\n }\n\n this.changedTrigger(this.trigger);\n }\n\n async componentDidRender() {\n await this.applyDropdownPosition();\n await this.resolveAnchorElement();\n }\n\n private isTriggerElement(element: HTMLElement) {\n const trigger = !!element.hasAttribute('data-ix-dropdown-trigger');\n\n return trigger;\n }\n\n private onDropdownClick(event: PointerEvent) {\n const target = dropdownController.pathIncludesTrigger(event.composedPath());\n if (target) {\n if (target !== this.triggerElement) {\n event.preventDefault();\n }\n\n if (this.isTriggerElement(target)) {\n if (this.closeBehavior === 'outside') {\n event.preventDefault();\n }\n return;\n }\n }\n\n if (\n !event.defaultPrevented &&\n (this.closeBehavior === 'inside' || this.closeBehavior === 'both')\n ) {\n dropdownController.dismissAll([this.getId()], this.ignoreRelatedSubmenu);\n return;\n }\n\n dropdownController.dismissOthers(this.getId());\n }\n\n /**\n * Update position of dropdown\n */\n @Method()\n async updatePosition() {\n this.applyDropdownPosition();\n }\n\n render() {\n return (\n <Host\n data-ix-dropdown={this.localUId}\n class={{\n 'dropdown-menu': true,\n show: this.show,\n overflow: !this.suppressOverflowBehavior,\n }}\n style={{\n margin: '0',\n minWidth: '0px',\n position: this.positioningStrategy,\n }}\n role=\"list\"\n onClick={(event: PointerEvent) => this.onDropdownClick(event)}\n >\n <div style={{ display: 'contents' }}>\n {this.header && <div class=\"dropdown-header\">{this.header}</div>}\n {this.show && <slot></slot>}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -0,0 +1,78 @@
1
+ import { p as proxyCustomElement, H, e as createEvent, h, d as Host } from './p-DFHA6KvD.js';
2
+
3
+ const groupItemCss = ":host{display:flex;min-height:2.25rem;height:2.25rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host>button,:host>.group-footer{display:flex;height:100%;width:100%;align-items:center;justify-content:flex-start;position:relative;outline:none;background-color:var(--theme-group-item--background);border:1px solid transparent;color:var(--theme-color-std-text);cursor:pointer;padding-left:2.5rem}:host>button:focus-visible,:host>.group-footer:focus-visible{border:1px solid var(--theme-color-focus-bdr)}:host>button:disabled,:host>.group-footer:disabled{cursor:default;pointer-events:none}:host .group-footer{cursor:default;border:none}:host ix-icon{margin-right:0.25rem;margin-top:-0.125rem}:host .group-entry-selection-indicator{position:absolute;left:-1px;height:calc(100% + 2px);width:0.25rem}:host .group-entry-text{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .group-entry-text-secondary{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text)}:host .group-entry-text-secondary,:host .group-entry-text-secondary span{font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.selected){border-top-width:0.062rem !important;background-color:var(--theme-color-ghost--selected)}:host(.selected) .group-entry-selection-indicator{background-color:var(--theme-group-item-indicator--background--selected)}:host(:not(.suppress-mouse-states):hover){background-color:var(--theme-color-ghost--selected-hover);border-color:var(--theme-group-item--border-color--hover)}:host(:not(.suppress-mouse-states).selected:hover){background-color:var(--theme-color-ghost--selected-hover)}:host(:not(.suppress-mouse-states):active):not(.suppress-mouse-states){background-color:var(--theme-color-ghost--selected-active);border-color:var(--theme-group-item--border-color--active)}:host(:not(.suppress-mouse-states).selected:active):not(.suppress-mouse-states){background-color:var(--theme-color-ghost--selected-active)}:host([disabled]){pointer-events:none;color:var(--theme-color-weak-text)}";
4
+
5
+ const GroupItem = /*@__PURE__*/ proxyCustomElement(class GroupItem extends H {
6
+ constructor(registerHost) {
7
+ super();
8
+ if (registerHost !== false) {
9
+ this.__registerHost();
10
+ }
11
+ this.__attachShadow();
12
+ this.selectedChanged = createEvent(this, "selectedChanged", 7);
13
+ /**
14
+ * Supress the selection of the group
15
+ */
16
+ this.suppressSelection = false;
17
+ /**
18
+ * @internal
19
+ * Item represents the footer of the group
20
+ */
21
+ this.groupFooter = false;
22
+ /**
23
+ * Show selected state
24
+ */
25
+ this.selected = false;
26
+ /**
27
+ * Disable the group item.
28
+ * The elements tabindex attribute will get set accordingly.
29
+ *
30
+ * If false tabindex will be 0, -1 otherwise.
31
+ */
32
+ this.disabled = false;
33
+ }
34
+ clickListen() {
35
+ if (this.suppressSelection || this.disabled) {
36
+ return;
37
+ }
38
+ this.selectedChanged.emit(this.hostElement);
39
+ }
40
+ render() {
41
+ if (this.groupFooter) {
42
+ return (h(Host, { class: "suppress-mouse-states" }, h("div", { class: "group-footer" }, h("slot", null))));
43
+ }
44
+ return (h(Host, { class: {
45
+ selected: this.selected && !this.suppressSelection,
46
+ } }, h("button", { tabindex: this.disabled ? -1 : 0, disabled: this.disabled }, h("div", { class: "group-entry-selection-indicator" }), this.icon ? (h("ix-icon", { size: "16", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, this.text ? (h("span", { class: "group-entry-text" }, h("span", { title: this.text }, this.text))) : null, this.secondaryText ? (h("span", { class: "group-entry-text-secondary" }, h("span", { title: this.secondaryText }, this.secondaryText))) : null, h("slot", null))));
47
+ }
48
+ get hostElement() { return this; }
49
+ static get style() { return groupItemCss; }
50
+ }, [257, "ix-group-item", {
51
+ "icon": [1],
52
+ "ariaLabelIcon": [1, "aria-label-icon"],
53
+ "text": [1],
54
+ "secondaryText": [1, "secondary-text"],
55
+ "suppressSelection": [4, "suppress-selection"],
56
+ "groupFooter": [4, "group-footer"],
57
+ "selected": [4],
58
+ "disabled": [4],
59
+ "index": [2]
60
+ }, [[1, "click", "clickListen"]]]);
61
+ function defineCustomElement() {
62
+ if (typeof customElements === "undefined") {
63
+ return;
64
+ }
65
+ const components = ["ix-group-item"];
66
+ components.forEach(tagName => { switch (tagName) {
67
+ case "ix-group-item":
68
+ if (!customElements.get(tagName)) {
69
+ customElements.define(tagName, GroupItem);
70
+ }
71
+ break;
72
+ } });
73
+ }
74
+
75
+ export { GroupItem as G, defineCustomElement as d };
76
+ //# sourceMappingURL=p-DVPJHakC.js.map
77
+
78
+ //# sourceMappingURL=p-DVPJHakC.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-DVPJHakC.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ymGAAymG;;MCyBjnG,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;AALtB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AA4BE;;AAEG;AACK,QAAA,IAAiB,CAAA,iBAAA,GAAG,KAAK;AAEjC;;;AAGG;AACK,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK;AAE3B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;;;;AAKG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AA6DzB;IAhDC,WAAW,GAAA;QACT,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC3C;;QAEF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;IAG7C,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,YAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,uBAAuB,EAAA,EACjC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACT,CACD;;AAIX,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,iBAAiB;AACnD,aAAA,EAAA,EAED,CAAA,CAAA,QAAA,EAAA,EAAQ,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAA,EAC/D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,iCAAiC,EAAO,CAAA,EAClD,IAAI,CAAC,IAAI,IACR,CACE,CAAA,SAAA,EAAA,EAAA,IAAI,EAAC,IAAI,EACT,IAAI,EAAE,IAAI,CAAC,IAAI,EAAA,YAAA,EACH,IAAI,CAAC,aAAa,EAAA,CACrB,IACT,IAAI,EACP,IAAI,CAAC,IAAI,IACR,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,kBAAkB,EAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,IAAI,CAAC,IAAI,EAAG,EAAA,IAAI,CAAC,IAAI,CAAQ,CACrC,IACL,IAAI,EACP,IAAI,CAAC,aAAa,IACjB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,4BAA4B,EAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAE,IAAI,CAAC,aAAa,EAAG,EAAA,IAAI,CAAC,aAAa,CAAQ,CACvD,IACL,IAAI,EACR,CAAa,CAAA,MAAA,EAAA,IAAA,CAAA,CACN,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/group-item/group-item.scss?tag=ix-group-item&encapsulation=shadow","src/components/group-item/group-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'legacy/mixins/fonts';\n@use 'mixins/shadow-dom/hover';\n@use 'mixins/shadow-dom/component';\n@use 'mixins/text-truncation';\n\n$focusBorderWidth: 1px;\n\n:host {\n display: flex;\n min-height: 2.25rem;\n height: 2.25rem;\n\n @include component.ix-component;\n\n > button,\n > .group-footer {\n display: flex;\n height: 100%;\n width: 100%;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n outline: none;\n background-color: var(--theme-group-item--background);\n border: 1px solid transparent;\n color: var(--theme-color-std-text);\n cursor: pointer;\n\n padding-left: 2.5rem;\n\n &:focus-visible {\n border: $focusBorderWidth solid var(--theme-color-focus-bdr);\n }\n\n &:disabled {\n cursor: default;\n pointer-events: none;\n }\n }\n\n .group-footer {\n cursor: default;\n border: none;\n }\n\n ix-icon {\n margin-right: vars.$tiny-space;\n margin-top: -0.125rem;\n }\n\n .group-entry-selection-indicator {\n position: absolute;\n left: -#{$focusBorderWidth};\n height: calc(100% + #{$focusBorderWidth * 2});\n width: vars.$tiny-space;\n }\n\n .group-entry-text {\n @include fonts.text-default;\n @include text-truncation.ellipsis();\n }\n\n .group-entry-text-secondary {\n display: flex;\n justify-content: flex-end;\n flex-grow: 1;\n white-space: nowrap;\n color: var(--theme-color-soft-text);\n\n &,\n span {\n @include fonts.text-default;\n @include text-truncation.ellipsis;\n }\n }\n}\n\n:host(.selected) {\n border-top-width: 0.062rem !important;\n background-color: var(--theme-color-ghost--selected);\n\n .group-entry-selection-indicator {\n background-color: var(--theme-group-item-indicator--background--selected);\n }\n}\n\n:host(:not(.suppress-mouse-states):hover) {\n background-color: var(--theme-color-ghost--selected-hover);\n border-color: var(--theme-group-item--border-color--hover);\n}\n\n:host(:not(.suppress-mouse-states).selected:hover) {\n background-color: var(--theme-color-ghost--selected-hover);\n}\n\n:host(:not(.suppress-mouse-states):active):not(.suppress-mouse-states) {\n background-color: var(--theme-color-ghost--selected-active);\n border-color: var(--theme-group-item--border-color--active);\n}\n\n:host(:not(.suppress-mouse-states).selected:active):not(\n .suppress-mouse-states\n ) {\n background-color: var(--theme-color-ghost--selected-active);\n}\n\n:host([disabled]) {\n pointer-events: none;\n color: var(--theme-color-weak-text);\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from '@stencil/core';\n\n@Component({\n tag: 'ix-group-item',\n styleUrl: 'group-item.scss',\n shadow: true,\n})\nexport class GroupItem {\n @Element() hostElement!: HTMLIxGroupItemElement;\n\n /**\n * Group item icon\n */\n @Prop() icon?: string;\n\n /**\n * ARIA label for the icon\n */\n @Prop() ariaLabelIcon?: string;\n\n /**\n * Group item text\n */\n @Prop() text?: string;\n\n /**\n * Group item secondary text\n */\n @Prop() secondaryText?: string;\n\n /**\n * Supress the selection of the group\n */\n @Prop() suppressSelection = false;\n\n /**\n * @internal\n * Item represents the footer of the group\n */\n @Prop() groupFooter = false;\n\n /**\n * Show selected state\n */\n @Prop() selected: boolean = false;\n\n /**\n * Disable the group item.\n * The elements tabindex attribute will get set accordingly.\n *\n * If false tabindex will be 0, -1 otherwise.\n */\n @Prop() disabled = false;\n\n /**\n * Selection changed\n */\n @Event() selectedChanged!: EventEmitter<HTMLIxGroupItemElement>;\n\n /**\n * Index\n */\n @Prop() index?: number;\n\n @Listen('click', { passive: true })\n clickListen() {\n if (this.suppressSelection || this.disabled) {\n return;\n }\n this.selectedChanged.emit(this.hostElement);\n }\n\n render() {\n if (this.groupFooter) {\n return (\n <Host class=\"suppress-mouse-states\">\n <div class=\"group-footer\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n\n return (\n <Host\n class={{\n selected: this.selected && !this.suppressSelection,\n }}\n >\n <button tabindex={this.disabled ? -1 : 0} disabled={this.disabled}>\n <div class=\"group-entry-selection-indicator\"></div>\n {this.icon ? (\n <ix-icon\n size=\"16\"\n name={this.icon}\n aria-label={this.ariaLabelIcon}\n ></ix-icon>\n ) : null}\n {this.text ? (\n <span class=\"group-entry-text\">\n <span title={this.text}>{this.text}</span>\n </span>\n ) : null}\n {this.secondaryText ? (\n <span class=\"group-entry-text-secondary\">\n <span title={this.secondaryText}>{this.secondaryText}</span>\n </span>\n ) : null}\n <slot></slot>\n </button>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -4,8 +4,8 @@ import { m as makeRef } from './p-bcj7UEIC.js';
4
4
  import { m as menuController } from './p-BncjKdXL.js';
5
5
  import { G as iconDocument } from './p-taILGXkr.js';
6
6
  import { a as a11yBoolean } from './p-Bb7pDeaQ.js';
7
- import { d as defineCustomElement$2 } from './p-CGPMGyof.js';
8
- import { d as defineCustomElement$1 } from './p-BrgHqrnH.js';
7
+ import { d as defineCustomElement$2 } from './p-BmLRwuMH.js';
8
+ import { d as defineCustomElement$1 } from './p-C4MK63gz.js';
9
9
 
10
10
  /*
11
11
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -120,11 +120,11 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
120
120
  tabIndex: this.disabled ? -1 : 0,
121
121
  };
122
122
  const menuContent = [
123
- this.icon && h("ix-icon", { key: '247ccf76115c4f9a3504ae8625cd064da17cb5f4', class: 'tab-icon', name: this.icon }),
123
+ this.icon && h("ix-icon", { key: '7450154ddbe822f7c017f81be83d48c31ca830ea', class: 'tab-icon', name: this.icon }),
124
124
  this.notifications ? (h("div", { class: "notification" }, h("div", { class: "pill" }, this.notifications))) : null,
125
- h("span", { key: 'c98c04295888f8be7e0016cce7d749c19d641d32', id: this.internalItemId, class: "tab-text text-default" }, this.label, h("slot", { key: 'ce04723016a4187e57f1dd31e4cb43cbea1cde93' })),
125
+ h("span", { key: '53c5e2a2ff8111e4360edf2b44acd1a305a8ca17', id: this.internalItemId, class: "tab-text text-default" }, this.label, h("slot", { key: '82b8b69c7519342d617f9bda5367b5c826e9f098' })),
126
126
  ];
127
- return (h(Host, Object.assign({ key: '4f5490aa3304bdaa57dfbe5f2f9e292f78571ef7', class: {
127
+ return (h(Host, Object.assign({ key: 'b80a8dbcb7cb5a6dbffe6747352e565cf9abb1bf', class: {
128
128
  disabled: this.disabled,
129
129
  'home-tab': this.home,
130
130
  'bottom-tab': this.bottom,
@@ -135,7 +135,7 @@ const MenuItem = /*@__PURE__*/ proxyCustomElement(class MenuItem extends H {
135
135
  e.preventDefault();
136
136
  e.stopPropagation();
137
137
  }
138
- } }), menuContent)) : (h("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), h("ix-tooltip", { key: '9eb280ed1e0b95127eae4db991470111f1af550a', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
138
+ } }), menuContent)) : (h("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), h("ix-tooltip", { key: 'f95a923b5c8d36f15adf85a4805405595be31f55', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
139
139
  }
140
140
  get hostElement() { return this; }
141
141
  static get watchers() { return {
@@ -186,6 +186,6 @@ function defineCustomElement() {
186
186
  }
187
187
 
188
188
  export { MenuItem as M, defineCustomElement as d };
189
- //# sourceMappingURL=p-C-7UhkWz.js.map
189
+ //# sourceMappingURL=p-DaR6pX8w.js.map
190
190
 
191
- //# sourceMappingURL=p-C-7UhkWz.js.map
191
+ //# sourceMappingURL=p-DaR6pX8w.js.map
@@ -1 +1 @@
1
- {"file":"p-C-7UhkWz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utils/uuid.ts","src/components/menu-item/menu-item.scss?tag=ix-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function generateUUID(): string {\n const randomString =\n Math.random().toString(36).substring(2, 15) +\n Math.random().toString(36).substring(2, 15);\n\n const timestampString = new Date().getTime().toString(36);\n const uuid = randomString + timestampString;\n\n return uuid;\n}\n\nexport const createSequentialId = (prefix: string, sequenceId: number) => {\n return `${prefix}-${sequenceId++}`;\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n\n$menuItemHeight: 3rem;\n$menuItemPadding: 0.875rem;\n\n:host {\n position: relative;\n display: block;\n cursor: pointer;\n\n height: var(--ix-menu-item-height, $menuItemHeight);\n min-height: var(--ix-menu-item-height, $menuItemHeight);\n max-height: var(--ix-menu-item-height, $menuItemHeight);\n\n .tab {\n all: unset;\n box-sizing: border-box;\n display: flex;\n position: relative;\n align-items: center;\n height: var(--ix-menu-item-height, $menuItemHeight);\n width: calc(100%);\n z-index: 500;\n padding-left: $menuItemPadding;\n\n @include hover.ghost-hover-pressed;\n }\n\n .tab-icon {\n color: var(--theme-nav-item-primary-icon--color);\n position: relative;\n pointer-events: none;\n }\n\n .tab:focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: -1px;\n }\n\n .notification {\n display: inline-flex;\n position: absolute;\n top: 0.25rem;\n left: 1.5rem;\n\n .pill {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: 0.5rem;\n min-width: 1rem;\n position: relative;\n border-radius: 6.25rem;\n background-color: var(--theme-color-primary);\n font-size: 0.75rem;\n font-weight: bold;\n line-height: 1;\n font-family: Siemens Sans, Arial, sans-serif;\n color: var(--theme-color-primary--contrast);\n padding: vars.$tiny-space;\n }\n }\n\n .tab-text {\n color: var(--theme-nav-item-primary--color);\n margin: 0 1rem 0 1.25rem;\n user-select: none;\n width: 100%;\n\n @include text-truncation.ellipsis;\n }\n}\n\n:host(.active),\n:host(.selected) {\n .tab {\n background-color: var(--theme-nav-item-primary--background--selected);\n }\n\n .tab::before {\n content: '';\n background-color: var(--theme-nav-item-primary--border-color--selected);\n height: var(--ix-menu-item-height, $menuItemHeight);\n width: 0.25rem;\n left: 0;\n position: absolute;\n }\n\n .tab > .glyph {\n color: var(--theme-nav-item-primary-icon--color--selected);\n }\n}\n\n:host(.disabled) {\n color: var(--theme-color-weak-text);\n pointer-events: none;\n cursor: default;\n\n .tab > .tab-icon {\n color: var(--theme-color-weak-text);\n }\n\n .tab-text {\n color: var(--theme-color-weak-text);\n }\n}\n\n:host(.bottom-tab),\n:host([slot='bottom']) {\n $bottom-height: 2.25rem;\n\n min-height: $bottom-height;\n height: $bottom-height;\n max-height: $bottom-height;\n\n .tab {\n height: $bottom-height;\n }\n\n .tab::before {\n height: $bottom-height;\n background-color: transparent;\n }\n\n &.active,\n &.selected {\n &:hover {\n background-color: var(--theme-nav-item-secondary--background--selected);\n }\n\n &:active {\n background-color: var(--theme-nav-item-secondary--background--selected);\n }\n }\n}\n\n:host(.bottom-tab.active),\n:host(.bottom-tab.selected),\n:host(.active[slot='bottom']),\n:host(.selected[slot='bottom']) {\n .tab {\n background-color: var(--theme-nav-item-secondary--background--selected);\n }\n}\n\n:host(.tab-nested) {\n .tab {\n flex-direction: row;\n padding-left: calc(0.5rem + $menuItemPadding);\n\n .notification {\n position: relative;\n top: 0;\n left: 0;\n padding-left: 0.5rem;\n }\n\n .tab-icon {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n\n .tab-text {\n margin-left: 0.5rem;\n }\n\n &::before {\n display: none;\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\nimport { iconDocument } from '@siemens/ix-icons/icons';\nimport { a11yBoolean } from '../utils/a11y';\nimport { createSequentialId } from '../utils/uuid';\nimport { IxMenuItemBase } from './menu-item.interface';\nimport { AnchorTarget } from '../button/button.interface';\n\nlet sequenceId = 0;\n\n/**\n * @slot menu-item-label Custom label\n */\n@Component({\n tag: 'ix-menu-item',\n styleUrl: 'menu-item.scss',\n shadow: true,\n})\nexport class MenuItem implements IxMenuItemBase {\n /**\n * Label of the menu item. Will also be used as tooltip text\n */\n @Prop() label?: string;\n\n /**\n * Move the Tab to a top position.\n */\n @Prop() home = false;\n\n /**\n * Caution: this is no longer working. Please use slot=\"bottom\" instead.\n *\n * Place tab on bottom\n */\n @Prop() bottom = false;\n\n /**\n * Name of the icon you want to display. Icon names can be resolved from the documentation {@link https://ix.siemens.io/docs/icon-library/icons}\n */\n @Prop({ mutable: true }) icon?: string;\n\n /**\n * Show notification count on tab\n */\n @Prop() notifications?: number;\n\n /**\n * State to display active\n */\n @Prop() active: boolean = false;\n\n /**\n * Disable tab and remove event handlers\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Will be shown as tooltip text, if not provided menu text content will be used.\n *\n * @since 4.0.0\n */\n @Prop() tooltipText?: string;\n\n /**\n * URL for the button link. When provided, the button will render as an anchor tag.\n *\n * @since 4.0.0\n */\n @Prop() href?: string;\n\n /**\n * Specifies where to open the linked document when href is provided.\n *\n * @since 4.0.0\n */\n @Prop() target?: AnchorTarget = '_self';\n\n /**\n * Specifies the relationship between the current document and the linked document when href is provided.\n *\n * @since 4.0.0\n */\n @Prop() rel?: string;\n\n /** @internal */\n @Prop() isCategory: boolean = false;\n\n @Element() hostElement!: HTMLIxMenuItemElement;\n\n @State() tooltip?: string;\n @State() ariaHiddenTooltip = false;\n @State() menuExpanded: boolean = false;\n\n private readonly internalItemId = createSequentialId(\n 'ix-menu-item-',\n sequenceId++\n );\n\n private readonly buttonRef = makeRef<HTMLButtonElement | HTMLAnchorElement>();\n private isHostedInsideCategory = false;\n private menuExpandedDisposer?: Disposable;\n\n private readonly observer: MutationObserver = createMutationObserver(() => {\n this.setTooltip();\n });\n\n componentWillLoad() {\n this.isHostedInsideCategory =\n !!this.hostElement.closest('ix-menu-category');\n\n this.onIconChange();\n\n this.menuExpanded = menuController.nativeElement?.expand || false;\n this.menuExpandedDisposer = menuController.expandChange.on(\n (expand) => (this.menuExpanded = expand)\n );\n }\n\n componentWillRender() {\n this.setTooltip();\n }\n\n setTooltip() {\n this.tooltip =\n this.tooltipText ??\n this.label ??\n this.hostElement.textContent ??\n undefined;\n\n this.ariaHiddenTooltip =\n this.tooltipText === this.label ||\n this.tooltipText === this.hostElement.textContent;\n }\n\n connectedCallback() {\n this.observer.observe(this.hostElement, {\n subtree: true,\n childList: true,\n characterData: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.menuExpandedDisposer) {\n this.menuExpandedDisposer.dispose();\n }\n }\n\n @Watch('icon')\n onIconChange() {\n if (!this.isHostedInsideCategory && !this.hostElement.icon) {\n this.icon = iconDocument;\n }\n }\n\n render() {\n let extendedAttributes = {};\n if (this.home) {\n extendedAttributes = {\n slot: 'home',\n };\n }\n\n if (this.bottom) {\n extendedAttributes = {\n slot: 'bottom',\n };\n }\n\n const commonAttributes = {\n class: 'tab',\n tabIndex: this.disabled ? -1 : 0,\n };\n\n const menuContent = [\n this.icon && <ix-icon class={'tab-icon'} name={this.icon}></ix-icon>,\n this.notifications ? (\n <div class=\"notification\">\n <div class=\"pill\">{this.notifications}</div>\n </div>\n ) : null,\n <span id={this.internalItemId} class=\"tab-text text-default\">\n {this.label}\n <slot></slot>\n </span>,\n ];\n\n return (\n <Host\n class={{\n disabled: this.disabled,\n 'home-tab': this.home,\n 'bottom-tab': this.bottom,\n active: this.active,\n 'tab-nested': this.isHostedInsideCategory,\n }}\n {...extendedAttributes}\n >\n {this.href ? (\n <a\n {...commonAttributes}\n href={this.disabled ? undefined : this.href}\n target={this.target}\n rel={this.rel}\n role=\"button\"\n ref={this.buttonRef}\n onClick={(e: Event) => {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n {menuContent}\n </a>\n ) : (\n <button {...commonAttributes} ref={this.buttonRef}>\n {menuContent}\n </button>\n )}\n <ix-tooltip\n for={this.buttonRef.waitForCurrent()}\n placement={'right'}\n showDelay={1000}\n interactive={false}\n aria-hidden={a11yBoolean(this.ariaHiddenTooltip)}\n aria-labelledby={this.internalItemId}\n >\n {this.tooltip}\n </ix-tooltip>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-DaR6pX8w.js","mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAYI,MAAM,kBAAkB,GAAG,CAAC,MAAc,EAAE,UAAkB,KAAI;AACvE,IAAA,OAAO,GAAG,MAAM,CAAA,CAAA,EAAI,UAAU,EAAE,EAAE;AACpC,CAAC;;ACrBD,MAAM,WAAW,GAAG,yzGAAyzG;;ACoB70G,IAAI,UAAU,GAAG,CAAC;MAUL,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;AALrB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAWE;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAG,KAAK;AAEpB;;;;AAIG;AACK,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;AAYtB;;AAEG;AACK,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAE/B;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAgBjC;;;;AAIG;AACK,QAAA,IAAM,CAAA,MAAA,GAAkB,OAAO;;AAU/B,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAK1B,QAAA,IAAiB,CAAA,iBAAA,GAAG,KAAK;AACzB,QAAA,IAAY,CAAA,YAAA,GAAY,KAAK;QAErB,IAAc,CAAA,cAAA,GAAG,kBAAkB,CAClD,eAAe,EACf,UAAU,EAAE,CACb;AAEgB,QAAA,IAAS,CAAA,SAAA,GAAG,OAAO,EAAyC;AACrE,QAAA,IAAsB,CAAA,sBAAA,GAAG,KAAK;AAGrB,QAAA,IAAA,CAAA,QAAQ,GAAqB,sBAAsB,CAAC,MAAK;YACxE,IAAI,CAAC,UAAU,EAAE;AACnB,SAAC,CAAC;AAqIH;IAnIC,iBAAiB,GAAA;;AACf,QAAA,IAAI,CAAC,sBAAsB;YACzB,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,kBAAkB,CAAC;QAEhD,IAAI,CAAC,YAAY,EAAE;AAEnB,QAAA,IAAI,CAAC,YAAY,GAAG,CAAA,CAAA,EAAA,GAAA,cAAc,CAAC,aAAa,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,MAAM,KAAI,KAAK;QACjE,IAAI,CAAC,oBAAoB,GAAG,cAAc,CAAC,YAAY,CAAC,EAAE,CACxD,CAAC,MAAM,MAAM,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,CACzC;;IAGH,mBAAmB,GAAA;QACjB,IAAI,CAAC,UAAU,EAAE;;IAGnB,UAAU,GAAA;;AACR,QAAA,IAAI,CAAC,OAAO;AACV,YAAA,CAAA,EAAA,GAAA,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,mCAChB,IAAI,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GACV,IAAI,CAAC,WAAW,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAC5B,SAAS;AAEX,QAAA,IAAI,CAAC,iBAAiB;AACpB,YAAA,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,KAAK;gBAC/B,IAAI,CAAC,WAAW,KAAK,IAAI,CAAC,WAAW,CAAC,WAAW;;IAGrD,iBAAiB,GAAA;QACf,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,aAAa,EAAE,IAAI;AACpB,SAAA,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;AAG5B,QAAA,IAAI,IAAI,CAAC,oBAAoB,EAAE;AAC7B,YAAA,IAAI,CAAC,oBAAoB,CAAC,OAAO,EAAE;;;IAKvC,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,IAAI,CAAC,sBAAsB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AAC1D,YAAA,IAAI,CAAC,IAAI,GAAG,YAAY;;;IAI5B,MAAM,GAAA;QACJ,IAAI,kBAAkB,GAAG,EAAE;AAC3B,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;AACb,YAAA,kBAAkB,GAAG;AACnB,gBAAA,IAAI,EAAE,MAAM;aACb;;AAGH,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,kBAAkB,GAAG;AACnB,gBAAA,IAAI,EAAE,QAAQ;aACf;;AAGH,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,GAAG,EAAE,GAAG,CAAC;SACjC;AAED,QAAA,MAAM,WAAW,GAAG;YAClB,IAAI,CAAC,IAAI,IAAI,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAY,CAAA;AACpE,YAAA,IAAI,CAAC,aAAa,IAChB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,MAAM,EAAA,EAAE,IAAI,CAAC,aAAa,CAAO,CACxC,IACJ,IAAI;AACR,YAAA,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,KAAK,EAAC,uBAAuB,EAAA,EACzD,IAAI,CAAC,KAAK,EACX,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR;SACR;AAED,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,UAAU,EAAE,IAAI,CAAC,IAAI;gBACrB,YAAY,EAAE,IAAI,CAAC,MAAM;gBACzB,MAAM,EAAE,IAAI,CAAC,MAAM;gBACnB,YAAY,EAAE,IAAI,CAAC,sBAAsB;AAC1C,aAAA,EAAA,EACG,kBAAkB,CAAA,EAErB,IAAI,CAAC,IAAI,IACR,CACM,CAAA,GAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,gBAAgB,EACpB,EAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,IAAI,EAC3C,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,OAAO,EAAE,CAAC,CAAQ,KAAI;AACpB,gBAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;oBACjB,CAAC,CAAC,cAAc,EAAE;oBAClB,CAAC,CAAC,eAAe,EAAE;;AAEvB,aAAC,KAEA,WAAW,CACV,KAEJ,CAAA,CAAA,QAAA,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAY,gBAAgB,EAAE,EAAA,GAAG,EAAE,IAAI,CAAC,SAAS,EAC9C,CAAA,EAAA,WAAW,CACL,CACV,EACD,CAAA,CAAA,YAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,GAAG,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE,EACpC,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,KAAK,EAAA,aAAA,EACL,WAAW,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAC/B,iBAAA,EAAA,IAAI,CAAC,cAAc,IAEnC,IAAI,CAAC,OAAO,CACF,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/utils/uuid.ts","src/components/menu-item/menu-item.scss?tag=ix-menu-item&encapsulation=shadow","src/components/menu-item/menu-item.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nexport function generateUUID(): string {\n const randomString =\n Math.random().toString(36).substring(2, 15) +\n Math.random().toString(36).substring(2, 15);\n\n const timestampString = new Date().getTime().toString(36);\n const uuid = randomString + timestampString;\n\n return uuid;\n}\n\nexport const createSequentialId = (prefix: string, sequenceId: number) => {\n return `${prefix}-${sequenceId++}`;\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n\n$menuItemHeight: 3rem;\n$menuItemPadding: 0.875rem;\n\n:host {\n position: relative;\n display: block;\n cursor: pointer;\n\n height: var(--ix-menu-item-height, $menuItemHeight);\n min-height: var(--ix-menu-item-height, $menuItemHeight);\n max-height: var(--ix-menu-item-height, $menuItemHeight);\n\n .tab {\n all: unset;\n box-sizing: border-box;\n display: flex;\n position: relative;\n align-items: center;\n height: var(--ix-menu-item-height, $menuItemHeight);\n width: calc(100%);\n z-index: 500;\n padding-left: $menuItemPadding;\n\n @include hover.ghost-hover-pressed;\n }\n\n .tab-icon {\n color: var(--theme-nav-item-primary-icon--color);\n position: relative;\n pointer-events: none;\n }\n\n .tab:focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: -1px;\n }\n\n .notification {\n display: inline-flex;\n position: absolute;\n top: 0.25rem;\n left: 1.5rem;\n\n .pill {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n height: 0.5rem;\n min-width: 1rem;\n position: relative;\n border-radius: 6.25rem;\n background-color: var(--theme-color-primary);\n font-size: 0.75rem;\n font-weight: bold;\n line-height: 1;\n font-family: Siemens Sans, Arial, sans-serif;\n color: var(--theme-color-primary--contrast);\n padding: vars.$tiny-space;\n }\n }\n\n .tab-text {\n color: var(--theme-nav-item-primary--color);\n margin: 0 1rem 0 1.25rem;\n user-select: none;\n width: 100%;\n\n @include text-truncation.ellipsis;\n }\n}\n\n:host(.active),\n:host(.selected) {\n .tab {\n background-color: var(--theme-nav-item-primary--background--selected);\n }\n\n .tab::before {\n content: '';\n background-color: var(--theme-nav-item-primary--border-color--selected);\n height: var(--ix-menu-item-height, $menuItemHeight);\n width: 0.25rem;\n left: 0;\n position: absolute;\n }\n\n .tab > .glyph {\n color: var(--theme-nav-item-primary-icon--color--selected);\n }\n}\n\n:host(.disabled) {\n color: var(--theme-color-weak-text);\n pointer-events: none;\n cursor: default;\n\n .tab > .tab-icon {\n color: var(--theme-color-weak-text);\n }\n\n .tab-text {\n color: var(--theme-color-weak-text);\n }\n}\n\n:host(.bottom-tab),\n:host([slot='bottom']) {\n $bottom-height: 2.25rem;\n\n min-height: $bottom-height;\n height: $bottom-height;\n max-height: $bottom-height;\n\n .tab {\n height: $bottom-height;\n }\n\n .tab::before {\n height: $bottom-height;\n background-color: transparent;\n }\n\n &.active,\n &.selected {\n &:hover {\n background-color: var(--theme-nav-item-secondary--background--selected);\n }\n\n &:active {\n background-color: var(--theme-nav-item-secondary--background--selected);\n }\n }\n}\n\n:host(.bottom-tab.active),\n:host(.bottom-tab.selected),\n:host(.active[slot='bottom']),\n:host(.selected[slot='bottom']) {\n .tab {\n background-color: var(--theme-nav-item-secondary--background--selected);\n }\n}\n\n:host(.tab-nested) {\n .tab {\n flex-direction: row;\n padding-left: calc(0.5rem + $menuItemPadding);\n\n .notification {\n position: relative;\n top: 0;\n left: 0;\n padding-left: 0.5rem;\n }\n\n .tab-icon {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n\n .tab-text {\n margin-left: 0.5rem;\n }\n\n &::before {\n display: none;\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { createMutationObserver } from '../utils/mutation-observer';\nimport { makeRef } from '../utils/make-ref';\nimport { menuController } from '../utils/menu-service/menu-service';\nimport { Disposable } from '../utils/typed-event';\nimport { iconDocument } from '@siemens/ix-icons/icons';\nimport { a11yBoolean } from '../utils/a11y';\nimport { createSequentialId } from '../utils/uuid';\nimport { IxMenuItemBase } from './menu-item.interface';\nimport { AnchorTarget } from '../button/button.interface';\n\nlet sequenceId = 0;\n\n/**\n * @slot menu-item-label Custom label\n */\n@Component({\n tag: 'ix-menu-item',\n styleUrl: 'menu-item.scss',\n shadow: true,\n})\nexport class MenuItem implements IxMenuItemBase {\n /**\n * Label of the menu item. Will also be used as tooltip text\n */\n @Prop() label?: string;\n\n /**\n * Move the Tab to a top position.\n */\n @Prop() home = false;\n\n /**\n * Caution: this is no longer working. Please use slot=\"bottom\" instead.\n *\n * Place tab on bottom\n */\n @Prop() bottom = false;\n\n /**\n * Name of the icon you want to display. Icon names can be resolved from the documentation {@link https://ix.siemens.io/docs/icon-library/icons}\n */\n @Prop({ mutable: true }) icon?: string;\n\n /**\n * Show notification count on tab\n */\n @Prop() notifications?: number;\n\n /**\n * State to display active\n */\n @Prop() active: boolean = false;\n\n /**\n * Disable tab and remove event handlers\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Will be shown as tooltip text, if not provided menu text content will be used.\n *\n * @since 4.0.0\n */\n @Prop() tooltipText?: string;\n\n /**\n * URL for the button link. When provided, the button will render as an anchor tag.\n *\n * @since 4.0.0\n */\n @Prop() href?: string;\n\n /**\n * Specifies where to open the linked document when href is provided.\n *\n * @since 4.0.0\n */\n @Prop() target?: AnchorTarget = '_self';\n\n /**\n * Specifies the relationship between the current document and the linked document when href is provided.\n *\n * @since 4.0.0\n */\n @Prop() rel?: string;\n\n /** @internal */\n @Prop() isCategory: boolean = false;\n\n @Element() hostElement!: HTMLIxMenuItemElement;\n\n @State() tooltip?: string;\n @State() ariaHiddenTooltip = false;\n @State() menuExpanded: boolean = false;\n\n private readonly internalItemId = createSequentialId(\n 'ix-menu-item-',\n sequenceId++\n );\n\n private readonly buttonRef = makeRef<HTMLButtonElement | HTMLAnchorElement>();\n private isHostedInsideCategory = false;\n private menuExpandedDisposer?: Disposable;\n\n private readonly observer: MutationObserver = createMutationObserver(() => {\n this.setTooltip();\n });\n\n componentWillLoad() {\n this.isHostedInsideCategory =\n !!this.hostElement.closest('ix-menu-category');\n\n this.onIconChange();\n\n this.menuExpanded = menuController.nativeElement?.expand || false;\n this.menuExpandedDisposer = menuController.expandChange.on(\n (expand) => (this.menuExpanded = expand)\n );\n }\n\n componentWillRender() {\n this.setTooltip();\n }\n\n setTooltip() {\n this.tooltip =\n this.tooltipText ??\n this.label ??\n this.hostElement.textContent ??\n undefined;\n\n this.ariaHiddenTooltip =\n this.tooltipText === this.label ||\n this.tooltipText === this.hostElement.textContent;\n }\n\n connectedCallback() {\n this.observer.observe(this.hostElement, {\n subtree: true,\n childList: true,\n characterData: true,\n });\n }\n\n disconnectedCallback() {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n if (this.menuExpandedDisposer) {\n this.menuExpandedDisposer.dispose();\n }\n }\n\n @Watch('icon')\n onIconChange() {\n if (!this.isHostedInsideCategory && !this.hostElement.icon) {\n this.icon = iconDocument;\n }\n }\n\n render() {\n let extendedAttributes = {};\n if (this.home) {\n extendedAttributes = {\n slot: 'home',\n };\n }\n\n if (this.bottom) {\n extendedAttributes = {\n slot: 'bottom',\n };\n }\n\n const commonAttributes = {\n class: 'tab',\n tabIndex: this.disabled ? -1 : 0,\n };\n\n const menuContent = [\n this.icon && <ix-icon class={'tab-icon'} name={this.icon}></ix-icon>,\n this.notifications ? (\n <div class=\"notification\">\n <div class=\"pill\">{this.notifications}</div>\n </div>\n ) : null,\n <span id={this.internalItemId} class=\"tab-text text-default\">\n {this.label}\n <slot></slot>\n </span>,\n ];\n\n return (\n <Host\n class={{\n disabled: this.disabled,\n 'home-tab': this.home,\n 'bottom-tab': this.bottom,\n active: this.active,\n 'tab-nested': this.isHostedInsideCategory,\n }}\n {...extendedAttributes}\n >\n {this.href ? (\n <a\n {...commonAttributes}\n href={this.disabled ? undefined : this.href}\n target={this.target}\n rel={this.rel}\n role=\"button\"\n ref={this.buttonRef}\n onClick={(e: Event) => {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n }\n }}\n >\n {menuContent}\n </a>\n ) : (\n <button {...commonAttributes} ref={this.buttonRef}>\n {menuContent}\n </button>\n )}\n <ix-tooltip\n for={this.buttonRef.waitForCurrent()}\n placement={'right'}\n showDelay={1000}\n interactive={false}\n aria-hidden={a11yBoolean(this.ariaHiddenTooltip)}\n aria-labelledby={this.internalItemId}\n >\n {this.tooltip}\n </ix-tooltip>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -11,7 +11,7 @@ const ModalContent = /*@__PURE__*/ proxyCustomElement(class ModalContent extends
11
11
  this.__attachShadow();
12
12
  }
13
13
  render() {
14
- return (h(Host, { key: 'd7bef3767ae242cfdd5a3367c9c2abb1f2c0d4d6' }, h("slot", { key: 'e2b8abbf51791d879a28bc322578e571d5714e8a' })));
14
+ return (h(Host, { key: 'ad65a8e851473037c8f1cfe43195c59e128c3523' }, h("slot", { key: 'edc352a2acac0a07a090db591cde4d6655f07c72' })));
15
15
  }
16
16
  static get style() { return modalContentCss; }
17
17
  }, [257, "ix-modal-content"]);
@@ -30,6 +30,6 @@ function defineCustomElement() {
30
30
  }
31
31
 
32
32
  export { ModalContent as M, defineCustomElement as d };
33
- //# sourceMappingURL=p-8MS-omi7.js.map
33
+ //# sourceMappingURL=p-DklPCkRW.js.map
34
34
 
35
- //# sourceMappingURL=p-8MS-omi7.js.map
35
+ //# sourceMappingURL=p-DklPCkRW.js.map
@@ -1 +1 @@
1
- {"file":"p-8MS-omi7.js","mappings":";;AAAA,MAAM,eAAe,GAAG,k2BAAk2B;;MCgB72B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACvB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","src/components/modal-content/modal-content.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n\n:host {\n display: block;\n position: relative;\n overflow: auto;\n padding: 0 0.5rem 0.5rem;\n\n @include component.ix-component;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'ix-modal-content',\n styleUrl: 'modal-content.scss',\n shadow: true,\n})\nexport class ModalContent {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-DklPCkRW.js","mappings":";;AAAA,MAAM,eAAe,GAAG,k2BAAk2B;;MCgB72B,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;;IACvB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/modal-content/modal-content.scss?tag=ix-modal-content&encapsulation=shadow","src/components/modal-content/modal-content.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use 'mixins/shadow-dom/component';\n\n:host {\n display: block;\n position: relative;\n overflow: auto;\n padding: 0 0.5rem 0.5rem;\n\n @include component.ix-component;\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'ix-modal-content',\n styleUrl: 'modal-content.scss',\n shadow: true,\n})\nexport class ModalContent {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -2,7 +2,7 @@ import { p as proxyCustomElement, H, h, d as Host } from './p-DFHA6KvD.js';
2
2
  import { g as getButtonClasses } from './p-iTOaSMDo.js';
3
3
  import { a as a11yBoolean } from './p-Bb7pDeaQ.js';
4
4
  import { t as iconDoubleChevronLeft, u as iconDoubleChevronRight } from './p-taILGXkr.js';
5
- import { d as defineCustomElement$2 } from './p-ma_KYqKk.js';
5
+ import { d as defineCustomElement$2 } from './p-bBkFZC8X.js';
6
6
  import { d as defineCustomElement$1 } from './p-R9YNQy08.js';
7
7
 
8
8
  const menuExpandIconCss = ":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";
@@ -40,7 +40,7 @@ const MenuExpandIcon = /*@__PURE__*/ proxyCustomElement(class MenuExpandIcon ext
40
40
  return this.getSmallScreenIcon();
41
41
  }
42
42
  render() {
43
- return (h(Host, { key: 'ef8794f40bf74a03af8b8ddeab15da2bfd40096f', class: {
43
+ return (h(Host, { key: '457b12c1f7a01523ebd9fbc4ace5204687770021', class: {
44
44
  expanded: this.expanded,
45
45
  }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
46
46
  }
@@ -76,6 +76,6 @@ function defineCustomElement() {
76
76
  }
77
77
 
78
78
  export { MenuExpandIcon as M, defineCustomElement as d };
79
- //# sourceMappingURL=p-BeegOhta.js.map
79
+ //# sourceMappingURL=p-Fbu6eUjk.js.map
80
80
 
81
- //# sourceMappingURL=p-BeegOhta.js.map
81
+ //# sourceMappingURL=p-Fbu6eUjk.js.map
@@ -1 +1 @@
1
- {"file":"p-BeegOhta.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,4zMAA4zM;;MCkCz0M,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAW,QAAQ;;AAGb,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;;AAMjC,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;AA+DvB;IA7DC,kBAAkB,GAAA;AAChB,QAAA,QACE,CACE,CAAA,QAAA,EAAA,EAAA,KAAK,kCACA,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CACjE,EAAA,EAAA,oBAAoB,EAAE,IAAI,EAAA,CAAA,EAAA,EAG5B,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,aAAa,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAQ,CAAA,EACnE,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,aAAa,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAQ,CAAA,EACpE,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAQ,CAAA,CAChE,CACC;;IAIb,kBAAkB,GAAA;QAChB,QACE,sBACE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,sBAAsB,EACpE,OAAO,EAAC,iBAAiB,EACT,CAAA;;IAItB,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAGlC,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AAC5B,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAGlC,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AAC5B,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAGlC,QAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;IAGlC,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,IAAI,CAAC,WAAW,kBACd,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAEvC,EAAA,IAAI,CAAC,WAAW,EAAE,CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu/menu-expand-icon.scss?tag=ix-menu-expand-icon&encapsulation=shadow","src/components/menu/menu-expand-icon.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './../button/button-mixin';\n@use 'mixins/hover';\n@use 'mixins/shadow-dom/component';\n\n$focus-bdr-width: 0.0625rem;\n\n@include button-mixin.btn;\n@include button-mixin.btn-variant(subtle-tertiary);\n\n:host {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 2rem;\n width: 2rem;\n border-radius: var(--theme-btn--border-radius);\n pointer-events: all;\n\n @include component.ix-component;\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n\n .line {\n fill: var(--theme-menu-btn--color);\n opacity: 1;\n x: 2px;\n transition: x 0.075s ease-in var(--theme-default-time),\n transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out,\n opacity 0.075s linear 0.075s;\n transform-origin: center;\n }\n}\n\n@include hover.host-hover {\n .menu-expand-button {\n background-color: var(--theme-menu-btn--background--hover);\n }\n}\n\n.menu-expand-button {\n width: 2rem;\n padding: 0px !important;\n cursor: pointer;\n}\n\n@include hover.host-active {\n .menu-expand-button {\n background-color: var(--theme-menu-btn--background--active);\n }\n}\n\n:host(.expanded) {\n svg .line-1 {\n opacity: 1;\n transform: rotate(-45deg);\n y: 11px;\n }\n\n svg .line-2 {\n opacity: 0;\n x: 9;\n }\n\n svg .line-3 {\n opacity: 1;\n transform: rotate(45deg);\n y: 11px;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport { getButtonClasses } from '../button/base-button';\nimport { a11yBoolean } from '../utils/a11y';\nimport { Breakpoint } from '../utils/breakpoints';\nimport {\n iconDoubleChevronLeft,\n iconDoubleChevronRight,\n} from '@siemens/ix-icons/icons';\n\n/**\n * @internal\n */\n@Component({\n tag: 'ix-menu-expand-icon',\n styleUrl: './menu-expand-icon.scss',\n shadow: true,\n})\nexport class MenuExpandIcon {\n /** Accessibility label for the menu expand icon (MANDATORY) */\n @Prop() ixAriaLabel: string = 'Expand';\n\n /** Whether the menu expand icon displays the expanded state or not */\n @Prop({ reflect: true }) expanded = false;\n\n /** Controls which icon is displayed */\n @Prop({ reflect: true }) breakpoint?: Breakpoint;\n\n /** Display as pinned */\n @Prop() pinned = false;\n\n getSmallScreenIcon() {\n return (\n <button\n class={{\n ...getButtonClasses('subtle-tertiary', true, false, false, false),\n 'menu-expand-button': true,\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n >\n <rect class=\"line line-1\" x=\"2\" y=\"5\" width=\"20\" height=\"2\"></rect>\n <rect class=\"line line-2\" x=\"2\" y=\"11\" width=\"13\" height=\"2\"></rect>\n <rect class=\"line line-3\" x=\"2\" y=\"17\" width=\"20\" height=\"2\"></rect>\n </svg>\n </button>\n );\n }\n\n getLargeScreenIcon() {\n return (\n <ix-icon-button\n icon={this.expanded ? iconDoubleChevronLeft : iconDoubleChevronRight}\n variant=\"subtle-tertiary\"\n ></ix-icon-button>\n );\n }\n\n getMenuIcon() {\n if (this.pinned) {\n return this.getLargeScreenIcon();\n }\n\n if (this.breakpoint === 'md') {\n return this.getLargeScreenIcon();\n }\n\n if (this.breakpoint === 'lg') {\n return this.getLargeScreenIcon();\n }\n\n return this.getSmallScreenIcon();\n }\n\n render() {\n return (\n <Host\n class={{\n expanded: this.expanded,\n }}\n type=\"button\"\n aria-label={this.ixAriaLabel}\n aria-pressed={a11yBoolean(this.expanded)}\n >\n {this.getMenuIcon()}\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-Fbu6eUjk.js","mappings":";;;;;;;AAAA,MAAM,iBAAiB,GAAG,4zMAA4zM;;MCkCz0M,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;AAL3B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;AAOU,QAAA,IAAW,CAAA,WAAA,GAAW,QAAQ;;AAGb,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;;AAMjC,QAAA,IAAM,CAAA,MAAA,GAAG,KAAK;AA+DvB;IA7DC,kBAAkB,GAAA;AAChB,QAAA,QACE,CACE,CAAA,QAAA,EAAA,EAAA,KAAK,kCACA,gBAAgB,CAAC,iBAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CACjE,EAAA,EAAA,oBAAoB,EAAE,IAAI,EAAA,CAAA,EAAA,EAG5B,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EAAA,EAEX,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,aAAa,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAQ,CAAA,EACnE,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,aAAa,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAQ,CAAA,EACpE,CAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAC,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAQ,CAAA,CAChE,CACC;;IAIb,kBAAkB,GAAA;QAChB,QACE,sBACE,IAAI,EAAE,IAAI,CAAC,QAAQ,GAAG,qBAAqB,GAAG,sBAAsB,EACpE,OAAO,EAAC,iBAAiB,EACT,CAAA;;IAItB,WAAW,GAAA;AACT,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAGlC,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AAC5B,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAGlC,QAAA,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AAC5B,YAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;AAGlC,QAAA,OAAO,IAAI,CAAC,kBAAkB,EAAE;;IAGlC,MAAM,GAAA;QACJ,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,EACD,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,IAAI,CAAC,WAAW,kBACd,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAEvC,EAAA,IAAI,CAAC,WAAW,EAAE,CACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/menu/menu-expand-icon.scss?tag=ix-menu-expand-icon&encapsulation=shadow","src/components/menu/menu-expand-icon.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './../button/button-mixin';\n@use 'mixins/hover';\n@use 'mixins/shadow-dom/component';\n\n$focus-bdr-width: 0.0625rem;\n\n@include button-mixin.btn;\n@include button-mixin.btn-variant(subtle-tertiary);\n\n:host {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 2rem;\n width: 2rem;\n border-radius: var(--theme-btn--border-radius);\n pointer-events: all;\n\n @include component.ix-component;\n\n svg {\n display: inline-block;\n vertical-align: middle;\n }\n\n .line {\n fill: var(--theme-menu-btn--color);\n opacity: 1;\n x: 2px;\n transition: x 0.075s ease-in var(--theme-default-time),\n transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out,\n opacity 0.075s linear 0.075s;\n transform-origin: center;\n }\n}\n\n@include hover.host-hover {\n .menu-expand-button {\n background-color: var(--theme-menu-btn--background--hover);\n }\n}\n\n.menu-expand-button {\n width: 2rem;\n padding: 0px !important;\n cursor: pointer;\n}\n\n@include hover.host-active {\n .menu-expand-button {\n background-color: var(--theme-menu-btn--background--active);\n }\n}\n\n:host(.expanded) {\n svg .line-1 {\n opacity: 1;\n transform: rotate(-45deg);\n y: 11px;\n }\n\n svg .line-2 {\n opacity: 0;\n x: 9;\n }\n\n svg .line-3 {\n opacity: 1;\n transform: rotate(45deg);\n y: 11px;\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport { getButtonClasses } from '../button/base-button';\nimport { a11yBoolean } from '../utils/a11y';\nimport { Breakpoint } from '../utils/breakpoints';\nimport {\n iconDoubleChevronLeft,\n iconDoubleChevronRight,\n} from '@siemens/ix-icons/icons';\n\n/**\n * @internal\n */\n@Component({\n tag: 'ix-menu-expand-icon',\n styleUrl: './menu-expand-icon.scss',\n shadow: true,\n})\nexport class MenuExpandIcon {\n /** Accessibility label for the menu expand icon (MANDATORY) */\n @Prop() ixAriaLabel: string = 'Expand';\n\n /** Whether the menu expand icon displays the expanded state or not */\n @Prop({ reflect: true }) expanded = false;\n\n /** Controls which icon is displayed */\n @Prop({ reflect: true }) breakpoint?: Breakpoint;\n\n /** Display as pinned */\n @Prop() pinned = false;\n\n getSmallScreenIcon() {\n return (\n <button\n class={{\n ...getButtonClasses('subtle-tertiary', true, false, false, false),\n 'menu-expand-button': true,\n }}\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n width=\"24\"\n height=\"24\"\n >\n <rect class=\"line line-1\" x=\"2\" y=\"5\" width=\"20\" height=\"2\"></rect>\n <rect class=\"line line-2\" x=\"2\" y=\"11\" width=\"13\" height=\"2\"></rect>\n <rect class=\"line line-3\" x=\"2\" y=\"17\" width=\"20\" height=\"2\"></rect>\n </svg>\n </button>\n );\n }\n\n getLargeScreenIcon() {\n return (\n <ix-icon-button\n icon={this.expanded ? iconDoubleChevronLeft : iconDoubleChevronRight}\n variant=\"subtle-tertiary\"\n ></ix-icon-button>\n );\n }\n\n getMenuIcon() {\n if (this.pinned) {\n return this.getLargeScreenIcon();\n }\n\n if (this.breakpoint === 'md') {\n return this.getLargeScreenIcon();\n }\n\n if (this.breakpoint === 'lg') {\n return this.getLargeScreenIcon();\n }\n\n return this.getSmallScreenIcon();\n }\n\n render() {\n return (\n <Host\n class={{\n expanded: this.expanded,\n }}\n type=\"button\"\n aria-label={this.ixAriaLabel}\n aria-pressed={a11yBoolean(this.expanded)}\n >\n {this.getMenuIcon()}\n </Host>\n );\n }\n}\n"],"version":3}
@@ -80,7 +80,7 @@ const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
80
80
  type: this.type,
81
81
  extraClasses: this.getIconSizeClass(),
82
82
  };
83
- return (h(Host, { key: 'f14e9fcbcef5261063165d6a3e9a852a50f52685', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: '457e6e503a1ef75babc9894f8e44e6b672000d5c' }, baseButtonProps))));
83
+ return (h(Host, { key: 'bdb302ce6ef1803d43285e1effc3ce70ff9284c8', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: '14073614fda1a07d4292094b91092871f05619d3' }, baseButtonProps))));
84
84
  }
85
85
  get hostElement() { return this; }
86
86
  static get style() { return iconButtonCss; }
@@ -115,6 +115,6 @@ function defineCustomElement() {
115
115
  }
116
116
 
117
117
  export { IconButton as I, defineCustomElement as d };
118
- //# sourceMappingURL=p-ma_KYqKk.js.map
118
+ //# sourceMappingURL=p-bBkFZC8X.js.map
119
119
 
120
- //# sourceMappingURL=p-ma_KYqKk.js.map
120
+ //# sourceMappingURL=p-bBkFZC8X.js.map
@@ -1 +1 @@
1
- {"file":"p-ma_KYqKk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/icon-button/icon-button.scss?tag=ix-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './icon-button-mixin.scss';\n\n@include icon-button-mixin.base-icon-button;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport {\n getFallbackLabelFromIconName,\n a11yHostAttributes,\n} from '../utils/a11y';\nimport type { IconButtonVariant } from './icon-button.types';\n\n@Component({\n tag: 'ix-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\nexport class IconButton {\n @Element() hostElement!: HTMLIxIconButtonElement;\n\n /**\n * Accessibility label for the icon button\n * Will be set as aria-label on the nested HTML button element\n *\n * @deprecated Set the native `aria-label` on the ix-icon-button host element\n */\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /**\n * Variant of button\n */\n @Prop() variant: IconButtonVariant = 'subtle-primary';\n\n /**\n * Button in oval shape\n */\n @Prop() oval: boolean = false;\n\n /**\n * Icon name\n */\n @Prop() icon?: string;\n\n /**\n * Size of icon in button\n *\n */\n @Prop() size: '24' | '16' | '12' = '24';\n\n /**\n * Color of icon in button\n */\n @Prop() iconColor?: string;\n\n /**\n * Disabled\n */\n @Prop() disabled = false;\n\n /**\n * Type of the button\n */\n @Prop() type: 'button' | 'submit' = 'button';\n\n /**\n * Loading button\n */\n @Prop() loading = false;\n\n /**\n * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement!: HTMLButtonElement;\n\n componentDidLoad() {\n if (this.type === 'submit') {\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n this.hostElement.appendChild(submitButton);\n\n this.submitButtonElement = submitButton;\n }\n }\n\n dispatchFormEvents() {\n if (this.type === 'submit' && this.submitButtonElement) {\n this.submitButtonElement.click();\n }\n }\n\n private getIconSizeClass() {\n return {\n 'btn-icon-12': this.size === '12',\n 'btn-icon-16': this.size === '16',\n 'btn-icon-32': this.size === '24' || !this.size,\n };\n }\n\n render() {\n const a11y = a11yHostAttributes(this.hostElement);\n\n const baseButtonProps: BaseButtonProps = {\n ariaAttributes: {\n 'aria-label':\n a11y['aria-label'] ??\n this.a11yLabel ??\n getFallbackLabelFromIconName(this.icon),\n },\n variant: this.variant,\n iconOnly: true,\n iconOval: this.oval,\n selected: false,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconColor: this.iconColor,\n iconSize: this.size,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n extraClasses: this.getIconSizeClass(),\n };\n\n return (\n <Host\n class={{\n ...this.getIconSizeClass(),\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseIconButton {...baseButtonProps}></BaseIconButton>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"p-bBkFZC8X.js","mappings":";;;;;AAAA,MAAM,aAAa,GAAG,s+6BAAs+6B;;MCuB/+6B,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AALvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAgBE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAsB,gBAAgB;AAErD;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAY,KAAK;AAO7B;;;AAGG;AACK,QAAA,IAAI,CAAA,IAAA,GAAuB,IAAI;AAOvC;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAExB;;AAEG;AACK,QAAA,IAAI,CAAA,IAAA,GAAwB,QAAQ;AAE5C;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;AAoExB;IA7DC,gBAAgB,GAAA;AACd,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC1B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;AACrD,YAAA,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM;AACnC,YAAA,YAAY,CAAC,IAAI,GAAG,QAAQ;AAC5B,YAAA,YAAY,CAAC,QAAQ,GAAG,EAAE;AAC1B,YAAA,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC;AAE1C,YAAA,IAAI,CAAC,mBAAmB,GAAG,YAAY;;;IAI3C,kBAAkB,GAAA;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,mBAAmB,EAAE;AACtD,YAAA,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE;;;IAI5B,gBAAgB,GAAA;QACtB,OAAO;AACL,YAAA,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;AACjC,YAAA,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YACjC,aAAa,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI;SAChD;;IAGH,MAAM,GAAA;;QACJ,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEjD,QAAA,MAAM,eAAe,GAAoB;AACvC,YAAA,cAAc,EAAE;gBACd,YAAY,EACV,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAClB,IAAI,CAAC,SAAS,MACd,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC;AAC1C,aAAA;YACD,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,QAAQ,EAAE,IAAI;YACd,QAAQ,EAAE,IAAI,CAAC,IAAI;AACnB,YAAA,QAAQ,EAAE,KAAK;AACf,YAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YACvC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAE,IAAI,CAAC,SAAS;YACzB,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,OAAO,EAAE,IAAI,CAAC,OAAO;AACrB,YAAA,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE;YACxC,IAAI,EAAE,IAAI,CAAC,IAAI;AACf,YAAA,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAE;SACtC;AAED,QAAA,QACE,CAAC,CAAA,IAAI,qDACH,KAAK,EAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACA,IAAI,CAAC,gBAAgB,EAAE,CAC1B,EAAA,EAAA,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EAAA,CAAA,EAAA,EAGzC,CAAA,CAAC,cAAc,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,eAAe,CAAmB,CAAA,CACjD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/icon-button/icon-button.scss?tag=ix-icon-button&encapsulation=shadow","src/components/icon-button/icon-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './icon-button-mixin.scss';\n\n@include icon-button-mixin.base-icon-button;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, Element, h, Host, Prop } from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport {\n getFallbackLabelFromIconName,\n a11yHostAttributes,\n} from '../utils/a11y';\nimport type { IconButtonVariant } from './icon-button.types';\n\n@Component({\n tag: 'ix-icon-button',\n styleUrl: 'icon-button.scss',\n shadow: true,\n})\nexport class IconButton {\n @Element() hostElement!: HTMLIxIconButtonElement;\n\n /**\n * Accessibility label for the icon button\n * Will be set as aria-label on the nested HTML button element\n *\n * @deprecated Set the native `aria-label` on the ix-icon-button host element. Will be removed in 5.0.0\n */\n @Prop({ attribute: 'a11y-label' }) a11yLabel?: string;\n\n /**\n * Variant of button\n */\n @Prop() variant: IconButtonVariant = 'subtle-primary';\n\n /**\n * Button in oval shape\n */\n @Prop() oval: boolean = false;\n\n /**\n * Icon name\n */\n @Prop() icon?: string;\n\n /**\n * Size of icon in button\n *\n */\n @Prop() size: '24' | '16' | '12' = '24';\n\n /**\n * Color of icon in button\n */\n @Prop() iconColor?: string;\n\n /**\n * Disabled\n */\n @Prop() disabled = false;\n\n /**\n * Type of the button\n */\n @Prop() type: 'button' | 'submit' = 'button';\n\n /**\n * Loading button\n */\n @Prop() loading = false;\n\n /**\n * Temp. workaround until stencil issue is fixed (https://github.com/ionic-team/stencil/issues/2284)\n */\n submitButtonElement!: HTMLButtonElement;\n\n componentDidLoad() {\n if (this.type === 'submit') {\n const submitButton = document.createElement('button');\n submitButton.style.display = 'none';\n submitButton.type = 'submit';\n submitButton.tabIndex = -1;\n this.hostElement.appendChild(submitButton);\n\n this.submitButtonElement = submitButton;\n }\n }\n\n dispatchFormEvents() {\n if (this.type === 'submit' && this.submitButtonElement) {\n this.submitButtonElement.click();\n }\n }\n\n private getIconSizeClass() {\n return {\n 'btn-icon-12': this.size === '12',\n 'btn-icon-16': this.size === '16',\n 'btn-icon-32': this.size === '24' || !this.size,\n };\n }\n\n render() {\n const a11y = a11yHostAttributes(this.hostElement);\n\n const baseButtonProps: BaseButtonProps = {\n ariaAttributes: {\n 'aria-label':\n a11y['aria-label'] ??\n this.a11yLabel ??\n getFallbackLabelFromIconName(this.icon),\n },\n variant: this.variant,\n iconOnly: true,\n iconOval: this.oval,\n selected: false,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconColor: this.iconColor,\n iconSize: this.size,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n extraClasses: this.getIconSizeClass(),\n };\n\n return (\n <Host\n class={{\n ...this.getIconSizeClass(),\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseIconButton {...baseButtonProps}></BaseIconButton>\n </Host>\n );\n }\n}\n"],"version":3}
@@ -63,12 +63,12 @@ class ApplicationLayoutService {
63
63
  const match = matchBreakpoint(breakpoint);
64
64
  matchBreakpoints.push([breakpoint, match]);
65
65
  });
66
- if (matchBreakpoints.every(([_, match]) => match === false)) {
66
+ if (matchBreakpoints.every(([, match]) => match === false)) {
67
67
  let breakPointIndex = 0;
68
68
  if (!__classPrivateFieldGet(this, _ApplicationLayoutService_supportedBreakpoints, "f").includes('lg')) {
69
69
  breakPointIndex = matchBreakpoints.length - 1;
70
70
  }
71
- const [breakpoint, _] = matchBreakpoints[breakPointIndex];
71
+ const [breakpoint] = matchBreakpoints[breakPointIndex];
72
72
  requestAnimationFrame(() => __classPrivateFieldGet(this, _ApplicationLayoutService_breakpointChangeListener, "f").emit(breakpoint));
73
73
  __classPrivateFieldSet(this, _ApplicationLayoutService_breakpoint, breakpoint, "f");
74
74
  return;
@@ -100,6 +100,6 @@ _ApplicationLayoutService_supportedBreakpoints = new WeakMap(), _ApplicationLayo
100
100
  const applicationLayoutService = new ApplicationLayoutService();
101
101
 
102
102
  export { applicationLayoutService as a };
103
- //# sourceMappingURL=p-CzzcLSmV.js.map
103
+ //# sourceMappingURL=p-gkooEHol.js.map
104
104
 
105
- //# sourceMappingURL=p-CzzcLSmV.js.map
105
+ //# sourceMappingURL=p-gkooEHol.js.map
@@ -0,0 +1 @@
1
+ {"file":"p-gkooEHol.js","mappings":"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","names":[],"sources":["src/components/utils/debounce.ts","src/components/utils/application-layout/service.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\ntype AnyFunction = (...args: any[]) => any;\n\nexport function debounce<T extends AnyFunction>(\n func: T,\n delay: number\n): (...args: Parameters<T>) => void {\n let timeoutId: ReturnType<typeof setTimeout>;\n\n return function debounced(...args: Parameters<T>): void {\n clearTimeout(timeoutId);\n\n timeoutId = setTimeout(() => {\n func(...args);\n }, delay);\n };\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { Breakpoint, matchBreakpoint } from '../breakpoints';\nimport { debounce } from '../debounce';\nimport { TypedEvent } from '../typed-event';\n\nclass ApplicationLayoutService {\n // Keep order of breakpoints\n #supportedBreakpoints: Breakpoint[] = ['sm', 'md', 'lg'];\n #breakpointChangeListener = new TypedEvent<Breakpoint>();\n #breakpoint: Breakpoint = 'lg';\n\n #isDetectionEnabled = true;\n debouncedOnResize = debounce(this.onResize.bind(this), 50);\n\n constructor() {\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', this.debouncedOnResize.bind(this));\n this.debouncedOnResize();\n }\n }\n\n get breakpoint() {\n return this.#breakpoint;\n }\n\n get onChange() {\n return this.#breakpointChangeListener;\n }\n\n get isDetectionEnabled() {\n return this.#isDetectionEnabled;\n }\n\n private onResize() {\n if (!this.#isDetectionEnabled) {\n return;\n }\n if (!this.#supportedBreakpoints) {\n return;\n }\n const matchBreakpoints: [Breakpoint, boolean][] = [];\n\n const breakpoints = this.#supportedBreakpoints;\n\n breakpoints.forEach((breakpoint) => {\n const match = matchBreakpoint(breakpoint);\n matchBreakpoints.push([breakpoint, match]);\n });\n\n if (matchBreakpoints.every(([, match]) => match === false)) {\n let breakPointIndex = 0;\n if (!this.#supportedBreakpoints.includes('lg')) {\n breakPointIndex = matchBreakpoints.length - 1;\n }\n\n const [breakpoint] = matchBreakpoints[breakPointIndex];\n requestAnimationFrame(() =>\n this.#breakpointChangeListener.emit(breakpoint)\n );\n this.#breakpoint = breakpoint;\n return;\n }\n\n for (const [breakpoint, match] of matchBreakpoints.reverse()) {\n if (match) {\n requestAnimationFrame(() =>\n this.#breakpointChangeListener.emit(breakpoint)\n );\n this.#breakpoint = breakpoint;\n break;\n }\n }\n }\n\n public disableBreakpointDetection() {\n this.#isDetectionEnabled = false;\n }\n\n public enableBreakpointDetection() {\n this.#isDetectionEnabled = true;\n }\n\n public setBreakpoint(breakpoint: Breakpoint) {\n this.#breakpoint = breakpoint;\n this.#breakpointChangeListener.emit(breakpoint);\n }\n\n public setBreakpoints(breakpoints: Breakpoint[]) {\n this.#supportedBreakpoints = breakpoints;\n this.onResize();\n }\n}\n\nexport const applicationLayoutService = new ApplicationLayoutService();\n"],"version":3}
@@ -4,10 +4,10 @@ import { b as a11yHostAttributes, a as a11yBoolean } from './p-Bb7pDeaQ.js';
4
4
  import { m as makeRef } from './p-bcj7UEIC.js';
5
5
  import { a as closestElement, h as hasSlottedElements } from './p-Bi1VyG64.js';
6
6
  import { d as defineCustomElement$5 } from './p-BzYzD6DI.js';
7
- import { d as defineCustomElement$4 } from './p-DZNnQyWO.js';
7
+ import { d as defineCustomElement$4 } from './p-DSF854K6.js';
8
8
  import { d as defineCustomElement$3 } from './p-R9YNQy08.js';
9
- import { d as defineCustomElement$2 } from './p-CGPMGyof.js';
10
- import { d as defineCustomElement$1 } from './p-BrgHqrnH.js';
9
+ import { d as defineCustomElement$2 } from './p-BmLRwuMH.js';
10
+ import { d as defineCustomElement$1 } from './p-C4MK63gz.js';
11
11
 
12
12
  const avatarCss = ":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host(.avatar-button) .btn-tertiary,:host(.avatar-button) .btn-tertiary.focus,:host(.avatar-button) .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) .avatar{transform:scale(0.8)}";
13
13
 
@@ -128,6 +128,6 @@ function defineCustomElement() {
128
128
  }
129
129
 
130
130
  export { Avatar as A, defineCustomElement as d };
131
- //# sourceMappingURL=p-ClGItuSn.js.map
131
+ //# sourceMappingURL=p-ts3VxLYi.js.map
132
132
 
133
- //# sourceMappingURL=p-ClGItuSn.js.map
133
+ //# sourceMappingURL=p-ts3VxLYi.js.map