@siemens/ix 0.0.0-20240522074328 → 0.0.0-pr-1373-20240705054533

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 (1085) hide show
  1. package/components/application-header.js +12 -4
  2. package/components/application-header.js.map +1 -1
  3. package/components/avatar.js +6 -1
  4. package/components/avatar.js.map +1 -1
  5. package/components/breadcrumb-item.js +1 -1
  6. package/components/breadcrumb-item.js.map +1 -1
  7. package/components/button.js +1 -1
  8. package/components/button.js.map +1 -1
  9. package/components/card-accordion.js +1 -1
  10. package/components/card-accordion.js.map +1 -1
  11. package/components/card-content.js +2 -2
  12. package/components/card-content.js.map +1 -1
  13. package/components/card-title.js +1 -1
  14. package/components/card.js +1 -1
  15. package/components/card.js.map +1 -1
  16. package/components/col.js +1 -1
  17. package/components/col.js.map +1 -1
  18. package/components/date-picker.js +5 -5
  19. package/components/date-picker.js.map +1 -1
  20. package/components/date-time-card.js +2 -2
  21. package/components/date-time-card.js.map +1 -1
  22. package/components/divider.js +1 -1
  23. package/components/dropdown-item.js +4 -4
  24. package/components/dropdown-item.js.map +1 -1
  25. package/components/dropdown.js +15 -8
  26. package/components/dropdown.js.map +1 -1
  27. package/components/filter-chip.js +2 -2
  28. package/components/filter-chip.js.map +1 -1
  29. package/components/group-context-menu.js +1 -1
  30. package/components/group-item.js +3 -3
  31. package/components/group-item.js.map +1 -1
  32. package/components/icon-button.js +2 -2
  33. package/components/icon-button.js.map +1 -1
  34. package/components/ix-action-card.js +1 -1
  35. package/components/ix-action-card.js.map +1 -1
  36. package/components/ix-application-sidebar.js +2 -2
  37. package/components/ix-application-sidebar.js.map +1 -1
  38. package/components/ix-application-switch-modal.js +2 -2
  39. package/components/ix-application-switch-modal.js.map +1 -1
  40. package/components/ix-application.js +4 -4
  41. package/components/ix-application.js.map +1 -1
  42. package/components/ix-basic-navigation.js +3 -3
  43. package/components/ix-basic-navigation.js.map +1 -1
  44. package/components/ix-blind.js +1 -1
  45. package/components/ix-blind.js.map +1 -1
  46. package/components/ix-breadcrumb.js +3 -3
  47. package/components/ix-breadcrumb.js.map +1 -1
  48. package/components/ix-card-list.js +5 -5
  49. package/components/ix-card-list.js.map +1 -1
  50. package/components/ix-category-filter.js +8 -5
  51. package/components/ix-category-filter.js.map +1 -1
  52. package/components/ix-chip.js +5 -5
  53. package/components/ix-chip.js.map +1 -1
  54. package/components/ix-content.js +4 -4
  55. package/components/ix-content.js.map +1 -1
  56. package/components/ix-css-grid-item.js +1 -1
  57. package/components/ix-date-dropdown.js +4 -4
  58. package/components/ix-date-dropdown.js.map +1 -1
  59. package/components/ix-datetime-picker.js +2 -2
  60. package/components/ix-datetime-picker.js.map +1 -1
  61. package/components/ix-drawer.js +3 -3
  62. package/components/ix-drawer.js.map +1 -1
  63. package/components/ix-dropdown-button.js +3 -3
  64. package/components/ix-dropdown-button.js.map +1 -1
  65. package/components/ix-dropdown-header.js +2 -2
  66. package/components/ix-dropdown-header.js.map +1 -1
  67. package/components/ix-dropdown-quick-actions.js +1 -1
  68. package/components/ix-empty-state.js +2 -2
  69. package/components/ix-empty-state.js.map +1 -1
  70. package/components/ix-event-list-item.js +5 -5
  71. package/components/ix-event-list-item.js.map +1 -1
  72. package/components/ix-event-list.js +3 -3
  73. package/components/ix-event-list.js.map +1 -1
  74. package/components/ix-expanding-search.js +5 -5
  75. package/components/ix-expanding-search.js.map +1 -1
  76. package/components/ix-flip-tile-content.js +1 -1
  77. package/components/ix-flip-tile.js +5 -5
  78. package/components/ix-flip-tile.js.map +1 -1
  79. package/components/ix-form-field.js +2 -2
  80. package/components/ix-form-field.js.map +1 -1
  81. package/components/ix-group.js +8 -8
  82. package/components/ix-icon-toggle-button.js +2 -2
  83. package/components/ix-icon-toggle-button.js.map +1 -1
  84. package/components/ix-input-group.js +2 -2
  85. package/components/ix-input-group.js.map +1 -1
  86. package/components/ix-key-value-list.js +1 -1
  87. package/components/ix-key-value.js +1 -1
  88. package/components/ix-key-value.js.map +1 -1
  89. package/components/ix-kpi.js +4 -4
  90. package/components/ix-kpi.js.map +1 -1
  91. package/components/ix-link-button.js +3 -3
  92. package/components/ix-map-navigation.js +3 -3
  93. package/components/ix-map-navigation.js.map +1 -1
  94. package/components/ix-menu-about-item.js +1 -1
  95. package/components/ix-menu-about-news.js +5 -5
  96. package/components/ix-menu-about-news.js.map +1 -1
  97. package/components/ix-menu-about.js +1 -1
  98. package/components/ix-menu-avatar.js +3 -3
  99. package/components/ix-menu-avatar.js.map +1 -1
  100. package/components/ix-menu-category.js +9 -6
  101. package/components/ix-menu-category.js.map +1 -1
  102. package/components/ix-menu-settings-item.js +1 -1
  103. package/components/ix-menu.js +12 -12
  104. package/components/ix-menu.js.map +1 -1
  105. package/components/ix-message-bar.js +2 -2
  106. package/components/ix-message-bar.js.map +1 -1
  107. package/components/ix-modal-example.js +1 -1
  108. package/components/ix-modal-footer.js +2 -2
  109. package/components/ix-modal-footer.js.map +1 -1
  110. package/components/ix-modal-loading.js +1 -1
  111. package/components/ix-modal.js +3 -3
  112. package/components/ix-pagination.js +3 -3
  113. package/components/ix-pagination.js.map +1 -1
  114. package/components/ix-pane-layout.js +2 -2
  115. package/components/ix-pane-layout.js.map +1 -1
  116. package/components/ix-pane.js +7 -7
  117. package/components/ix-pane.js.map +1 -1
  118. package/components/ix-pill.js +5 -5
  119. package/components/ix-pill.js.map +1 -1
  120. package/components/ix-playground-internal.js +1 -1
  121. package/components/ix-push-card.js +1 -1
  122. package/components/ix-slider.js +7 -7
  123. package/components/ix-slider.js.map +1 -1
  124. package/components/ix-split-button-item.js +1 -1
  125. package/components/ix-split-button.js +4 -2
  126. package/components/ix-split-button.js.map +1 -1
  127. package/components/ix-tile.js +5 -5
  128. package/components/ix-tile.js.map +1 -1
  129. package/components/ix-toast-container.js +3 -3
  130. package/components/ix-toast-container.js.map +1 -1
  131. package/components/ix-toggle-button.js +3 -3
  132. package/components/ix-toggle-button.js.map +1 -1
  133. package/components/ix-toggle.js +3 -3
  134. package/components/ix-toggle.js.map +1 -1
  135. package/components/ix-tree.js +1 -1
  136. package/components/ix-upload.js +4 -4
  137. package/components/ix-upload.js.map +1 -1
  138. package/components/ix-validation-tooltip.js +2 -2
  139. package/components/ix-workflow-step.js +5 -5
  140. package/components/ix-workflow-step.js.map +1 -1
  141. package/components/ix-workflow-steps.js +2 -2
  142. package/components/ix-workflow-steps.js.map +1 -1
  143. package/components/layout-grid.js +2 -2
  144. package/components/map-navigation-overlay.js +3 -3
  145. package/components/map-navigation-overlay.js.map +1 -1
  146. package/components/menu-avatar-item.js +2 -2
  147. package/components/menu-avatar-item.js.map +1 -1
  148. package/components/menu-expand-icon.js +2 -2
  149. package/components/menu-expand-icon.js.map +1 -1
  150. package/components/menu-item.js +4 -4
  151. package/components/menu-item.js.map +1 -1
  152. package/components/menu-tabs-fc.js +2 -2
  153. package/components/menu-tabs-fc.js.map +1 -1
  154. package/components/modal-content.js +2 -2
  155. package/components/modal-content.js.map +1 -1
  156. package/components/modal-header.js +2 -2
  157. package/components/modal-header.js.map +1 -1
  158. package/components/row.js +1 -1
  159. package/components/select-item.js +1 -1
  160. package/components/select.js +42 -24
  161. package/components/select.js.map +1 -1
  162. package/components/service.js +2 -2
  163. package/components/service.js.map +1 -1
  164. package/components/spinner.js +2 -2
  165. package/components/spinner.js.map +1 -1
  166. package/components/tab-item.js +4 -4
  167. package/components/tab-item.js.map +1 -1
  168. package/components/tabs.js +3 -3
  169. package/components/tabs.js.map +1 -1
  170. package/components/time-picker.js +4 -4
  171. package/components/time-picker.js.map +1 -1
  172. package/components/toast.js +3 -3
  173. package/components/toast.js.map +1 -1
  174. package/components/tooltip.js +7 -7
  175. package/components/tooltip.js.map +1 -1
  176. package/components/tree-item.js +5 -5
  177. package/components/tree-item.js.map +1 -1
  178. package/components/typography.js +1 -1
  179. package/components/typography.js.map +1 -1
  180. package/dist/cjs/app-globals-5cfdf2a0.js.map +1 -1
  181. package/dist/cjs/{base-button-7c45a6c4.js → base-button-3735b8c2.js} +2 -2
  182. package/dist/cjs/{base-button-7c45a6c4.js.map → base-button-3735b8c2.js.map} +1 -1
  183. package/dist/cjs/{base-icon-button-ac2fcf4b.js → base-icon-button-44c72bc8.js} +3 -3
  184. package/dist/cjs/{base-icon-button-ac2fcf4b.js.map → base-icon-button-44c72bc8.js.map} +1 -1
  185. package/dist/cjs/index-529f21c1.js +2122 -0
  186. package/dist/cjs/index-529f21c1.js.map +1 -0
  187. package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
  188. package/dist/cjs/ix-action-card.cjs.entry.js.map +1 -1
  189. package/dist/cjs/ix-application-header.cjs.entry.js +14 -6
  190. package/dist/cjs/ix-application-header.cjs.entry.js.map +1 -1
  191. package/dist/cjs/ix-application-sidebar.cjs.entry.js +3 -3
  192. package/dist/cjs/ix-application-sidebar.cjs.entry.js.map +1 -1
  193. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +3 -3
  194. package/dist/cjs/ix-application-switch-modal.cjs.entry.js.map +1 -1
  195. package/dist/cjs/ix-application.cjs.entry.js +6 -6
  196. package/dist/cjs/ix-application.cjs.entry.js.map +1 -1
  197. package/dist/cjs/ix-avatar_2.cjs.entry.js +10 -5
  198. package/dist/cjs/ix-avatar_2.cjs.entry.js.map +1 -1
  199. package/dist/cjs/ix-basic-navigation.cjs.entry.js +5 -5
  200. package/dist/cjs/ix-basic-navigation.cjs.entry.js.map +1 -1
  201. package/dist/cjs/ix-blind.cjs.entry.js +2 -2
  202. package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
  203. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +3 -3
  204. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
  205. package/dist/cjs/ix-breadcrumb.cjs.entry.js +4 -4
  206. package/dist/cjs/ix-breadcrumb.cjs.entry.js.map +1 -1
  207. package/dist/cjs/ix-button.cjs.entry.js +3 -3
  208. package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
  209. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +3 -3
  210. package/dist/cjs/ix-card-accordion_2.cjs.entry.js.map +1 -1
  211. package/dist/cjs/ix-card-list.cjs.entry.js +6 -6
  212. package/dist/cjs/ix-card-list.cjs.entry.js.map +1 -1
  213. package/dist/cjs/ix-card_2.cjs.entry.js +4 -4
  214. package/dist/cjs/ix-card_2.cjs.entry.js.map +1 -1
  215. package/dist/cjs/ix-category-filter.cjs.entry.js +10 -7
  216. package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
  217. package/dist/cjs/ix-chip.cjs.entry.js +6 -6
  218. package/dist/cjs/ix-chip.cjs.entry.js.map +1 -1
  219. package/dist/cjs/ix-col_4.cjs.entry.js +11 -11
  220. package/dist/cjs/ix-col_4.cjs.entry.js.map +1 -1
  221. package/dist/cjs/ix-content-header.cjs.entry.js +1 -1
  222. package/dist/cjs/ix-content.cjs.entry.js +5 -5
  223. package/dist/cjs/ix-content.cjs.entry.js.map +1 -1
  224. package/dist/cjs/ix-css-grid-item.cjs.entry.js +2 -2
  225. package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
  226. package/dist/cjs/ix-date-dropdown.cjs.entry.js +5 -5
  227. package/dist/cjs/ix-date-dropdown.cjs.entry.js.map +1 -1
  228. package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
  229. package/dist/cjs/ix-date-time-card.cjs.entry.js.map +1 -1
  230. package/dist/cjs/ix-datetime-picker.cjs.entry.js +3 -3
  231. package/dist/cjs/ix-datetime-picker.cjs.entry.js.map +1 -1
  232. package/dist/cjs/ix-divider.cjs.entry.js +2 -2
  233. package/dist/cjs/ix-drawer.cjs.entry.js +4 -4
  234. package/dist/cjs/ix-drawer.cjs.entry.js.map +1 -1
  235. package/dist/cjs/ix-dropdown-button.cjs.entry.js +4 -4
  236. package/dist/cjs/ix-dropdown-button.cjs.entry.js.map +1 -1
  237. package/dist/cjs/ix-dropdown-header.cjs.entry.js +3 -3
  238. package/dist/cjs/ix-dropdown-header.cjs.entry.js.map +1 -1
  239. package/dist/cjs/ix-dropdown-item.cjs.entry.js +5 -5
  240. package/dist/cjs/ix-dropdown-item.cjs.entry.js.map +1 -1
  241. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
  242. package/dist/cjs/ix-dropdown.cjs.entry.js +16 -9
  243. package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
  244. package/dist/cjs/ix-empty-state.cjs.entry.js +3 -3
  245. package/dist/cjs/ix-empty-state.cjs.entry.js.map +1 -1
  246. package/dist/cjs/ix-event-list-item.cjs.entry.js +6 -6
  247. package/dist/cjs/ix-event-list-item.cjs.entry.js.map +1 -1
  248. package/dist/cjs/ix-event-list.cjs.entry.js +4 -4
  249. package/dist/cjs/ix-event-list.cjs.entry.js.map +1 -1
  250. package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
  251. package/dist/cjs/ix-expanding-search.cjs.entry.js.map +1 -1
  252. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +4 -4
  253. package/dist/cjs/ix-filter-chip_2.cjs.entry.js.map +1 -1
  254. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +2 -2
  255. package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
  256. package/dist/cjs/ix-flip-tile.cjs.entry.js.map +1 -1
  257. package/dist/cjs/ix-form-field.cjs.entry.js +3 -3
  258. package/dist/cjs/ix-form-field.cjs.entry.js.map +1 -1
  259. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +5 -5
  260. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js.map +1 -1
  261. package/dist/cjs/ix-group.cjs.entry.js +9 -9
  262. package/dist/cjs/ix-icon-button_2.cjs.entry.js +7 -7
  263. package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
  264. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +5 -5
  265. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
  266. package/dist/cjs/ix-input-group.cjs.entry.js +3 -3
  267. package/dist/cjs/ix-input-group.cjs.entry.js.map +1 -1
  268. package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
  269. package/dist/cjs/ix-key-value.cjs.entry.js +2 -2
  270. package/dist/cjs/ix-key-value.cjs.entry.js.map +1 -1
  271. package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
  272. package/dist/cjs/ix-kpi.cjs.entry.js.map +1 -1
  273. package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
  274. package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +4 -4
  275. package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js.map +1 -1
  276. package/dist/cjs/ix-map-navigation.cjs.entry.js +4 -4
  277. package/dist/cjs/ix-map-navigation.cjs.entry.js.map +1 -1
  278. package/dist/cjs/ix-menu-about-item.cjs.entry.js +2 -2
  279. package/dist/cjs/ix-menu-about-news.cjs.entry.js +6 -6
  280. package/dist/cjs/ix-menu-about-news.cjs.entry.js.map +1 -1
  281. package/dist/cjs/ix-menu-about.cjs.entry.js +3 -3
  282. package/dist/cjs/ix-menu-avatar.cjs.entry.js +4 -4
  283. package/dist/cjs/ix-menu-avatar.cjs.entry.js.map +1 -1
  284. package/dist/cjs/ix-menu-category.cjs.entry.js +10 -7
  285. package/dist/cjs/ix-menu-category.cjs.entry.js.map +1 -1
  286. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +4 -4
  287. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js.map +1 -1
  288. package/dist/cjs/ix-menu-item.cjs.entry.js +5 -5
  289. package/dist/cjs/ix-menu-item.cjs.entry.js.map +1 -1
  290. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +2 -2
  291. package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
  292. package/dist/cjs/ix-menu.cjs.entry.js +14 -14
  293. package/dist/cjs/ix-menu.cjs.entry.js.map +1 -1
  294. package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
  295. package/dist/cjs/ix-message-bar.cjs.entry.js.map +1 -1
  296. package/dist/cjs/ix-modal-content_2.cjs.entry.js +5 -5
  297. package/dist/cjs/ix-modal-content_2.cjs.entry.js.map +1 -1
  298. package/dist/cjs/ix-modal-example.cjs.entry.js +2 -2
  299. package/dist/cjs/ix-modal-footer.cjs.entry.js +3 -3
  300. package/dist/cjs/ix-modal-footer.cjs.entry.js.map +1 -1
  301. package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
  302. package/dist/cjs/ix-modal.cjs.entry.js +5 -5
  303. package/dist/cjs/ix-pagination.cjs.entry.js +5 -5
  304. package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
  305. package/dist/cjs/ix-pane-layout.cjs.entry.js +4 -4
  306. package/dist/cjs/ix-pane-layout.cjs.entry.js.map +1 -1
  307. package/dist/cjs/ix-pane.cjs.entry.js +9 -9
  308. package/dist/cjs/ix-pane.cjs.entry.js.map +1 -1
  309. package/dist/cjs/ix-pill.cjs.entry.js +6 -6
  310. package/dist/cjs/ix-pill.cjs.entry.js.map +1 -1
  311. package/dist/cjs/ix-playground-internal.cjs.entry.js +2 -2
  312. package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
  313. package/dist/cjs/ix-select.cjs.entry.js +44 -26
  314. package/dist/cjs/ix-select.cjs.entry.js.map +1 -1
  315. package/dist/cjs/ix-slider.cjs.entry.js +9 -9
  316. package/dist/cjs/ix-slider.cjs.entry.js.map +1 -1
  317. package/dist/cjs/ix-split-button-item.cjs.entry.js +2 -2
  318. package/dist/cjs/ix-split-button.cjs.entry.js +4 -3
  319. package/dist/cjs/ix-split-button.cjs.entry.js.map +1 -1
  320. package/dist/cjs/ix-tab-item_2.cjs.entry.js +8 -8
  321. package/dist/cjs/ix-tab-item_2.cjs.entry.js.map +1 -1
  322. package/dist/cjs/ix-tile.cjs.entry.js +6 -6
  323. package/dist/cjs/ix-tile.cjs.entry.js.map +1 -1
  324. package/dist/cjs/ix-time-picker.cjs.entry.js +5 -5
  325. package/dist/cjs/ix-time-picker.cjs.entry.js.map +1 -1
  326. package/dist/cjs/ix-toast-container.cjs.entry.js +4 -4
  327. package/dist/cjs/ix-toast-container.cjs.entry.js.map +1 -1
  328. package/dist/cjs/ix-toast.cjs.entry.js +4 -4
  329. package/dist/cjs/ix-toast.cjs.entry.js.map +1 -1
  330. package/dist/cjs/ix-toggle-button.cjs.entry.js +5 -5
  331. package/dist/cjs/ix-toggle-button.cjs.entry.js.map +1 -1
  332. package/dist/cjs/ix-toggle.cjs.entry.js +4 -4
  333. package/dist/cjs/ix-toggle.cjs.entry.js.map +1 -1
  334. package/dist/cjs/ix-tooltip.cjs.entry.js +9 -9
  335. package/dist/cjs/ix-tooltip.cjs.entry.js.map +1 -1
  336. package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
  337. package/dist/cjs/ix-tree-item.cjs.entry.js.map +1 -1
  338. package/dist/cjs/ix-tree.cjs.entry.js +2 -2
  339. package/dist/cjs/ix-typography.cjs.entry.js +2 -2
  340. package/dist/cjs/ix-typography.cjs.entry.js.map +1 -1
  341. package/dist/cjs/ix-upload.cjs.entry.js +5 -5
  342. package/dist/cjs/ix-upload.cjs.entry.js.map +1 -1
  343. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +3 -3
  344. package/dist/cjs/ix-workflow-step.cjs.entry.js +6 -6
  345. package/dist/cjs/ix-workflow-step.cjs.entry.js.map +1 -1
  346. package/dist/cjs/ix-workflow-steps.cjs.entry.js +3 -3
  347. package/dist/cjs/ix-workflow-steps.cjs.entry.js.map +1 -1
  348. package/dist/cjs/{listener-d27acb41.js → listener-bc3e7c0c.js} +2 -2
  349. package/dist/cjs/{listener-d27acb41.js.map → listener-bc3e7c0c.js.map} +1 -1
  350. package/dist/cjs/loader.cjs.js +2 -2
  351. package/dist/cjs/{menu-tabs-fc-194c3ba9.js → menu-tabs-fc-df53f176.js} +4 -4
  352. package/dist/cjs/{menu-tabs-fc-194c3ba9.js.map → menu-tabs-fc-df53f176.js.map} +1 -1
  353. package/dist/cjs/{service-a42add5f.js → service-39a8e5fe.js} +3 -3
  354. package/dist/cjs/service-39a8e5fe.js.map +1 -0
  355. package/dist/cjs/siemens-ix.cjs.js +10 -10
  356. package/dist/cjs/siemens-ix.cjs.js.map +1 -1
  357. package/dist/collection/collection-manifest.json +2 -2
  358. package/dist/collection/components/action-card/action-card.css +6 -0
  359. package/dist/collection/components/action-card/action-card.js +1 -1
  360. package/dist/collection/components/application/application.css +6 -0
  361. package/dist/collection/components/application/application.js +3 -3
  362. package/dist/collection/components/application-header/application-header.css +6 -0
  363. package/dist/collection/components/application-header/application-header.js +11 -3
  364. package/dist/collection/components/application-header/application-header.js.map +1 -1
  365. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +6 -0
  366. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +1 -1
  367. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js.map +1 -1
  368. package/dist/collection/components/application-sidebar/application-sidebar.css +7 -2
  369. package/dist/collection/components/application-sidebar/application-sidebar.js +1 -1
  370. package/dist/collection/components/avatar/avatar.js +6 -1
  371. package/dist/collection/components/avatar/avatar.js.map +1 -1
  372. package/dist/collection/components/basic-navigation/basic-navigation.css +6 -0
  373. package/dist/collection/components/basic-navigation/basic-navigation.js +2 -2
  374. package/dist/collection/components/blind/blind.css +6 -0
  375. package/dist/collection/components/blind/blind.js +1 -1
  376. package/dist/collection/components/breadcrumb/breadcrumb.css +6 -0
  377. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  378. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +18 -0
  379. package/dist/collection/components/button/button.css +6 -0
  380. package/dist/collection/components/button/button.js +1 -1
  381. package/dist/collection/components/card/card.css +6 -0
  382. package/dist/collection/components/card/card.js +1 -1
  383. package/dist/collection/components/card-accordion/card-accordion.css +6 -0
  384. package/dist/collection/components/card-accordion/card-accordion.js +1 -1
  385. package/dist/collection/components/card-content/card-content.css +7 -2
  386. package/dist/collection/components/card-content/card-content.js +1 -1
  387. package/dist/collection/components/card-list/card-list.css +6 -0
  388. package/dist/collection/components/card-list/card-list.js +4 -4
  389. package/dist/collection/components/card-title/card-title.js +1 -1
  390. package/dist/collection/components/category-filter/category-filter.css +16 -0
  391. package/dist/collection/components/category-filter/category-filter.js +7 -4
  392. package/dist/collection/components/category-filter/category-filter.js.map +1 -1
  393. package/dist/collection/components/chip/chip.css +38 -8
  394. package/dist/collection/components/chip/chip.js +4 -4
  395. package/dist/collection/components/chip/test/chip.ct.js +32 -0
  396. package/dist/collection/components/chip/test/chip.ct.js.map +1 -0
  397. package/dist/collection/components/col/col.css +7 -2
  398. package/dist/collection/components/col/col.js +4 -4
  399. package/dist/collection/components/content/content.css +6 -0
  400. package/dist/collection/components/content/content.js +3 -3
  401. package/dist/collection/components/content-header/content-header.js +1 -1
  402. package/dist/collection/components/css-grid/css-grid-item.js +1 -1
  403. package/dist/collection/components/css-grid/css-grid.js +1 -1
  404. package/dist/collection/components/date-dropdown/date-dropdown.css +6 -0
  405. package/dist/collection/components/date-dropdown/date-dropdown.js +6 -6
  406. package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
  407. package/dist/collection/components/date-picker/date-picker.css +6 -0
  408. package/dist/collection/components/date-picker/date-picker.js +7 -7
  409. package/dist/collection/components/date-time-card/date-time-card.css +6 -0
  410. package/dist/collection/components/date-time-card/date-time-card.js +2 -2
  411. package/dist/collection/components/datetime-picker/datetime-picker.css +6 -0
  412. package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
  413. package/dist/collection/components/divider/divider.js +1 -1
  414. package/dist/collection/components/drawer/drawer.css +6 -0
  415. package/dist/collection/components/drawer/drawer.js +2 -2
  416. package/dist/collection/components/dropdown/dropdown-controller.js +1 -0
  417. package/dist/collection/components/dropdown/dropdown-controller.js.map +1 -1
  418. package/dist/collection/components/dropdown/dropdown.css +6 -0
  419. package/dist/collection/components/dropdown/dropdown.js +13 -7
  420. package/dist/collection/components/dropdown/dropdown.js.map +1 -1
  421. package/dist/collection/components/dropdown/test/dropdown.ct.js +18 -0
  422. package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
  423. package/dist/collection/components/dropdown-button/dropdown-button.css +6 -0
  424. package/dist/collection/components/dropdown-button/dropdown-button.ct.js +51 -0
  425. package/dist/collection/components/dropdown-button/dropdown-button.ct.js.map +1 -0
  426. package/dist/collection/components/dropdown-button/dropdown-button.js +3 -3
  427. package/dist/collection/components/dropdown-header/dropdown-header.css +6 -0
  428. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  429. package/dist/collection/components/dropdown-item/dropdown-item.css +6 -0
  430. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  431. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  432. package/dist/collection/components/empty-state/empty-state.css +6 -0
  433. package/dist/collection/components/empty-state/empty-state.js +2 -2
  434. package/dist/collection/components/empty-state/empty-state.js.map +1 -1
  435. package/dist/collection/components/event-list/event-list.css +6 -0
  436. package/dist/collection/components/event-list/event-list.js +2 -2
  437. package/dist/collection/components/event-list-item/event-list-item.css +6 -0
  438. package/dist/collection/components/event-list-item/event-list-item.js +4 -4
  439. package/dist/collection/components/event-list-item/event-list-item.js.map +1 -1
  440. package/dist/collection/components/expanding-search/expanding-search.css +6 -0
  441. package/dist/collection/components/expanding-search/expanding-search.js +4 -4
  442. package/dist/collection/components/filter-chip/filter-chip.css +6 -0
  443. package/dist/collection/components/filter-chip/filter-chip.js +1 -1
  444. package/dist/collection/components/flip-tile/flip-tile.css +6 -0
  445. package/dist/collection/components/flip-tile/flip-tile.js +4 -4
  446. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  447. package/dist/collection/components/form-field/form-field.css +2 -0
  448. package/dist/collection/components/form-field/form-field.js +1 -1
  449. package/dist/collection/components/grid/layout-grid.js +2 -2
  450. package/dist/collection/components/group/group-context-menu.js +1 -1
  451. package/dist/collection/components/group/group.js +8 -8
  452. package/dist/collection/components/group-item/group-item.css +6 -0
  453. package/dist/collection/components/group-item/group-item.js +2 -2
  454. package/dist/collection/components/icon-button/icon-button.css +12 -0
  455. package/dist/collection/components/icon-button/icon-button.js +2 -2
  456. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +12 -0
  457. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
  458. package/dist/collection/components/input-group/input-group.css +6 -0
  459. package/dist/collection/components/input-group/input-group.js +1 -1
  460. package/dist/collection/components/key-value/key-value.js +2 -2
  461. package/dist/collection/components/key-value/key-value.js.map +1 -1
  462. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  463. package/dist/collection/components/kpi/kpi.css +6 -0
  464. package/dist/collection/components/kpi/kpi.js +3 -3
  465. package/dist/collection/components/link-button/link-button.js +3 -3
  466. package/dist/collection/components/map-navigation/map-navigation.css +6 -0
  467. package/dist/collection/components/map-navigation/map-navigation.js +2 -2
  468. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +6 -0
  469. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +2 -2
  470. package/dist/collection/components/menu/menu-expand-icon.css +6 -0
  471. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  472. package/dist/collection/components/menu/menu.css +7 -1
  473. package/dist/collection/components/menu/menu.js +11 -11
  474. package/dist/collection/components/menu/menu.js.map +1 -1
  475. package/dist/collection/components/menu-about/menu-about.js +1 -1
  476. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  477. package/dist/collection/components/menu-about-news/menu-about-news.css +6 -0
  478. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  479. package/dist/collection/components/menu-avatar/menu-avatar.css +6 -0
  480. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  481. package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +6 -0
  482. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  483. package/dist/collection/components/menu-category/menu-category.css +6 -0
  484. package/dist/collection/components/menu-category/menu-category.js +8 -5
  485. package/dist/collection/components/menu-category/menu-category.js.map +1 -1
  486. package/dist/collection/components/menu-item/menu-item.css +0 -3
  487. package/dist/collection/components/menu-item/menu-item.js +3 -3
  488. package/dist/collection/components/menu-item/menu-item.js.map +1 -1
  489. package/dist/collection/components/menu-settings/menu-settings.css +6 -0
  490. package/dist/collection/components/menu-settings/menu-settings.js +1 -1
  491. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  492. package/dist/collection/components/message-bar/message-bar.css +6 -0
  493. package/dist/collection/components/message-bar/message-bar.js +1 -1
  494. package/dist/collection/components/modal/modal.js +4 -4
  495. package/dist/collection/components/modal-content/modal-content.css +6 -0
  496. package/dist/collection/components/modal-content/modal-content.js +1 -1
  497. package/dist/collection/components/modal-footer/modal-footer.css +6 -0
  498. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  499. package/dist/collection/components/modal-header/modal-header.css +6 -0
  500. package/dist/collection/components/modal-header/modal-header.js +1 -1
  501. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  502. package/dist/collection/components/pagination/pagination.css +20 -0
  503. package/dist/collection/components/pagination/pagination.js +2 -2
  504. package/dist/collection/components/pane/pane.css +9 -0
  505. package/dist/collection/components/pane/pane.js +12 -12
  506. package/dist/collection/components/pane-layout/pane-layout.css +6 -0
  507. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  508. package/dist/collection/components/pill/pill.css +38 -7
  509. package/dist/collection/components/pill/pill.js +4 -4
  510. package/dist/collection/components/playground/example-modal.js +1 -1
  511. package/dist/collection/components/playground/playground.js +1 -1
  512. package/dist/collection/components/push-card/push-card.js +2 -2
  513. package/dist/collection/components/row/row.js +1 -1
  514. package/dist/collection/components/select/select.css +6 -0
  515. package/dist/collection/components/select/select.js +41 -23
  516. package/dist/collection/components/select/select.js.map +1 -1
  517. package/dist/collection/components/select/test/select.ct.js +136 -36
  518. package/dist/collection/components/select/test/select.ct.js.map +1 -1
  519. package/dist/collection/components/select-item/select-item.js +1 -1
  520. package/dist/collection/components/slider/slider.css +6 -0
  521. package/dist/collection/components/slider/slider.js +7 -7
  522. package/dist/collection/components/spinner/spinner.css +30 -0
  523. package/dist/collection/components/spinner/spinner.js +1 -1
  524. package/dist/collection/components/split-button/split-button.css +6 -0
  525. package/dist/collection/components/split-button/split-button.js +30 -2
  526. package/dist/collection/components/split-button/split-button.js.map +1 -1
  527. package/dist/collection/components/split-button-item/split-button-item.js +1 -1
  528. package/dist/collection/components/tab-item/tab-item.css +13 -13
  529. package/dist/collection/components/tab-item/tab-item.js +5 -5
  530. package/dist/collection/components/tab-item/tab-item.js.map +1 -1
  531. package/dist/collection/components/tabs/tabs.css +6 -0
  532. package/dist/collection/components/tabs/tabs.js +2 -2
  533. package/dist/collection/components/tile/tile.css +6 -0
  534. package/dist/collection/components/tile/tile.js +4 -4
  535. package/dist/collection/components/time-picker/time-picker.css +8 -0
  536. package/dist/collection/components/time-picker/time-picker.js +4 -4
  537. package/dist/collection/components/toast/styles/toast-container.css +6 -0
  538. package/dist/collection/components/toast/toast-container.js +3 -3
  539. package/dist/collection/components/toast/toast.css +6 -0
  540. package/dist/collection/components/toast/toast.js +2 -2
  541. package/dist/collection/components/toggle/toggle.css +6 -0
  542. package/dist/collection/components/toggle/toggle.js +2 -2
  543. package/dist/collection/components/toggle-button/toggle-button.css +6 -0
  544. package/dist/collection/components/toggle-button/toggle-button.js +2 -2
  545. package/dist/collection/components/tooltip/tooltip.css +2 -2
  546. package/dist/collection/components/tooltip/tooltip.js +6 -6
  547. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  548. package/dist/collection/components/tree/tree.js +1 -1
  549. package/dist/collection/components/tree-item/tree-item.css +6 -0
  550. package/dist/collection/components/tree-item/tree-item.js +4 -4
  551. package/dist/collection/components/typography/typography.css +7 -2
  552. package/dist/collection/components/typography/typography.js +5 -5
  553. package/dist/collection/components/upload/upload.css +6 -0
  554. package/dist/collection/components/upload/upload.js +3 -3
  555. package/dist/collection/components/utils/application-layout/service.js +2 -2
  556. package/dist/collection/components/utils/application-layout/service.js.map +1 -1
  557. package/dist/collection/components/validation-tooltip/validation-tooltip.js +2 -2
  558. package/dist/collection/components/workflow-step/workflow-step.css +6 -0
  559. package/dist/collection/components/workflow-step/workflow-step.js +4 -4
  560. package/dist/collection/components/workflow-step/workflow-step.js.map +1 -1
  561. package/dist/collection/components/workflow-steps/workflow-steps.css +6 -0
  562. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  563. package/dist/collection/tests/panes/panes.e2e.js +5 -0
  564. package/dist/collection/tests/panes/panes.e2e.js.map +1 -1
  565. package/dist/esm/app-globals-0cd07cd9.js.map +1 -1
  566. package/dist/esm/{base-button-3ac703a7.js → base-button-1b40b11d.js} +2 -2
  567. package/dist/esm/{base-button-3ac703a7.js.map → base-button-1b40b11d.js.map} +1 -1
  568. package/dist/esm/{base-icon-button-59eb1fe5.js → base-icon-button-bc1dabe0.js} +3 -3
  569. package/dist/esm/{base-icon-button-59eb1fe5.js.map → base-icon-button-bc1dabe0.js.map} +1 -1
  570. package/dist/esm/index-5429f20b.js +2090 -0
  571. package/dist/esm/index-5429f20b.js.map +1 -0
  572. package/dist/esm/ix-action-card.entry.js +2 -2
  573. package/dist/esm/ix-action-card.entry.js.map +1 -1
  574. package/dist/esm/ix-application-header.entry.js +14 -6
  575. package/dist/esm/ix-application-header.entry.js.map +1 -1
  576. package/dist/esm/ix-application-sidebar.entry.js +3 -3
  577. package/dist/esm/ix-application-sidebar.entry.js.map +1 -1
  578. package/dist/esm/ix-application-switch-modal.entry.js +3 -3
  579. package/dist/esm/ix-application-switch-modal.entry.js.map +1 -1
  580. package/dist/esm/ix-application.entry.js +6 -6
  581. package/dist/esm/ix-application.entry.js.map +1 -1
  582. package/dist/esm/ix-avatar_2.entry.js +10 -5
  583. package/dist/esm/ix-avatar_2.entry.js.map +1 -1
  584. package/dist/esm/ix-basic-navigation.entry.js +5 -5
  585. package/dist/esm/ix-basic-navigation.entry.js.map +1 -1
  586. package/dist/esm/ix-blind.entry.js +2 -2
  587. package/dist/esm/ix-blind.entry.js.map +1 -1
  588. package/dist/esm/ix-breadcrumb-item.entry.js +3 -3
  589. package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
  590. package/dist/esm/ix-breadcrumb.entry.js +4 -4
  591. package/dist/esm/ix-breadcrumb.entry.js.map +1 -1
  592. package/dist/esm/ix-button.entry.js +3 -3
  593. package/dist/esm/ix-button.entry.js.map +1 -1
  594. package/dist/esm/ix-card-accordion_2.entry.js +3 -3
  595. package/dist/esm/ix-card-accordion_2.entry.js.map +1 -1
  596. package/dist/esm/ix-card-list.entry.js +6 -6
  597. package/dist/esm/ix-card-list.entry.js.map +1 -1
  598. package/dist/esm/ix-card_2.entry.js +4 -4
  599. package/dist/esm/ix-card_2.entry.js.map +1 -1
  600. package/dist/esm/ix-category-filter.entry.js +10 -7
  601. package/dist/esm/ix-category-filter.entry.js.map +1 -1
  602. package/dist/esm/ix-chip.entry.js +6 -6
  603. package/dist/esm/ix-chip.entry.js.map +1 -1
  604. package/dist/esm/ix-col_4.entry.js +11 -11
  605. package/dist/esm/ix-col_4.entry.js.map +1 -1
  606. package/dist/esm/ix-content-header.entry.js +1 -1
  607. package/dist/esm/ix-content.entry.js +5 -5
  608. package/dist/esm/ix-content.entry.js.map +1 -1
  609. package/dist/esm/ix-css-grid-item.entry.js +2 -2
  610. package/dist/esm/ix-css-grid.entry.js +1 -1
  611. package/dist/esm/ix-date-dropdown.entry.js +5 -5
  612. package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
  613. package/dist/esm/ix-date-time-card.entry.js +3 -3
  614. package/dist/esm/ix-date-time-card.entry.js.map +1 -1
  615. package/dist/esm/ix-datetime-picker.entry.js +3 -3
  616. package/dist/esm/ix-datetime-picker.entry.js.map +1 -1
  617. package/dist/esm/ix-divider.entry.js +2 -2
  618. package/dist/esm/ix-drawer.entry.js +4 -4
  619. package/dist/esm/ix-drawer.entry.js.map +1 -1
  620. package/dist/esm/ix-dropdown-button.entry.js +4 -4
  621. package/dist/esm/ix-dropdown-button.entry.js.map +1 -1
  622. package/dist/esm/ix-dropdown-header.entry.js +3 -3
  623. package/dist/esm/ix-dropdown-header.entry.js.map +1 -1
  624. package/dist/esm/ix-dropdown-item.entry.js +5 -5
  625. package/dist/esm/ix-dropdown-item.entry.js.map +1 -1
  626. package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
  627. package/dist/esm/ix-dropdown.entry.js +16 -9
  628. package/dist/esm/ix-dropdown.entry.js.map +1 -1
  629. package/dist/esm/ix-empty-state.entry.js +3 -3
  630. package/dist/esm/ix-empty-state.entry.js.map +1 -1
  631. package/dist/esm/ix-event-list-item.entry.js +6 -6
  632. package/dist/esm/ix-event-list-item.entry.js.map +1 -1
  633. package/dist/esm/ix-event-list.entry.js +4 -4
  634. package/dist/esm/ix-event-list.entry.js.map +1 -1
  635. package/dist/esm/ix-expanding-search.entry.js +6 -6
  636. package/dist/esm/ix-expanding-search.entry.js.map +1 -1
  637. package/dist/esm/ix-filter-chip_2.entry.js +4 -4
  638. package/dist/esm/ix-filter-chip_2.entry.js.map +1 -1
  639. package/dist/esm/ix-flip-tile-content.entry.js +2 -2
  640. package/dist/esm/ix-flip-tile.entry.js +6 -6
  641. package/dist/esm/ix-flip-tile.entry.js.map +1 -1
  642. package/dist/esm/ix-form-field.entry.js +3 -3
  643. package/dist/esm/ix-form-field.entry.js.map +1 -1
  644. package/dist/esm/ix-group-context-menu_2.entry.js +5 -5
  645. package/dist/esm/ix-group-context-menu_2.entry.js.map +1 -1
  646. package/dist/esm/ix-group.entry.js +9 -9
  647. package/dist/esm/ix-icon-button_2.entry.js +7 -7
  648. package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
  649. package/dist/esm/ix-icon-toggle-button.entry.js +5 -5
  650. package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
  651. package/dist/esm/ix-input-group.entry.js +3 -3
  652. package/dist/esm/ix-input-group.entry.js.map +1 -1
  653. package/dist/esm/ix-key-value-list.entry.js +2 -2
  654. package/dist/esm/ix-key-value.entry.js +2 -2
  655. package/dist/esm/ix-key-value.entry.js.map +1 -1
  656. package/dist/esm/ix-kpi.entry.js +5 -5
  657. package/dist/esm/ix-kpi.entry.js.map +1 -1
  658. package/dist/esm/ix-link-button.entry.js +4 -4
  659. package/dist/esm/ix-map-navigation-overlay.entry.js +4 -4
  660. package/dist/esm/ix-map-navigation-overlay.entry.js.map +1 -1
  661. package/dist/esm/ix-map-navigation.entry.js +4 -4
  662. package/dist/esm/ix-map-navigation.entry.js.map +1 -1
  663. package/dist/esm/ix-menu-about-item.entry.js +2 -2
  664. package/dist/esm/ix-menu-about-news.entry.js +6 -6
  665. package/dist/esm/ix-menu-about-news.entry.js.map +1 -1
  666. package/dist/esm/ix-menu-about.entry.js +3 -3
  667. package/dist/esm/ix-menu-avatar.entry.js +4 -4
  668. package/dist/esm/ix-menu-avatar.entry.js.map +1 -1
  669. package/dist/esm/ix-menu-category.entry.js +10 -7
  670. package/dist/esm/ix-menu-category.entry.js.map +1 -1
  671. package/dist/esm/ix-menu-expand-icon.entry.js +4 -4
  672. package/dist/esm/ix-menu-expand-icon.entry.js.map +1 -1
  673. package/dist/esm/ix-menu-item.entry.js +5 -5
  674. package/dist/esm/ix-menu-item.entry.js.map +1 -1
  675. package/dist/esm/ix-menu-settings-item.entry.js +2 -2
  676. package/dist/esm/ix-menu-settings.entry.js +2 -2
  677. package/dist/esm/ix-menu.entry.js +14 -14
  678. package/dist/esm/ix-menu.entry.js.map +1 -1
  679. package/dist/esm/ix-message-bar.entry.js +3 -3
  680. package/dist/esm/ix-message-bar.entry.js.map +1 -1
  681. package/dist/esm/ix-modal-content_2.entry.js +5 -5
  682. package/dist/esm/ix-modal-content_2.entry.js.map +1 -1
  683. package/dist/esm/ix-modal-example.entry.js +2 -2
  684. package/dist/esm/ix-modal-footer.entry.js +3 -3
  685. package/dist/esm/ix-modal-footer.entry.js.map +1 -1
  686. package/dist/esm/ix-modal-loading.entry.js +2 -2
  687. package/dist/esm/ix-modal.entry.js +5 -5
  688. package/dist/esm/ix-pagination.entry.js +5 -5
  689. package/dist/esm/ix-pagination.entry.js.map +1 -1
  690. package/dist/esm/ix-pane-layout.entry.js +4 -4
  691. package/dist/esm/ix-pane-layout.entry.js.map +1 -1
  692. package/dist/esm/ix-pane.entry.js +9 -9
  693. package/dist/esm/ix-pane.entry.js.map +1 -1
  694. package/dist/esm/ix-pill.entry.js +6 -6
  695. package/dist/esm/ix-pill.entry.js.map +1 -1
  696. package/dist/esm/ix-playground-internal.entry.js +2 -2
  697. package/dist/esm/ix-push-card.entry.js +2 -2
  698. package/dist/esm/ix-select.entry.js +44 -26
  699. package/dist/esm/ix-select.entry.js.map +1 -1
  700. package/dist/esm/ix-slider.entry.js +9 -9
  701. package/dist/esm/ix-slider.entry.js.map +1 -1
  702. package/dist/esm/ix-split-button-item.entry.js +2 -2
  703. package/dist/esm/ix-split-button.entry.js +4 -3
  704. package/dist/esm/ix-split-button.entry.js.map +1 -1
  705. package/dist/esm/ix-tab-item_2.entry.js +8 -8
  706. package/dist/esm/ix-tab-item_2.entry.js.map +1 -1
  707. package/dist/esm/ix-tile.entry.js +6 -6
  708. package/dist/esm/ix-tile.entry.js.map +1 -1
  709. package/dist/esm/ix-time-picker.entry.js +5 -5
  710. package/dist/esm/ix-time-picker.entry.js.map +1 -1
  711. package/dist/esm/ix-toast-container.entry.js +4 -4
  712. package/dist/esm/ix-toast-container.entry.js.map +1 -1
  713. package/dist/esm/ix-toast.entry.js +4 -4
  714. package/dist/esm/ix-toast.entry.js.map +1 -1
  715. package/dist/esm/ix-toggle-button.entry.js +5 -5
  716. package/dist/esm/ix-toggle-button.entry.js.map +1 -1
  717. package/dist/esm/ix-toggle.entry.js +4 -4
  718. package/dist/esm/ix-toggle.entry.js.map +1 -1
  719. package/dist/esm/ix-tooltip.entry.js +9 -9
  720. package/dist/esm/ix-tooltip.entry.js.map +1 -1
  721. package/dist/esm/ix-tree-item.entry.js +6 -6
  722. package/dist/esm/ix-tree-item.entry.js.map +1 -1
  723. package/dist/esm/ix-tree.entry.js +2 -2
  724. package/dist/esm/ix-typography.entry.js +2 -2
  725. package/dist/esm/ix-typography.entry.js.map +1 -1
  726. package/dist/esm/ix-upload.entry.js +5 -5
  727. package/dist/esm/ix-upload.entry.js.map +1 -1
  728. package/dist/esm/ix-validation-tooltip.entry.js +3 -3
  729. package/dist/esm/ix-workflow-step.entry.js +6 -6
  730. package/dist/esm/ix-workflow-step.entry.js.map +1 -1
  731. package/dist/esm/ix-workflow-steps.entry.js +3 -3
  732. package/dist/esm/ix-workflow-steps.entry.js.map +1 -1
  733. package/dist/esm/{listener-b87c1f3d.js → listener-4f3baab5.js} +2 -2
  734. package/dist/esm/{listener-b87c1f3d.js.map → listener-4f3baab5.js.map} +1 -1
  735. package/dist/esm/loader.js +3 -3
  736. package/dist/esm/{menu-tabs-fc-c72e41b6.js → menu-tabs-fc-d9a7dd06.js} +4 -4
  737. package/dist/esm/{menu-tabs-fc-c72e41b6.js.map → menu-tabs-fc-d9a7dd06.js.map} +1 -1
  738. package/dist/esm/{service-02cc9011.js → service-c7fc628b.js} +3 -3
  739. package/dist/esm/service-c7fc628b.js.map +1 -0
  740. package/dist/esm/siemens-ix.js +11 -11
  741. package/dist/esm/siemens-ix.js.map +1 -1
  742. package/dist/siemens-ix/p-052340f9.entry.js +2 -0
  743. package/dist/siemens-ix/{p-ed2ec72f.entry.js.map → p-052340f9.entry.js.map} +1 -1
  744. package/dist/siemens-ix/p-0653a145.entry.js +2 -0
  745. package/dist/siemens-ix/{p-abb29515.entry.js.map → p-0653a145.entry.js.map} +1 -1
  746. package/dist/siemens-ix/p-0b4e398e.entry.js +2 -0
  747. package/dist/siemens-ix/{p-ec741c06.entry.js.map → p-0b4e398e.entry.js.map} +1 -1
  748. package/dist/siemens-ix/{p-ced10144.js → p-0c8a98cd.js} +2 -2
  749. package/dist/siemens-ix/p-0d2a6886.entry.js +2 -0
  750. package/dist/siemens-ix/p-0f7ef743.entry.js +2 -0
  751. package/dist/siemens-ix/{p-a617e605.entry.js.map → p-0f7ef743.entry.js.map} +1 -1
  752. package/dist/siemens-ix/p-112069ca.entry.js +2 -0
  753. package/dist/siemens-ix/p-112069ca.entry.js.map +1 -0
  754. package/dist/siemens-ix/p-113cc793.entry.js +2 -0
  755. package/dist/siemens-ix/{p-3b8e4fe5.entry.js.map → p-113cc793.entry.js.map} +1 -1
  756. package/dist/siemens-ix/p-14a41c8c.entry.js +2 -0
  757. package/dist/siemens-ix/{p-c1bd5d78.entry.js.map → p-14a41c8c.entry.js.map} +1 -1
  758. package/dist/siemens-ix/p-15b3c17e.entry.js +2 -0
  759. package/dist/siemens-ix/{p-e678bfc5.entry.js.map → p-15b3c17e.entry.js.map} +1 -1
  760. package/dist/siemens-ix/p-16b923e9.entry.js +2 -0
  761. package/dist/siemens-ix/p-1a122c76.entry.js +2 -0
  762. package/dist/siemens-ix/{p-bdc57334.entry.js.map → p-1a122c76.entry.js.map} +1 -1
  763. package/dist/siemens-ix/p-1cff59db.entry.js +2 -0
  764. package/dist/siemens-ix/{p-3b8ff673.entry.js.map → p-1cff59db.entry.js.map} +1 -1
  765. package/dist/siemens-ix/p-1d581190.js +2 -0
  766. package/dist/siemens-ix/{p-e07d2623.js → p-1db6be55.js} +2 -2
  767. package/dist/siemens-ix/{p-e07d2623.js.map → p-1db6be55.js.map} +1 -1
  768. package/dist/siemens-ix/p-1f4b8463.entry.js +2 -0
  769. package/dist/siemens-ix/{p-d08cbeaf.entry.js.map → p-1f4b8463.entry.js.map} +1 -1
  770. package/dist/siemens-ix/p-235c14ca.js.map +1 -1
  771. package/dist/siemens-ix/p-24a8737a.entry.js +2 -0
  772. package/dist/siemens-ix/p-24a8737a.entry.js.map +1 -0
  773. package/dist/siemens-ix/p-2908cacd.entry.js +2 -0
  774. package/dist/siemens-ix/{p-bd576793.entry.js.map → p-2908cacd.entry.js.map} +1 -1
  775. package/dist/siemens-ix/{p-08a5d45b.entry.js → p-2946fd70.entry.js} +2 -2
  776. package/dist/siemens-ix/{p-08a5d45b.entry.js.map → p-2946fd70.entry.js.map} +1 -1
  777. package/dist/siemens-ix/{p-2c14670e.entry.js → p-29df2e29.entry.js} +2 -2
  778. package/dist/siemens-ix/p-29df2e29.entry.js.map +1 -0
  779. package/dist/siemens-ix/p-2c4c03d4.entry.js +2 -0
  780. package/dist/siemens-ix/{p-96d2d21f.entry.js.map → p-2c4c03d4.entry.js.map} +1 -1
  781. package/dist/siemens-ix/p-2ebfd4fd.entry.js +2 -0
  782. package/dist/siemens-ix/{p-4290098e.entry.js.map → p-2ebfd4fd.entry.js.map} +1 -1
  783. package/dist/siemens-ix/p-2ec7f841.entry.js +2 -0
  784. package/dist/siemens-ix/p-2ec7f841.entry.js.map +1 -0
  785. package/dist/siemens-ix/p-309ac3ad.entry.js +2 -0
  786. package/dist/siemens-ix/{p-9dabe2f7.entry.js.map → p-309ac3ad.entry.js.map} +1 -1
  787. package/dist/siemens-ix/p-315f070d.entry.js +2 -0
  788. package/dist/siemens-ix/p-315f070d.entry.js.map +1 -0
  789. package/dist/siemens-ix/p-32375ddb.entry.js +2 -0
  790. package/dist/siemens-ix/p-32d4ed3b.entry.js +2 -0
  791. package/dist/siemens-ix/p-427676f4.entry.js +2 -0
  792. package/dist/siemens-ix/{p-4d57ca67.entry.js.map → p-427676f4.entry.js.map} +1 -1
  793. package/dist/siemens-ix/p-4430117a.entry.js +2 -0
  794. package/dist/siemens-ix/{p-04a362da.entry.js.map → p-4430117a.entry.js.map} +1 -1
  795. package/dist/siemens-ix/p-44db3646.entry.js +2 -0
  796. package/dist/siemens-ix/p-453fa360.entry.js +2 -0
  797. package/dist/siemens-ix/{p-2c6a35db.entry.js.map → p-453fa360.entry.js.map} +1 -1
  798. package/dist/siemens-ix/p-4b3facea.entry.js +2 -0
  799. package/dist/siemens-ix/p-52857629.entry.js +2 -0
  800. package/dist/siemens-ix/p-52857629.entry.js.map +1 -0
  801. package/dist/siemens-ix/p-53352bfb.entry.js +2 -0
  802. package/dist/siemens-ix/{p-e4e24f59.entry.js.map → p-53352bfb.entry.js.map} +1 -1
  803. package/dist/siemens-ix/p-5696bb62.entry.js +2 -0
  804. package/dist/siemens-ix/{p-6ea6396e.entry.js.map → p-5696bb62.entry.js.map} +1 -1
  805. package/dist/siemens-ix/p-5aa0b93c.entry.js +2 -0
  806. package/dist/siemens-ix/{p-84b3b311.entry.js.map → p-5aa0b93c.entry.js.map} +1 -1
  807. package/dist/siemens-ix/{p-01a8adf1.entry.js → p-5c673ae9.entry.js} +2 -2
  808. package/dist/siemens-ix/p-5f25e7fd.entry.js +2 -0
  809. package/dist/siemens-ix/{p-ca65a043.entry.js.map → p-5f25e7fd.entry.js.map} +1 -1
  810. package/dist/siemens-ix/p-60c16878.entry.js +2 -0
  811. package/dist/siemens-ix/{p-8d156396.entry.js.map → p-60c16878.entry.js.map} +1 -1
  812. package/dist/siemens-ix/p-6227e62b.entry.js +2 -0
  813. package/dist/siemens-ix/{p-cbbe9dee.entry.js.map → p-6227e62b.entry.js.map} +1 -1
  814. package/dist/siemens-ix/p-68532fa2.js +2 -0
  815. package/dist/siemens-ix/p-68644ee1.entry.js +2 -0
  816. package/dist/siemens-ix/p-68644ee1.entry.js.map +1 -0
  817. package/dist/siemens-ix/{p-4cf6e817.entry.js → p-6af4415c.entry.js} +2 -2
  818. package/dist/siemens-ix/{p-4cf6e817.entry.js.map → p-6af4415c.entry.js.map} +1 -1
  819. package/dist/siemens-ix/{p-f2a81e70.entry.js → p-6fd7ecd0.entry.js} +2 -2
  820. package/dist/siemens-ix/p-7076210b.entry.js +2 -0
  821. package/dist/siemens-ix/{p-a3ad98bc.entry.js.map → p-7076210b.entry.js.map} +1 -1
  822. package/dist/siemens-ix/{p-330343e7.entry.js → p-713828ed.entry.js} +2 -2
  823. package/dist/siemens-ix/{p-330343e7.entry.js.map → p-713828ed.entry.js.map} +1 -1
  824. package/dist/siemens-ix/{p-30e8a26a.entry.js → p-7bfd6cd2.entry.js} +2 -2
  825. package/dist/siemens-ix/p-7faa148f.entry.js +2 -0
  826. package/dist/siemens-ix/p-85423643.entry.js +2 -0
  827. package/dist/siemens-ix/{p-213f16d5.entry.js.map → p-85423643.entry.js.map} +1 -1
  828. package/dist/siemens-ix/p-8629db91.entry.js +2 -0
  829. package/dist/siemens-ix/{p-f23e0121.entry.js.map → p-8629db91.entry.js.map} +1 -1
  830. package/dist/siemens-ix/p-87e692d9.entry.js +2 -0
  831. package/dist/siemens-ix/p-882a0233.entry.js +2 -0
  832. package/dist/siemens-ix/{p-5d582c48.entry.js.map → p-882a0233.entry.js.map} +1 -1
  833. package/dist/siemens-ix/p-8d0758c1.entry.js +2 -0
  834. package/dist/siemens-ix/{p-e0cab820.entry.js.map → p-8d0758c1.entry.js.map} +1 -1
  835. package/dist/siemens-ix/p-8d599677.entry.js +2 -0
  836. package/dist/siemens-ix/{p-0a1bfcfc.entry.js.map → p-8d599677.entry.js.map} +1 -1
  837. package/dist/siemens-ix/p-90440046.entry.js +2 -0
  838. package/dist/siemens-ix/{p-23dd21b3.entry.js.map → p-90440046.entry.js.map} +1 -1
  839. package/dist/siemens-ix/p-92a18c10.entry.js +2 -0
  840. package/dist/siemens-ix/p-96a3a750.entry.js +2 -0
  841. package/dist/siemens-ix/{p-aa58d9d7.entry.js.map → p-96a3a750.entry.js.map} +1 -1
  842. package/dist/siemens-ix/p-9ebc4fc3.entry.js +2 -0
  843. package/dist/siemens-ix/{p-18a1c4dd.entry.js.map → p-9ebc4fc3.entry.js.map} +1 -1
  844. package/dist/siemens-ix/p-a0138163.entry.js +2 -0
  845. package/dist/siemens-ix/{p-a147b152.entry.js.map → p-a0138163.entry.js.map} +1 -1
  846. package/dist/siemens-ix/p-a0a44a2b.entry.js +2 -0
  847. package/dist/siemens-ix/{p-b475f567.entry.js.map → p-a0a44a2b.entry.js.map} +1 -1
  848. package/dist/siemens-ix/p-a8d291fa.entry.js +2 -0
  849. package/dist/siemens-ix/{p-75548c73.entry.js.map → p-a8d291fa.entry.js.map} +1 -1
  850. package/dist/siemens-ix/p-af099ca4.entry.js +2 -0
  851. package/dist/siemens-ix/{p-e2464e13.entry.js.map → p-af099ca4.entry.js.map} +1 -1
  852. package/dist/siemens-ix/p-b3b23af7.entry.js +2 -0
  853. package/dist/siemens-ix/p-b4ce366d.entry.js +2 -0
  854. package/dist/siemens-ix/{p-18a27007.entry.js.map → p-b4ce366d.entry.js.map} +1 -1
  855. package/dist/siemens-ix/{p-418959d3.entry.js → p-b663ca16.entry.js} +2 -2
  856. package/dist/siemens-ix/{p-6e1fdc40.entry.js → p-b804b8c5.entry.js} +2 -2
  857. package/dist/siemens-ix/{p-6e1fdc40.entry.js.map → p-b804b8c5.entry.js.map} +1 -1
  858. package/dist/siemens-ix/p-bc2c74c5.entry.js +2 -0
  859. package/dist/siemens-ix/{p-6eb4eefc.entry.js.map → p-bc2c74c5.entry.js.map} +1 -1
  860. package/dist/siemens-ix/{p-306c5ab2.entry.js → p-bea7c748.entry.js} +2 -2
  861. package/dist/siemens-ix/{p-306c5ab2.entry.js.map → p-bea7c748.entry.js.map} +1 -1
  862. package/dist/siemens-ix/p-bf14c60b.entry.js +2 -0
  863. package/dist/siemens-ix/{p-b944d015.entry.js.map → p-bf14c60b.entry.js.map} +1 -1
  864. package/dist/siemens-ix/p-c1222581.entry.js +2 -0
  865. package/dist/siemens-ix/p-c1968b80.entry.js +2 -0
  866. package/dist/siemens-ix/{p-5f08da2c.entry.js.map → p-c1968b80.entry.js.map} +1 -1
  867. package/dist/siemens-ix/p-c33cee36.entry.js +2 -0
  868. package/dist/siemens-ix/p-c33cee36.entry.js.map +1 -0
  869. package/dist/siemens-ix/p-c45601cb.entry.js +2 -0
  870. package/dist/siemens-ix/p-c45601cb.entry.js.map +1 -0
  871. package/dist/siemens-ix/{p-a6fbea5b.entry.js → p-c55db6c7.entry.js} +2 -2
  872. package/dist/siemens-ix/p-d03df401.entry.js +2 -0
  873. package/dist/siemens-ix/{p-43a58a77.entry.js.map → p-d03df401.entry.js.map} +1 -1
  874. package/dist/siemens-ix/{p-2637665e.entry.js → p-d14024d3.entry.js} +2 -2
  875. package/dist/siemens-ix/p-d1f49940.entry.js +2 -0
  876. package/dist/siemens-ix/{p-902d1046.entry.js.map → p-d1f49940.entry.js.map} +1 -1
  877. package/dist/siemens-ix/p-d95cbd1f.entry.js +2 -0
  878. package/dist/siemens-ix/{p-784fe260.entry.js.map → p-d95cbd1f.entry.js.map} +1 -1
  879. package/dist/siemens-ix/{p-9dc3e182.entry.js → p-d998415f.entry.js} +2 -2
  880. package/dist/siemens-ix/p-dcb3e5be.entry.js +2 -0
  881. package/dist/siemens-ix/{p-021e1084.entry.js.map → p-dcb3e5be.entry.js.map} +1 -1
  882. package/dist/siemens-ix/p-dde7eb80.entry.js +2 -0
  883. package/dist/siemens-ix/{p-b24beb48.entry.js.map → p-dde7eb80.entry.js.map} +1 -1
  884. package/dist/siemens-ix/p-e30ed20a.entry.js +2 -0
  885. package/dist/siemens-ix/{p-cf546284.entry.js.map → p-e30ed20a.entry.js.map} +1 -1
  886. package/dist/siemens-ix/p-e8d3cf35.entry.js +2 -0
  887. package/dist/siemens-ix/p-e8d3cf35.entry.js.map +1 -0
  888. package/dist/siemens-ix/p-e9a3f58a.entry.js +2 -0
  889. package/dist/siemens-ix/p-e9a3f58a.entry.js.map +1 -0
  890. package/dist/siemens-ix/p-eb6268a6.entry.js +2 -0
  891. package/dist/siemens-ix/{p-ecd3b070.entry.js.map → p-eb6268a6.entry.js.map} +1 -1
  892. package/dist/siemens-ix/p-ebb277f0.entry.js +2 -0
  893. package/dist/siemens-ix/{p-b35a627a.entry.js.map → p-ebb277f0.entry.js.map} +1 -1
  894. package/dist/siemens-ix/{p-fb55854a.entry.js → p-f07110c6.entry.js} +2 -2
  895. package/dist/siemens-ix/p-f07110c6.entry.js.map +1 -0
  896. package/dist/siemens-ix/p-f78246bd.entry.js +2 -0
  897. package/dist/siemens-ix/{p-90c55341.entry.js.map → p-f78246bd.entry.js.map} +1 -1
  898. package/dist/siemens-ix/p-f87cd962.js +3 -0
  899. package/dist/siemens-ix/p-f87cd962.js.map +1 -0
  900. package/dist/siemens-ix/p-fb2b78f7.entry.js +2 -0
  901. package/dist/siemens-ix/{p-33538474.entry.js.map → p-fb2b78f7.entry.js.map} +1 -1
  902. package/dist/siemens-ix/p-fb47546b.entry.js +2 -0
  903. package/dist/siemens-ix/{p-ee20d08c.entry.js.map → p-fb47546b.entry.js.map} +1 -1
  904. package/dist/siemens-ix/{p-c3939d35.entry.js → p-fb4c79c6.entry.js} +2 -2
  905. package/dist/siemens-ix/{p-702f9349.js → p-fbe017b7.js} +2 -2
  906. package/dist/siemens-ix/p-fbe017b7.js.map +1 -0
  907. package/dist/siemens-ix/{p-0b7741b7.entry.js → p-fc5814df.entry.js} +2 -2
  908. package/dist/siemens-ix/p-fc5814df.entry.js.map +1 -0
  909. package/dist/siemens-ix/p-feac09bc.entry.js +2 -0
  910. package/dist/siemens-ix/{p-2c14670e.entry.js.map → p-feac09bc.entry.js.map} +1 -1
  911. package/dist/siemens-ix/p-ff148103.entry.js +2 -0
  912. package/dist/siemens-ix/p-ff148103.entry.js.map +1 -0
  913. package/dist/siemens-ix/{p-114bb49b.entry.js → p-ff1ac5b3.entry.js} +2 -2
  914. package/dist/siemens-ix/siemens-ix-core.css +1 -1
  915. package/dist/siemens-ix/siemens-ix.css +682 -152
  916. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  917. package/dist/siemens-ix/siemens-ix.esm.js.map +1 -1
  918. package/dist/siemens-ix/theme/classic-dark.css +1 -1
  919. package/dist/siemens-ix/theme/classic-light.css +1 -1
  920. package/dist/types/components/application-header/application-header.d.ts +2 -0
  921. package/dist/types/components/avatar/avatar.d.ts +2 -0
  922. package/dist/types/components/chip/test/chip.ct.d.ts +1 -0
  923. package/dist/types/components/dropdown-button/dropdown-button.ct.d.ts +1 -0
  924. package/dist/types/components/split-button/split-button.d.ts +6 -0
  925. package/dist/types/components/tab-item/tab-item.d.ts +1 -1
  926. package/dist/types/components/workflow-step/workflow-step.d.ts +1 -1
  927. package/dist/types/components.d.ts +11 -1
  928. package/hydrate/index.d.ts +218 -0
  929. package/hydrate/index.js +41407 -0
  930. package/hydrate/package.json +6 -0
  931. package/package.json +4 -3
  932. package/scss/components/form/_input.scss +1 -0
  933. package/scss/mixins/_scrollbar.scss +7 -0
  934. package/scss/theme/classic-dark/_border.scss +1 -1
  935. package/scss/theme/classic-dark/_borderRadius.scss +1 -1
  936. package/scss/theme/classic-dark/_borderWidth.scss +1 -1
  937. package/scss/theme/classic-dark/_boxShadow.scss +1 -1
  938. package/scss/theme/classic-dark/_color.scss +320 -62
  939. package/scss/theme/classic-dark/_fontFamilies.scss +1 -1
  940. package/scss/theme/classic-dark/_fontSizes.scss +1 -1
  941. package/scss/theme/classic-dark/_fontWeights.scss +1 -1
  942. package/scss/theme/classic-dark/_index.scss +1 -1
  943. package/scss/theme/classic-dark/_letterSpacing.scss +1 -1
  944. package/scss/theme/classic-dark/_lineHeights.scss +1 -1
  945. package/scss/theme/classic-dark/_other.scss +1 -1
  946. package/scss/theme/classic-dark/_sizing.scss +1 -1
  947. package/scss/theme/classic-dark/_spacing.scss +1 -1
  948. package/scss/theme/classic-dark/_typography.scss +1 -1
  949. package/scss/theme/classic-light/_border.scss +1 -1
  950. package/scss/theme/classic-light/_borderRadius.scss +1 -1
  951. package/scss/theme/classic-light/_borderWidth.scss +1 -1
  952. package/scss/theme/classic-light/_boxShadow.scss +1 -1
  953. package/scss/theme/classic-light/_color.scss +320 -62
  954. package/scss/theme/classic-light/_fontFamilies.scss +1 -1
  955. package/scss/theme/classic-light/_fontSizes.scss +1 -1
  956. package/scss/theme/classic-light/_fontWeights.scss +1 -1
  957. package/scss/theme/classic-light/_index.scss +1 -1
  958. package/scss/theme/classic-light/_letterSpacing.scss +1 -1
  959. package/scss/theme/classic-light/_lineHeights.scss +1 -1
  960. package/scss/theme/classic-light/_other.scss +1 -1
  961. package/scss/theme/classic-light/_sizing.scss +1 -1
  962. package/scss/theme/classic-light/_spacing.scss +1 -1
  963. package/scss/theme/classic-light/_typography.scss +1 -1
  964. package/dist/cjs/index-c6f0ac73.js +0 -2688
  965. package/dist/cjs/index-c6f0ac73.js.map +0 -1
  966. package/dist/cjs/service-a42add5f.js.map +0 -1
  967. package/dist/esm/index-f18c5ad1.js +0 -2656
  968. package/dist/esm/index-f18c5ad1.js.map +0 -1
  969. package/dist/esm/service-02cc9011.js.map +0 -1
  970. package/dist/siemens-ix/p-01b8b98c.entry.js +0 -2
  971. package/dist/siemens-ix/p-01b8b98c.entry.js.map +0 -1
  972. package/dist/siemens-ix/p-021e1084.entry.js +0 -2
  973. package/dist/siemens-ix/p-04a362da.entry.js +0 -2
  974. package/dist/siemens-ix/p-0a1bfcfc.entry.js +0 -2
  975. package/dist/siemens-ix/p-0b7741b7.entry.js.map +0 -1
  976. package/dist/siemens-ix/p-0fee2dd5.entry.js +0 -2
  977. package/dist/siemens-ix/p-0fee2dd5.entry.js.map +0 -1
  978. package/dist/siemens-ix/p-10f86b92.entry.js +0 -2
  979. package/dist/siemens-ix/p-10f86b92.entry.js.map +0 -1
  980. package/dist/siemens-ix/p-18a1c4dd.entry.js +0 -2
  981. package/dist/siemens-ix/p-18a27007.entry.js +0 -2
  982. package/dist/siemens-ix/p-1cc910b7.entry.js +0 -2
  983. package/dist/siemens-ix/p-213f16d5.entry.js +0 -2
  984. package/dist/siemens-ix/p-23dd21b3.entry.js +0 -2
  985. package/dist/siemens-ix/p-2459f98f.entry.js +0 -2
  986. package/dist/siemens-ix/p-2459f98f.entry.js.map +0 -1
  987. package/dist/siemens-ix/p-26e9d40e.js +0 -3
  988. package/dist/siemens-ix/p-26e9d40e.js.map +0 -1
  989. package/dist/siemens-ix/p-2c6a35db.entry.js +0 -2
  990. package/dist/siemens-ix/p-2f4e6ac1.entry.js +0 -2
  991. package/dist/siemens-ix/p-2f4e6ac1.entry.js.map +0 -1
  992. package/dist/siemens-ix/p-33538474.entry.js +0 -2
  993. package/dist/siemens-ix/p-3b8e4fe5.entry.js +0 -2
  994. package/dist/siemens-ix/p-3b8ff673.entry.js +0 -2
  995. package/dist/siemens-ix/p-4290098e.entry.js +0 -2
  996. package/dist/siemens-ix/p-43a58a77.entry.js +0 -2
  997. package/dist/siemens-ix/p-4d57ca67.entry.js +0 -2
  998. package/dist/siemens-ix/p-4fd11865.entry.js +0 -2
  999. package/dist/siemens-ix/p-52bb526e.entry.js +0 -2
  1000. package/dist/siemens-ix/p-56bbdae4.entry.js +0 -2
  1001. package/dist/siemens-ix/p-5d582c48.entry.js +0 -2
  1002. package/dist/siemens-ix/p-5f08da2c.entry.js +0 -2
  1003. package/dist/siemens-ix/p-601cfc6a.entry.js +0 -2
  1004. package/dist/siemens-ix/p-601cfc6a.entry.js.map +0 -1
  1005. package/dist/siemens-ix/p-678d821f.entry.js +0 -2
  1006. package/dist/siemens-ix/p-6ea6396e.entry.js +0 -2
  1007. package/dist/siemens-ix/p-6eb4eefc.entry.js +0 -2
  1008. package/dist/siemens-ix/p-702f9349.js.map +0 -1
  1009. package/dist/siemens-ix/p-75548c73.entry.js +0 -2
  1010. package/dist/siemens-ix/p-784fe260.entry.js +0 -2
  1011. package/dist/siemens-ix/p-8362e966.js +0 -2
  1012. package/dist/siemens-ix/p-84b3b311.entry.js +0 -2
  1013. package/dist/siemens-ix/p-890d74cd.entry.js +0 -2
  1014. package/dist/siemens-ix/p-8d156396.entry.js +0 -2
  1015. package/dist/siemens-ix/p-902d1046.entry.js +0 -2
  1016. package/dist/siemens-ix/p-90c55341.entry.js +0 -2
  1017. package/dist/siemens-ix/p-96d2d21f.entry.js +0 -2
  1018. package/dist/siemens-ix/p-9dabe2f7.entry.js +0 -2
  1019. package/dist/siemens-ix/p-a147b152.entry.js +0 -2
  1020. package/dist/siemens-ix/p-a35d02ea.entry.js +0 -2
  1021. package/dist/siemens-ix/p-a3ad98bc.entry.js +0 -2
  1022. package/dist/siemens-ix/p-a617e605.entry.js +0 -2
  1023. package/dist/siemens-ix/p-a8838a77.js +0 -2
  1024. package/dist/siemens-ix/p-a9d1ab94.entry.js +0 -2
  1025. package/dist/siemens-ix/p-a9d1ab94.entry.js.map +0 -1
  1026. package/dist/siemens-ix/p-aa58d9d7.entry.js +0 -2
  1027. package/dist/siemens-ix/p-abb29515.entry.js +0 -2
  1028. package/dist/siemens-ix/p-add5b76c.entry.js +0 -2
  1029. package/dist/siemens-ix/p-b24beb48.entry.js +0 -2
  1030. package/dist/siemens-ix/p-b32c2183.entry.js +0 -2
  1031. package/dist/siemens-ix/p-b35a627a.entry.js +0 -2
  1032. package/dist/siemens-ix/p-b475f567.entry.js +0 -2
  1033. package/dist/siemens-ix/p-b7a8f2d5.entry.js +0 -2
  1034. package/dist/siemens-ix/p-b944d015.entry.js +0 -2
  1035. package/dist/siemens-ix/p-bc5d33ce.entry.js +0 -2
  1036. package/dist/siemens-ix/p-bc5d33ce.entry.js.map +0 -1
  1037. package/dist/siemens-ix/p-bd576793.entry.js +0 -2
  1038. package/dist/siemens-ix/p-bdc57334.entry.js +0 -2
  1039. package/dist/siemens-ix/p-c1bd5d78.entry.js +0 -2
  1040. package/dist/siemens-ix/p-ca65a043.entry.js +0 -2
  1041. package/dist/siemens-ix/p-cbbe9dee.entry.js +0 -2
  1042. package/dist/siemens-ix/p-ccf1bd22.entry.js +0 -2
  1043. package/dist/siemens-ix/p-cf546284.entry.js +0 -2
  1044. package/dist/siemens-ix/p-d08cbeaf.entry.js +0 -2
  1045. package/dist/siemens-ix/p-d3f26126.entry.js +0 -2
  1046. package/dist/siemens-ix/p-d3f26126.entry.js.map +0 -1
  1047. package/dist/siemens-ix/p-d600ea55.entry.js +0 -2
  1048. package/dist/siemens-ix/p-d600ea55.entry.js.map +0 -1
  1049. package/dist/siemens-ix/p-d6a094cf.entry.js +0 -2
  1050. package/dist/siemens-ix/p-d6a094cf.entry.js.map +0 -1
  1051. package/dist/siemens-ix/p-def8b3a4.entry.js +0 -2
  1052. package/dist/siemens-ix/p-def8b3a4.entry.js.map +0 -1
  1053. package/dist/siemens-ix/p-e0cab820.entry.js +0 -2
  1054. package/dist/siemens-ix/p-e2464e13.entry.js +0 -2
  1055. package/dist/siemens-ix/p-e4e24f59.entry.js +0 -2
  1056. package/dist/siemens-ix/p-e678bfc5.entry.js +0 -2
  1057. package/dist/siemens-ix/p-ec741c06.entry.js +0 -2
  1058. package/dist/siemens-ix/p-ecd3b070.entry.js +0 -2
  1059. package/dist/siemens-ix/p-ed2ec72f.entry.js +0 -2
  1060. package/dist/siemens-ix/p-ee20d08c.entry.js +0 -2
  1061. package/dist/siemens-ix/p-f23e0121.entry.js +0 -2
  1062. package/dist/siemens-ix/p-fb55854a.entry.js.map +0 -1
  1063. /package/dist/siemens-ix/{p-ced10144.js.map → p-0c8a98cd.js.map} +0 -0
  1064. /package/dist/siemens-ix/{p-678d821f.entry.js.map → p-0d2a6886.entry.js.map} +0 -0
  1065. /package/dist/siemens-ix/{p-4fd11865.entry.js.map → p-16b923e9.entry.js.map} +0 -0
  1066. /package/dist/siemens-ix/{p-8362e966.js.map → p-1d581190.js.map} +0 -0
  1067. /package/dist/siemens-ix/{p-a35d02ea.entry.js.map → p-32375ddb.entry.js.map} +0 -0
  1068. /package/dist/siemens-ix/{p-52bb526e.entry.js.map → p-32d4ed3b.entry.js.map} +0 -0
  1069. /package/dist/siemens-ix/{p-b7a8f2d5.entry.js.map → p-44db3646.entry.js.map} +0 -0
  1070. /package/dist/siemens-ix/{p-890d74cd.entry.js.map → p-4b3facea.entry.js.map} +0 -0
  1071. /package/dist/siemens-ix/{p-01a8adf1.entry.js.map → p-5c673ae9.entry.js.map} +0 -0
  1072. /package/dist/siemens-ix/{p-a8838a77.js.map → p-68532fa2.js.map} +0 -0
  1073. /package/dist/siemens-ix/{p-f2a81e70.entry.js.map → p-6fd7ecd0.entry.js.map} +0 -0
  1074. /package/dist/siemens-ix/{p-30e8a26a.entry.js.map → p-7bfd6cd2.entry.js.map} +0 -0
  1075. /package/dist/siemens-ix/{p-56bbdae4.entry.js.map → p-7faa148f.entry.js.map} +0 -0
  1076. /package/dist/siemens-ix/{p-add5b76c.entry.js.map → p-87e692d9.entry.js.map} +0 -0
  1077. /package/dist/siemens-ix/{p-b32c2183.entry.js.map → p-92a18c10.entry.js.map} +0 -0
  1078. /package/dist/siemens-ix/{p-1cc910b7.entry.js.map → p-b3b23af7.entry.js.map} +0 -0
  1079. /package/dist/siemens-ix/{p-418959d3.entry.js.map → p-b663ca16.entry.js.map} +0 -0
  1080. /package/dist/siemens-ix/{p-ccf1bd22.entry.js.map → p-c1222581.entry.js.map} +0 -0
  1081. /package/dist/siemens-ix/{p-a6fbea5b.entry.js.map → p-c55db6c7.entry.js.map} +0 -0
  1082. /package/dist/siemens-ix/{p-2637665e.entry.js.map → p-d14024d3.entry.js.map} +0 -0
  1083. /package/dist/siemens-ix/{p-9dc3e182.entry.js.map → p-d998415f.entry.js.map} +0 -0
  1084. /package/dist/siemens-ix/{p-c3939d35.entry.js.map → p-fb4c79c6.entry.js.map} +0 -0
  1085. /package/dist/siemens-ix/{p-114bb49b.entry.js.map → p-ff1ac5b3.entry.js.map} +0 -0
package/dist/esm/ix-breadcrumb-item.entry.js CHANGED
@@ -1,9 +1,9 @@
1
- import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-f18c5ad1.js';
1
+ import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-5429f20b.js';
2
2
  import { a as anime } from './anime.es-a5520566.js';
3
- import { B as BaseButton } from './base-button-3ac703a7.js';
3
+ import { B as BaseButton } from './base-button-1b40b11d.js';
4
4
  import { b as a11yHostAttributes } from './a11y-d5444a76.js';
5
5
 
6
- const breadcrumbItemCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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 ix-icon{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}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}:host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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 ix-icon{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}:host(.disabled){cursor:default}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-right:0.25rem;max-width:15rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host li{display:contents}:host .btn{pointer-events:all;width:-moz-fit-content;width:fit-content;padding-right:0;padding-left:0.25rem}:host .chevron{pointer-events:none;margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}:host ::slotted(a[href]){text-decoration:none !important}:host ::slotted(a[href]:active){text-decoration:none !important}:host(:last-child) .btn:not(.dropdown-trigger){color:var(--theme-color-soft-text)}:host(.hide-chevron){cursor:default}:host(.hide-chevron) .btn{padding-right:0.5rem;pointer-events:none}:host(.invisible){display:none}:host(:focus-visible){outline:none}";
6
+ const breadcrumbItemCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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 ix-icon{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}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}:host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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 ix-icon{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}:host(.disabled){cursor:default}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-right:0.25rem;max-width:15rem;min-width:0}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host li{display:contents}:host .btn{pointer-events:all;width:-moz-fit-content;width:fit-content;padding-right:0;padding-left:0.25rem}:host .chevron{pointer-events:none;margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}:host ::slotted(a[href]){text-decoration:none !important}:host ::slotted(a[href]:active){text-decoration:none !important}:host(:last-child) .btn:not(.dropdown-trigger){color:var(--theme-color-soft-text)}:host(.hide-chevron){cursor:default}:host(.hide-chevron) .btn{padding-right:0.5rem;pointer-events:none}:host(.invisible){display:none}:host(:focus-visible){outline:none}";
7
7
  const IxBreadcrumbItemStyle0 = breadcrumbItemCss;
8
8
 
9
9
  const BreadcrumbItem = class {
package/dist/esm/ix-breadcrumb-item.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"ix-breadcrumb-item.entry.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,m7rCAAm7rC,CAAC;AAC98rC,+BAAe,iBAAiB;;MCmCnB,cAAc;;;;;;qBAcA,IAAI;uBAGX,IAAI;2BAGA,IAAI;iCAGE,KAAK;;;IAOjC,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YAC/C,kBAAkB;YAClB,eAAe;YACf,eAAe;SAChB,CAAC,CAAC;KACJ;IAED,eAAe;QACbA,KAAO,CAAC;YACN,OAAO,EAAE,IAAI,CAAC,WAAW;YACzB,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,KAAK,GAAoB;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,WAAW;YAC7C,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EACN,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,CAAC;YAClE,YAAY,EAAE;gBACZ,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;aAC3C;YACD,cAAc,EAAE,IAAI,CAAC,IAAI;SAC1B,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,WAAW,GAAS,CAAC;SAC1C;QAED,QACE,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW;aAClC,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAE9C,cACE,EAAC,UAAU,oBACL,KAAK,IACT,YAAY,EACV,EAAC,QAAQ,QACN,IAAI,CAAC,WAAW,IACf,eACE,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,GACP,IACT,IAAI,CACC,KAGZ,IAAI,CAAC,KAAK,EACX,eAAa,CACF,CACV,CACA,EACP;KACH;;;;;;;","names":["animejs"],"sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-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@import 'mixins/shadow-dom/component';\n@import '../button/button-mixin';\n@import '../button/button';\n\n@include all-btn-variants;\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n margin-right: 0.25rem;\n max-width: 15rem;\n min-width: 0;\n\n li {\n display: contents;\n }\n\n .btn {\n pointer-events: all;\n width: fit-content;\n padding-right: 0;\n padding-left: 0.25rem;\n }\n\n .chevron {\n pointer-events: none;\n margin-left: 0.5rem;\n margin-right: 0rem;\n color: var(--theme-color-soft-text);\n }\n\n ::slotted(a[href]) {\n text-decoration: none !important;\n }\n\n ::slotted(a[href]:active) {\n text-decoration: none !important;\n }\n}\n\n:host(:last-child) {\n .btn:not(.dropdown-trigger) {\n color: var(--theme-color-soft-text);\n }\n}\n\n:host(.hide-chevron) {\n cursor: default;\n\n .btn {\n padding-right: 0.5rem;\n pointer-events: none;\n }\n}\n\n:host(.invisible) {\n display: none;\n}\n\n:host(:focus-visible) {\n outline: 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 Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\n\nexport type BreadcrumbItemLinkTarget =\n | '_self'\n | '_blank'\n | '_parent'\n | '_top'\n | string;\n\n@Component({\n tag: 'ix-breadcrumb-item',\n styleUrl: 'breadcrumb-item.scss',\n shadow: true,\n})\nexport class BreadcrumbItem {\n @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n /**\n * Breadcrumb label\n */\n @Prop() label: string;\n\n /**\n * Icon to be displayed next ot the label\n */\n @Prop() icon: string;\n\n /**@internal */\n @Prop() ghost: boolean = true;\n\n /**@internal */\n @Prop() visible = true;\n\n /**@internal */\n @Prop() showChevron = true;\n\n /** @internal */\n @Prop() isDropdownTrigger = false;\n\n /**@internal */\n @Event() itemClick: EventEmitter<string>;\n\n @State() a11y: any;\n\n componentDidLoad() {\n this.animationFadeIn();\n }\n\n componentWillLoad() {\n this.a11y = a11yHostAttributes(this.hostElement, [\n 'aria-describedby',\n 'aria-controls',\n 'aria-expanded',\n ]);\n }\n\n animationFadeIn() {\n animejs({\n targets: this.hostElement,\n duration: 150,\n opacity: [0, 1],\n translateX: ['-100%', '0%'],\n easing: 'linear',\n });\n }\n\n render() {\n const props: BaseButtonProps = {\n variant: this.ghost ? 'primary' : 'secondary',\n outline: false,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n disabled: false,\n icon: this.icon,\n iconSize: '16',\n loading: false,\n selected: false,\n type: 'button',\n tabIndex:\n this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n extraClasses: {\n 'dropdown-trigger': this.isDropdownTrigger,\n },\n ariaAttributes: this.a11y,\n };\n\n if (!this.visible) {\n return <Host class={'invisible'}></Host>;\n }\n\n return (\n <Host\n class={{\n 'hide-chevron': !this.showChevron,\n }}\n onClick={() => this.itemClick.emit(this.label)}\n >\n <li>\n <BaseButton\n {...props}\n afterContent={\n <Fragment>\n {this.showChevron ? (\n <ix-icon\n name={'chevron-right-small'}\n size=\"16\"\n class={'chevron'}\n ></ix-icon>\n ) : null}\n </Fragment>\n }\n >\n {this.label}\n <slot></slot>\n </BaseButton>\n </li>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ix-breadcrumb-item.entry.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,u4sCAAu4sC,CAAC;AACl6sC,+BAAe,iBAAiB;;MCmCnB,cAAc;;;;;;qBAcA,IAAI;uBAGX,IAAI;2BAGA,IAAI;iCAGE,KAAK;;;IAOjC,gBAAgB;QACd,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,iBAAiB;QACf,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,EAAE;YAC/C,kBAAkB;YAClB,eAAe;YACf,eAAe;SAChB,CAAC,CAAC;KACJ;IAED,eAAe;QACbA,KAAO,CAAC;YACN,OAAO,EAAE,IAAI,CAAC,WAAW;YACzB,QAAQ,EAAE,GAAG;YACb,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACf,UAAU,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC;YAC3B,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;KACJ;IAED,MAAM;QACJ,MAAM,KAAK,GAAoB;YAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,GAAG,SAAS,GAAG,WAAW;YAC7C,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EACN,IAAI,CAAC,WAAW,CAAC,QAAQ,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC,QAAQ,GAAG,CAAC;YAClE,YAAY,EAAE;gBACZ,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;aAC3C;YACD,cAAc,EAAE,IAAI,CAAC,IAAI;SAC1B,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO,EAAC,IAAI,IAAC,KAAK,EAAE,WAAW,GAAS,CAAC;SAC1C;QAED,QACE,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,cAAc,EAAE,CAAC,IAAI,CAAC,WAAW;aAClC,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAE9C,cACE,EAAC,UAAU,oBACL,KAAK,IACT,YAAY,EACV,EAAC,QAAQ,QACN,IAAI,CAAC,WAAW,IACf,eACE,IAAI,EAAE,qBAAqB,EAC3B,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,SAAS,GACP,IACT,IAAI,CACC,KAGZ,IAAI,CAAC,KAAK,EACX,eAAa,CACF,CACV,CACA,EACP;KACH;;;;;;;","names":["animejs"],"sources":["src/components/breadcrumb-item/breadcrumb-item.scss?tag=ix-breadcrumb-item&encapsulation=shadow","src/components/breadcrumb-item/breadcrumb-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@import 'mixins/shadow-dom/component';\n@import '../button/button-mixin';\n@import '../button/button';\n\n@include all-btn-variants;\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: row;\n flex-wrap: nowrap;\n align-items: center;\n margin-right: 0.25rem;\n max-width: 15rem;\n min-width: 0;\n\n li {\n display: contents;\n }\n\n .btn {\n pointer-events: all;\n width: fit-content;\n padding-right: 0;\n padding-left: 0.25rem;\n }\n\n .chevron {\n pointer-events: none;\n margin-left: 0.5rem;\n margin-right: 0rem;\n color: var(--theme-color-soft-text);\n }\n\n ::slotted(a[href]) {\n text-decoration: none !important;\n }\n\n ::slotted(a[href]:active) {\n text-decoration: none !important;\n }\n}\n\n:host(:last-child) {\n .btn:not(.dropdown-trigger) {\n color: var(--theme-color-soft-text);\n }\n}\n\n:host(.hide-chevron) {\n cursor: default;\n\n .btn {\n padding-right: 0.5rem;\n pointer-events: none;\n }\n}\n\n:host(.invisible) {\n display: none;\n}\n\n:host(:focus-visible) {\n outline: 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 Component,\n Element,\n Event,\n EventEmitter,\n Fragment,\n h,\n Host,\n Prop,\n State,\n} from '@stencil/core';\nimport animejs from 'animejs';\nimport { BaseButton, BaseButtonProps } from '../button/base-button';\nimport { a11yHostAttributes } from '../utils/a11y';\n\nexport type BreadcrumbItemLinkTarget =\n | '_self'\n | '_blank'\n | '_parent'\n | '_top'\n | string;\n\n@Component({\n tag: 'ix-breadcrumb-item',\n styleUrl: 'breadcrumb-item.scss',\n shadow: true,\n})\nexport class BreadcrumbItem {\n @Element() hostElement!: HTMLIxBreadcrumbItemElement;\n\n /**\n * Breadcrumb label\n */\n @Prop() label: string;\n\n /**\n * Icon to be displayed next ot the label\n */\n @Prop() icon: string;\n\n /**@internal */\n @Prop() ghost: boolean = true;\n\n /**@internal */\n @Prop() visible = true;\n\n /**@internal */\n @Prop() showChevron = true;\n\n /** @internal */\n @Prop() isDropdownTrigger = false;\n\n /**@internal */\n @Event() itemClick: EventEmitter<string>;\n\n @State() a11y: any;\n\n componentDidLoad() {\n this.animationFadeIn();\n }\n\n componentWillLoad() {\n this.a11y = a11yHostAttributes(this.hostElement, [\n 'aria-describedby',\n 'aria-controls',\n 'aria-expanded',\n ]);\n }\n\n animationFadeIn() {\n animejs({\n targets: this.hostElement,\n duration: 150,\n opacity: [0, 1],\n translateX: ['-100%', '0%'],\n easing: 'linear',\n });\n }\n\n render() {\n const props: BaseButtonProps = {\n variant: this.ghost ? 'primary' : 'secondary',\n outline: false,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n disabled: false,\n icon: this.icon,\n iconSize: '16',\n loading: false,\n selected: false,\n type: 'button',\n tabIndex:\n this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,\n extraClasses: {\n 'dropdown-trigger': this.isDropdownTrigger,\n },\n ariaAttributes: this.a11y,\n };\n\n if (!this.visible) {\n return <Host class={'invisible'}></Host>;\n }\n\n return (\n <Host\n class={{\n 'hide-chevron': !this.showChevron,\n }}\n onClick={() => this.itemClick.emit(this.label)}\n >\n <li>\n <BaseButton\n {...props}\n afterContent={\n <Fragment>\n {this.showChevron ? (\n <ix-icon\n name={'chevron-right-small'}\n size=\"16\"\n class={'chevron'}\n ></ix-icon>\n ) : null}\n </Fragment>\n }\n >\n {this.label}\n <slot></slot>\n </BaseButton>\n </li>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/ix-breadcrumb.entry.js CHANGED
@@ -1,8 +1,8 @@
1
- import { r as registerInstance, c as createEvent, h, f as forceUpdate, H as Host, g as getElement } from './index-f18c5ad1.js';
1
+ import { r as registerInstance, c as createEvent, h, f as forceUpdate, H as Host, g as getElement } from './index-5429f20b.js';
2
2
  import { b as a11yHostAttributes, a as a11yBoolean } from './a11y-d5444a76.js';
3
3
  import { c as createMutationObserver } from './mutation-observer-db8757e6.js';
4
4
 
5
- const breadcrumbCss = ":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";
5
+ const breadcrumbCss = ":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent;overflow:hidden}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .previous-button{width:3rem;min-width:0px}:host .crumb-dropdown{overflow:visible}:host .remove-anchor::after{display:none}:host .more-text{display:flex}:host .more-text .more-text-ellipsis{width:1rem;display:inline-block;font-weight:700}:host .more-text ix-icon{padding-top:2px}:host nav,:host ol,:host .crumb-items{display:contents}";
6
6
  const IxBreadcrumbStyle0 = breadcrumbCss;
7
7
 
8
8
  let sequenceId = 0;
@@ -68,7 +68,7 @@ const Breadcrumb = class {
68
68
  render() {
69
69
  var _a, _b, _c, _d;
70
70
  const a11y = a11yHostAttributes(this.hostElement);
71
- return (h(Host, { key: '2aaaac4e884816c159025205021fa3ae168b2f81' }, h("ix-dropdown", { key: 'd532d910af7b09ab13becd697619aa925366ae49', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
71
+ return (h(Host, { key: '6fd820850cf0fce9b8f4e6d16587ad3458062c48' }, h("ix-dropdown", { key: '46a3b21d0be6c27f8cc5050b5cb420ce1d55c046', id: this.previousDropdownId, "aria-label": this.ariaLabelPreviousButton, trigger: ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > this.visibleItemCount
72
72
  ? this.previousButtonRef
73
73
  : null, onShowChanged: ({ detail }) => {
74
74
  this.isPreviousDropdownExpanded = detail;
@@ -85,7 +85,7 @@ const Breadcrumb = class {
85
85
  return (h("ix-dropdown-item", { label: label, onClick: () => {
86
86
  this.onItemClick(label);
87
87
  }, onItemClick: (event) => event.stopPropagation() }));
88
- })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (h("ix-breadcrumb-item", { id: this.previousButtonId, ref: (ref) => (this.previousButtonRef = ref), label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, h("nav", { key: '399d6dcf91ecd9cb5cd7fd9797f28431ef262f78', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, h("ol", { key: 'ee7f6ebf18d7c1a699886b704841ccdc7bd4e787' }, h("slot", { key: '7f12ae63b997b9a350ba00b96c85e870a9520d1b' }))), h("ix-dropdown", { key: 'e90bf4b2aedd117179f4a3298f22f49196bd4c62', trigger: this.nextButtonRef }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (h("ix-dropdown-item", { label: item, onClick: (e) => {
88
+ })), ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > this.visibleItemCount ? (h("ix-breadcrumb-item", { id: this.previousButtonId, ref: (ref) => (this.previousButtonRef = ref), label: "...", tabIndex: 1, onItemClick: (event) => event.stopPropagation(), "aria-describedby": this.previousDropdownId, "aria-controls": this.previousDropdownId, "aria-expanded": a11yBoolean(this.isPreviousDropdownExpanded), class: 'previous-button' })) : null, h("nav", { key: 'd4ea11b5d3417f434ef2485075cb08c66fe7169e', class: "crumb-items", "aria-label": (_c = a11y['aria-label']) !== null && _c !== void 0 ? _c : 'breadcrumbs' }, h("ol", { key: '97fa52f7ddf3fc18ad7a90b8f28cf561d238146f' }, h("slot", { key: '33b1ce72c69620d9bd7b702c7bf5540c081c687d' }))), h("ix-dropdown", { key: 'e635c5495fdfd8e21f6e233d3ca6b5c444e099dc', trigger: this.nextButtonRef }, (_d = this.nextItems) === null || _d === void 0 ? void 0 : _d.map((item) => (h("ix-dropdown-item", { label: item, onClick: (e) => {
89
89
  this.nextClick.emit({
90
90
  event: e,
91
91
  item,
package/dist/esm/ix-breadcrumb.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"ix-breadcrumb.entry.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,6iCAA6iC,CAAC;AACpkC,2BAAe,aAAa;;ACuB5B,IAAI,UAAU,GAAG,CAAC,CAAC;AACnB,MAAM,QAAQ,GAAG,CAAC,SAAiB,aAAa;IAC9C,OAAO,GAAG,MAAM,IAAI,UAAU,EAAE,EAAE,CAAC;AACrC,CAAC,CAAC;MAOW,UAAU;;;;;QA+Cb,qBAAgB,GAAG,QAAQ,EAAE,CAAC;QAC9B,uBAAkB,GAAG,QAAQ,EAAE,CAAC;gCA1Cb,CAAC;yBAKE,EAAE;qBAShB,IAAI;uCAQc,UAAU;;;qBAcI,EAAE;0CACZ,KAAK;;IA9B3C,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAmCO,WAAW,CAAC,IAAY;QAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,gBAAgB;QACd,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,MAC7C,IAAI,CAAC,eAAe,EAAE,CACvB,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YAC9C,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;KACJ;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;KACrC;IAEO,MAAM,eAAe;QAC3B,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAErC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK;YAC7B,MAAM,kBAAkB,GACtB,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC;YAEnE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACtB,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,IAAI,kBAAkB,CAAC;YACzE,EAAE,CAAC,iBAAiB,GAAG,kBAAkB,CAAC;YAE1C,IAAI,kBAAkB,EAAE;gBACtB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;aACzB;YAED,IAAI,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE;gBAC/C,OAAO;aACR;YAED,EAAE,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;SACnE,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;KAC3B;IAEO,QAAQ;QACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;KAC5E;IAED,MAAM;;QACJ,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,QACE,EAAC,IAAI,uDACH,oEACE,EAAE,EAAE,IAAI,CAAC,kBAAkB,gBACf,IAAI,CAAC,uBAAuB,EACxC,OAAO,EACL,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,IAAI,CAAC,gBAAgB;kBACtC,IAAI,CAAC,iBAAiB;kBACtB,IAAI,EAEV,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE;gBACxB,IAAI,CAAC,0BAA0B,GAAG,MAAM,CAAC;gBAEzC,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,CAC/D,IAAI,CAAC,gBAAgB,CACtB,CAAC;;gBAGF,IAAI,cAAc,EAAE;oBAClB,WAAW,CACT,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,CACxC,IAAI,CAAC,gBAAgB,CACtB,CACF,CAAC;iBACH;aACF,IAEA,IAAI,CAAC,KAAK;aACR,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;aACnD,GAAG,CAAC,CAAC,IAAI;;YACR,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,SAAS,CAAC;YAE3C,QACE,wBACE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;iBACzB,EACD,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,GAC7B,EACpB;SACH,CAAC,CACQ,EACb,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,IAAI,CAAC,gBAAgB,IACzC,0BACE,EAAE,EAAE,IAAI,CAAC,gBAAgB,EACzB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,EAC5C,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,sBAC7B,IAAI,CAAC,kBAAkB,mBAC1B,IAAI,CAAC,kBAAkB,mBACvB,WAAW,CAAC,IAAI,CAAC,0BAA0B,CAAC,EAC3D,KAAK,EAAE,iBAAiB,GACJ,IACpB,IAAI,EACR,4DACE,KAAK,EAAC,aAAa,gBACP,MAAA,IAAI,CAAC,YAAY,CAAC,mCAAI,aAAa,IAE/C,6DACE,8DAAa,CACV,CACD,EACN,oEAAa,OAAO,EAAE,IAAI,CAAC,aAAa,IACrC,MAAA,IAAI,CAAC,SAAS,0CAAE,GAAG,CAAC,CAAC,IAAI,MACxB,wBACE,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,CAAC,CAAC;gBACT,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBAClB,KAAK,EAAE,CAAC;oBACR,IAAI;iBACL,CAAC,CAAC;aACJ,EACD,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,GAC7B,CACrB,CAAC,CACU,CACT,EACP;KACH;;;;;;;;;;","names":[],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.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@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n justify-content: flex-start;\n height: 2.5rem;\n align-items: center;\n background-color: transparent;\n overflow: hidden;\n\n .previous-button {\n width: 3rem;\n min-width: 0px;\n }\n\n .crumb-dropdown {\n overflow: visible;\n }\n\n .remove-anchor::after {\n display: none;\n }\n\n .more-text {\n display: flex;\n\n .more-text-ellipsis {\n width: 1rem;\n display: inline-block;\n font-weight: $font-weight-bold;\n }\n\n ix-icon {\n // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n // using padding-top to achieve same position as before\n padding-top: 2px;\n }\n }\n\n nav,\n ol,\n .crumb-items {\n display: contents;\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 {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n tag: 'ix-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n /**\n * Excess items will get hidden inside of dropdown\n */\n @Prop() visibleItemCount = 9;\n\n /**\n * Items will be accessible through a dropdown\n */\n @Prop() nextItems: string[] = [];\n @Watch('nextItems')\n onNextItemsChange() {\n this.onChildMutation();\n }\n\n /**\n * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n */\n @Prop() ghost = true;\n\n /**\n * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n * with conditionally hidden previous items\n *\n * @since 2.0.0\n */\n @Prop() ariaLabelPreviousButton = 'previous';\n\n /**\n * Crumb item clicked event\n */\n @Event() itemClick: EventEmitter<string>;\n\n /**\n * Next item clicked event\n */\n @Event() nextClick: EventEmitter<{ event: UIEvent; item: string }>;\n\n @State() previousButtonRef: HTMLElement;\n @State() nextButtonRef: HTMLElement;\n @State() items: HTMLIxBreadcrumbItemElement[] = [];\n @State() isPreviousDropdownExpanded = false;\n\n private mutationObserver: MutationObserver;\n\n private previousButtonId = createId();\n private previousDropdownId = createId();\n\n private onItemClick(item: string) {\n this.itemClick.emit(item);\n }\n\n componentDidLoad() {\n this.mutationObserver = createMutationObserver(() =>\n this.onChildMutation()\n );\n\n this.mutationObserver.observe(this.hostElement, {\n subtree: true,\n childList: true,\n });\n }\n\n componentWillLoad() {\n this.onChildMutation();\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n }\n\n private async onChildMutation() {\n const updatedItems = this.getItems();\n\n updatedItems.forEach((bc, index) => {\n const shouldShowDropdown =\n this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n bc.ghost = this.ghost;\n bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;\n bc.isDropdownTrigger = shouldShowDropdown;\n\n if (shouldShowDropdown) {\n this.nextButtonRef = bc;\n }\n\n if (updatedItems.length < this.visibleItemCount) {\n return;\n }\n\n bc.visible = index >= updatedItems.length - this.visibleItemCount;\n });\n\n this.items = updatedItems;\n }\n\n private getItems() {\n return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n }\n\n render() {\n const a11y = a11yHostAttributes(this.hostElement);\n return (\n <Host>\n <ix-dropdown\n id={this.previousDropdownId}\n aria-label={this.ariaLabelPreviousButton}\n trigger={\n this.items?.length > this.visibleItemCount\n ? this.previousButtonRef\n : null\n }\n onShowChanged={({ detail }) => {\n this.isPreviousDropdownExpanded = detail;\n\n const previousButton = this.hostElement.shadowRoot.getElementById(\n this.previousButtonId\n );\n\n // Need to force update previous button to change `aria-expanded`\n if (previousButton) {\n forceUpdate(\n this.hostElement.shadowRoot.getElementById(\n this.previousButtonId\n )\n );\n }\n }}\n >\n {this.items\n .slice(0, this.items.length - this.visibleItemCount)\n .map((item) => {\n const label = item.label ?? item.innerText;\n\n return (\n <ix-dropdown-item\n label={label}\n onClick={() => {\n this.onItemClick(label);\n }}\n onItemClick={(event) => event.stopPropagation()}\n ></ix-dropdown-item>\n );\n })}\n </ix-dropdown>\n {this.items?.length > this.visibleItemCount ? (\n <ix-breadcrumb-item\n id={this.previousButtonId}\n ref={(ref) => (this.previousButtonRef = ref)}\n label=\"...\"\n tabIndex={1}\n onItemClick={(event) => event.stopPropagation()}\n aria-describedby={this.previousDropdownId}\n aria-controls={this.previousDropdownId}\n aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n class={'previous-button'}\n ></ix-breadcrumb-item>\n ) : null}\n <nav\n class=\"crumb-items\"\n aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n >\n <ol>\n <slot></slot>\n </ol>\n </nav>\n <ix-dropdown trigger={this.nextButtonRef}>\n {this.nextItems?.map((item) => (\n <ix-dropdown-item\n label={item}\n onClick={(e) => {\n this.nextClick.emit({\n event: e,\n item,\n });\n }}\n onItemClick={(event) => event.stopPropagation()}\n ></ix-dropdown-item>\n ))}\n </ix-dropdown>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ix-breadcrumb.entry.js","mappings":";;;;AAAA,MAAM,aAAa,GAAG,ysCAAysC,CAAC;AAChuC,2BAAe,aAAa;;ACuB5B,IAAI,UAAU,GAAG,CAAC,CAAC;AACnB,MAAM,QAAQ,GAAG,CAAC,SAAiB,aAAa;IAC9C,OAAO,GAAG,MAAM,IAAI,UAAU,EAAE,EAAE,CAAC;AACrC,CAAC,CAAC;MAOW,UAAU;;;;;QA+Cb,qBAAgB,GAAG,QAAQ,EAAE,CAAC;QAC9B,uBAAkB,GAAG,QAAQ,EAAE,CAAC;gCA1Cb,CAAC;yBAKE,EAAE;qBAShB,IAAI;uCAQc,UAAU;;;qBAcI,EAAE;0CACZ,KAAK;;IA9B3C,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAmCO,WAAW,CAAC,IAAY;QAC9B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,gBAAgB;QACd,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,MAC7C,IAAI,CAAC,eAAe,EAAE,CACvB,CAAC;QAEF,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;YAC9C,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;SAChB,CAAC,CAAC;KACJ;IAED,iBAAiB;QACf,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;IAED,oBAAoB;;QAClB,MAAA,IAAI,CAAC,gBAAgB,0CAAE,UAAU,EAAE,CAAC;KACrC;IAEO,MAAM,eAAe;QAC3B,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAErC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,KAAK;YAC7B,MAAM,kBAAkB,GACtB,IAAI,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,CAAC;YAEnE,EAAE,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YACtB,EAAE,CAAC,WAAW,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,IAAI,kBAAkB,CAAC;YACzE,EAAE,CAAC,iBAAiB,GAAG,kBAAkB,CAAC;YAE1C,IAAI,kBAAkB,EAAE;gBACtB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;aACzB;YAED,IAAI,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,EAAE;gBAC/C,OAAO;aACR;YAED,EAAE,CAAC,OAAO,GAAG,KAAK,IAAI,YAAY,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;SACnE,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;KAC3B;IAEO,QAAQ;QACd,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC;KAC5E;IAED,MAAM;;QACJ,MAAM,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAClD,QACE,EAAC,IAAI,uDACH,oEACE,EAAE,EAAE,IAAI,CAAC,kBAAkB,gBACf,IAAI,CAAC,uBAAuB,EACxC,OAAO,EACL,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,IAAI,CAAC,gBAAgB;kBACtC,IAAI,CAAC,iBAAiB;kBACtB,IAAI,EAEV,aAAa,EAAE,CAAC,EAAE,MAAM,EAAE;gBACxB,IAAI,CAAC,0BAA0B,GAAG,MAAM,CAAC;gBAEzC,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,CAC/D,IAAI,CAAC,gBAAgB,CACtB,CAAC;;gBAGF,IAAI,cAAc,EAAE;oBAClB,WAAW,CACT,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,cAAc,CACxC,IAAI,CAAC,gBAAgB,CACtB,CACF,CAAC;iBACH;aACF,IAEA,IAAI,CAAC,KAAK;aACR,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC;aACnD,GAAG,CAAC,CAAC,IAAI;;YACR,MAAM,KAAK,GAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,IAAI,CAAC,SAAS,CAAC;YAE3C,QACE,wBACE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;iBACzB,EACD,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,GAC7B,EACpB;SACH,CAAC,CACQ,EACb,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,IAAI,CAAC,gBAAgB,IACzC,0BACE,EAAE,EAAE,IAAI,CAAC,gBAAgB,EACzB,GAAG,EAAE,CAAC,GAAG,MAAM,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC,EAC5C,KAAK,EAAC,KAAK,EACX,QAAQ,EAAE,CAAC,EACX,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,sBAC7B,IAAI,CAAC,kBAAkB,mBAC1B,IAAI,CAAC,kBAAkB,mBACvB,WAAW,CAAC,IAAI,CAAC,0BAA0B,CAAC,EAC3D,KAAK,EAAE,iBAAiB,GACJ,IACpB,IAAI,EACR,4DACE,KAAK,EAAC,aAAa,gBACP,MAAA,IAAI,CAAC,YAAY,CAAC,mCAAI,aAAa,IAE/C,6DACE,8DAAa,CACV,CACD,EACN,oEAAa,OAAO,EAAE,IAAI,CAAC,aAAa,IACrC,MAAA,IAAI,CAAC,SAAS,0CAAE,GAAG,CAAC,CAAC,IAAI,MACxB,wBACE,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,CAAC,CAAC;gBACT,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;oBAClB,KAAK,EAAE,CAAC;oBACR,IAAI;iBACL,CAAC,CAAC;aACJ,EACD,WAAW,EAAE,CAAC,KAAK,KAAK,KAAK,CAAC,eAAe,EAAE,GAC7B,CACrB,CAAC,CACU,CACT,EACP;KACH;;;;;;;;;;","names":[],"sources":["src/components/breadcrumb/breadcrumb.scss?tag=ix-breadcrumb&encapsulation=shadow","src/components/breadcrumb/breadcrumb.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@import 'common-variables';\n@import 'mixins/hover';\n@import 'mixins/text-truncation';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n\n display: flex;\n justify-content: flex-start;\n height: 2.5rem;\n align-items: center;\n background-color: transparent;\n overflow: hidden;\n\n .previous-button {\n width: 3rem;\n min-width: 0px;\n }\n\n .crumb-dropdown {\n overflow: visible;\n }\n\n .remove-anchor::after {\n display: none;\n }\n\n .more-text {\n display: flex;\n\n .more-text-ellipsis {\n width: 1rem;\n display: inline-block;\n font-weight: $font-weight-bold;\n }\n\n ix-icon {\n // line-height: unset; --> Note: 'line-height' can't be applied due to shadow DOM encapsulation at ix-icon\n // using padding-top to achieve same position as before\n padding-top: 2px;\n }\n }\n\n nav,\n ol,\n .crumb-items {\n display: contents;\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 {\n Component,\n Element,\n Event,\n EventEmitter,\n forceUpdate,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport { a11yBoolean, a11yHostAttributes } from '../utils/a11y';\nimport { createMutationObserver } from '../utils/mutation-observer';\n\nlet sequenceId = 0;\nconst createId = (prefix: string = 'breadcrumb-') => {\n return `${prefix}-${sequenceId++}`;\n};\n\n@Component({\n tag: 'ix-breadcrumb',\n styleUrl: 'breadcrumb.scss',\n shadow: true,\n})\nexport class Breadcrumb {\n @Element() hostElement!: HTMLIxBreadcrumbElement;\n\n /**\n * Excess items will get hidden inside of dropdown\n */\n @Prop() visibleItemCount = 9;\n\n /**\n * Items will be accessible through a dropdown\n */\n @Prop() nextItems: string[] = [];\n @Watch('nextItems')\n onNextItemsChange() {\n this.onChildMutation();\n }\n\n /**\n * Ghost breadcrumbs will not show solid backgrounds on individual crumbs unless there is a mouse event (e.g. hover)\n */\n @Prop() ghost = true;\n\n /**\n * Accessibility label for the dropdown button (ellipsis icon) used to access the dropdown list\n * with conditionally hidden previous items\n *\n * @since 2.0.0\n */\n @Prop() ariaLabelPreviousButton = 'previous';\n\n /**\n * Crumb item clicked event\n */\n @Event() itemClick: EventEmitter<string>;\n\n /**\n * Next item clicked event\n */\n @Event() nextClick: EventEmitter<{ event: UIEvent; item: string }>;\n\n @State() previousButtonRef: HTMLElement;\n @State() nextButtonRef: HTMLElement;\n @State() items: HTMLIxBreadcrumbItemElement[] = [];\n @State() isPreviousDropdownExpanded = false;\n\n private mutationObserver: MutationObserver;\n\n private previousButtonId = createId();\n private previousDropdownId = createId();\n\n private onItemClick(item: string) {\n this.itemClick.emit(item);\n }\n\n componentDidLoad() {\n this.mutationObserver = createMutationObserver(() =>\n this.onChildMutation()\n );\n\n this.mutationObserver.observe(this.hostElement, {\n subtree: true,\n childList: true,\n });\n }\n\n componentWillLoad() {\n this.onChildMutation();\n }\n\n disconnectedCallback() {\n this.mutationObserver?.disconnect();\n }\n\n private async onChildMutation() {\n const updatedItems = this.getItems();\n\n updatedItems.forEach((bc, index) => {\n const shouldShowDropdown =\n this.nextItems.length !== 0 && updatedItems.length - 1 === index;\n\n bc.ghost = this.ghost;\n bc.showChevron = updatedItems.length - 1 !== index || shouldShowDropdown;\n bc.isDropdownTrigger = shouldShowDropdown;\n\n if (shouldShowDropdown) {\n this.nextButtonRef = bc;\n }\n\n if (updatedItems.length < this.visibleItemCount) {\n return;\n }\n\n bc.visible = index >= updatedItems.length - this.visibleItemCount;\n });\n\n this.items = updatedItems;\n }\n\n private getItems() {\n return Array.from(this.hostElement.querySelectorAll('ix-breadcrumb-item'));\n }\n\n render() {\n const a11y = a11yHostAttributes(this.hostElement);\n return (\n <Host>\n <ix-dropdown\n id={this.previousDropdownId}\n aria-label={this.ariaLabelPreviousButton}\n trigger={\n this.items?.length > this.visibleItemCount\n ? this.previousButtonRef\n : null\n }\n onShowChanged={({ detail }) => {\n this.isPreviousDropdownExpanded = detail;\n\n const previousButton = this.hostElement.shadowRoot.getElementById(\n this.previousButtonId\n );\n\n // Need to force update previous button to change `aria-expanded`\n if (previousButton) {\n forceUpdate(\n this.hostElement.shadowRoot.getElementById(\n this.previousButtonId\n )\n );\n }\n }}\n >\n {this.items\n .slice(0, this.items.length - this.visibleItemCount)\n .map((item) => {\n const label = item.label ?? item.innerText;\n\n return (\n <ix-dropdown-item\n label={label}\n onClick={() => {\n this.onItemClick(label);\n }}\n onItemClick={(event) => event.stopPropagation()}\n ></ix-dropdown-item>\n );\n })}\n </ix-dropdown>\n {this.items?.length > this.visibleItemCount ? (\n <ix-breadcrumb-item\n id={this.previousButtonId}\n ref={(ref) => (this.previousButtonRef = ref)}\n label=\"...\"\n tabIndex={1}\n onItemClick={(event) => event.stopPropagation()}\n aria-describedby={this.previousDropdownId}\n aria-controls={this.previousDropdownId}\n aria-expanded={a11yBoolean(this.isPreviousDropdownExpanded)}\n class={'previous-button'}\n ></ix-breadcrumb-item>\n ) : null}\n <nav\n class=\"crumb-items\"\n aria-label={a11y['aria-label'] ?? 'breadcrumbs'}\n >\n <ol>\n <slot></slot>\n </ol>\n </nav>\n <ix-dropdown trigger={this.nextButtonRef}>\n {this.nextItems?.map((item) => (\n <ix-dropdown-item\n label={item}\n onClick={(e) => {\n this.nextClick.emit({\n event: e,\n item,\n });\n }}\n onItemClick={(event) => event.stopPropagation()}\n ></ix-dropdown-item>\n ))}\n </ix-dropdown>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/ix-button.entry.js CHANGED
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, H as Host, g as getElement } from './index-f18c5ad1.js';
2
- import { B as BaseButton } from './base-button-3ac703a7.js';
1
+ import { r as registerInstance, h, H as Host, g as getElement } from './index-5429f20b.js';
2
+ import { B as BaseButton } from './base-button-1b40b11d.js';
3
3
 
4
- const buttonCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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 ix-icon{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}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}";
4
+ const buttonCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{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 ix-icon{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}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}";
5
5
  const IxButtonStyle0 = buttonCss;
6
6
 
7
7
  const Button = class {
package/dist/esm/ix-button.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"ix-button.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,uorBAAuorB,CAAC;AAC1prB,uBAAe,SAAS;;MCkBX,MAAM;;;uBAKgB,SAAS;uBAKxB,KAAK;qBAKP,KAAK;wBAKe,KAAK;oBAKL,QAAQ;uBAOjB,KAAK;;yBAQQ,QAAQ;wBAGT,IAAI;;IAS3C,gBAAgB;QACd,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC1B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACtD,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACpC,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC7B,YAAY,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAE3C,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC;SACzC;KACF;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,mBAAmB,EAAE;YACtD,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,CAAC;SAClC;KACF;IAED,MAAM;QACJ,MAAM,eAAe,GAAoB;YACvC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YACvC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE;YACxC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QAEF,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;aACxC,IAED,EAAC,UAAU,qEAAK,eAAe,GAC7B,8DAAa,CACF,CACR,EACP;KACH;;;;;;;","names":[],"sources":["src/components/button/button.scss?tag=ix-button&encapsulation=shadow","src/components/button/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@import './button-mixin';\n\n@include btn;\n$button-categories: (danger, primary, secondary);\n@each $category in $button-categories {\n @include btn-variant($category);\n @include btn-variant('outline-#{$category}');\n @include btn-variant('invisible-#{$category}', false);\n}\n\n:host {\n min-width: 5rem;\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 } from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from './base-button';\n\nexport type ButtonVariant = 'danger' | 'primary' | 'secondary';\n\n@Component({\n tag: 'ix-button',\n shadow: true,\n styleUrl: './button.scss',\n})\nexport class Button {\n /**\n * Button variant\n * @since 2.3.0 - variant danger\n */\n @Prop() variant: ButtonVariant = 'primary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Disable the button\n */\n @Prop({ reflect: true }) disabled = false;\n\n /**\n * Type of the button\n */\n @Prop() type: 'button' | 'submit' = 'button';\n\n /**\n * Loading button\n *\n * @since 2.0.0\n */\n @Prop() loading: boolean = false;\n\n /**\n * Icon name\n */\n @Prop() icon: string;\n\n /** @internal */\n @Prop() alignment: 'center' | 'start' = 'center';\n\n /** @internal */\n @Prop() iconSize: '12' | '16' | '24' = '24';\n\n @Element() hostElement: HTMLIxButtonElement;\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 render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n selected: false,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconSize: this.iconSize,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n alignment: this.alignment,\n };\n\n return (\n <Host\n class={{\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseButton {...baseButtonProps}>\n <slot></slot>\n </BaseButton>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ix-button.entry.js","mappings":";;;AAAA,MAAM,SAAS,GAAG,myrBAAmyrB,CAAC;AACtzrB,uBAAe,SAAS;;MCkBX,MAAM;;;uBAKgB,SAAS;uBAKxB,KAAK;qBAKP,KAAK;wBAKe,KAAK;oBAKL,QAAQ;uBAOjB,KAAK;;yBAQQ,QAAQ;wBAGT,IAAI;;IAS3C,gBAAgB;QACd,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE;YAC1B,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YACtD,YAAY,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACpC,YAAY,CAAC,IAAI,GAAG,QAAQ,CAAC;YAC7B,YAAY,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;YAC3B,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YAE3C,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC;SACzC;KACF;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,mBAAmB,EAAE;YACtD,IAAI,CAAC,mBAAmB,CAAC,KAAK,EAAE,CAAC;SAClC;KACF;IAED,MAAM;QACJ,MAAM,eAAe,GAAoB;YACvC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,KAAK;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YACvC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE;YACxC,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,SAAS,EAAE,IAAI,CAAC,SAAS;SAC1B,CAAC;QAEF,QACE,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;aACxC,IAED,EAAC,UAAU,qEAAK,eAAe,GAC7B,8DAAa,CACF,CACR,EACP;KACH;;;;;;;","names":[],"sources":["src/components/button/button.scss?tag=ix-button&encapsulation=shadow","src/components/button/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@import './button-mixin';\n\n@include btn;\n$button-categories: (danger, primary, secondary);\n@each $category in $button-categories {\n @include btn-variant($category);\n @include btn-variant('outline-#{$category}');\n @include btn-variant('invisible-#{$category}', false);\n}\n\n:host {\n min-width: 5rem;\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 } from '@stencil/core';\nimport { BaseButton, BaseButtonProps } from './base-button';\n\nexport type ButtonVariant = 'danger' | 'primary' | 'secondary';\n\n@Component({\n tag: 'ix-button',\n shadow: true,\n styleUrl: './button.scss',\n})\nexport class Button {\n /**\n * Button variant\n * @since 2.3.0 - variant danger\n */\n @Prop() variant: ButtonVariant = 'primary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Disable the button\n */\n @Prop({ reflect: true }) disabled = false;\n\n /**\n * Type of the button\n */\n @Prop() type: 'button' | 'submit' = 'button';\n\n /**\n * Loading button\n *\n * @since 2.0.0\n */\n @Prop() loading: boolean = false;\n\n /**\n * Icon name\n */\n @Prop() icon: string;\n\n /** @internal */\n @Prop() alignment: 'center' | 'start' = 'center';\n\n /** @internal */\n @Prop() iconSize: '12' | '16' | '24' = '24';\n\n @Element() hostElement: HTMLIxButtonElement;\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 render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: false,\n iconOval: false,\n selected: false,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconSize: this.iconSize,\n loading: this.loading,\n onClick: () => this.dispatchFormEvents(),\n type: this.type,\n alignment: this.alignment,\n };\n\n return (\n <Host\n class={{\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseButton {...baseButtonProps}>\n <slot></slot>\n </BaseButton>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/ix-card-accordion_2.entry.js CHANGED
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f18c5ad1.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5429f20b.js';
2
2
 
3
- const cardAccordionCss = ":host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled).hover,:host .expand-action:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .expand-action:not(.disabled):not(:disabled).active,:host .expand-action:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}";
3
+ const cardAccordionCss = ":host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;background-color:var(--theme-color-component-1);align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled).hover,:host .expand-action:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .expand-action:not(.disabled):not(:disabled).active,:host .expand-action:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-action:not(.show),:host .expand-action:not(.show)::before{border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(90deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0;background-color:var(--theme-color-component-1)}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}";
4
4
  const IxCardAccordionStyle0 = cardAccordionCss;
5
5
 
6
6
  let accordionControlId = 0;
@@ -69,7 +69,7 @@ const CardHeader = class {
69
69
  registerInstance(this, hostRef);
70
70
  }
71
71
  render() {
72
- return (h(Host, { key: '2afb4eebb84d9641a195b61843761cfe09bb6ed7' }, h("slot", { key: '3563c0158125fa766d9d018f1a574a7e6f6d3e98' }), h("div", { key: 'bfa505245aab1c8fec8af0cb680654483b7fea0c', class: "title-actions" }, h("slot", { key: '8a0af96ce78108228dbf07c65dfa96a7c9af4d0c', name: "title-actions" }))));
72
+ return (h(Host, { key: 'c5c2ca3a18e299a6093ad6abbaa1c5249cfa391c' }, h("slot", { key: '6d9c155e807d25a85878f7c10e0e6ca34472f06a' }), h("div", { key: 'd7ce177e5b865646435a794b197f0b7fca89fc5e', class: "title-actions" }, h("slot", { key: '5c44f29c04f0e8960d64dd5b6aa5f4a740d6c175', name: "title-actions" }))));
73
73
  }
74
74
  };
75
75
  CardHeader.style = IxCardTitleStyle0;
package/dist/esm/ix-card-accordion_2.entry.js.map CHANGED
@@ -1 +1 @@
1
- {"file":"ix-card-accordion.ix-card-title.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,4vFAA4vF,CAAC;AACtxF,8BAAe,gBAAgB;;ACW/B,IAAI,kBAAkB,GAAG,CAAC,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC,SAAiB,gBAAgB;IAC1D,OAAO,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,CAAC,CAAC;MAeW,aAAa;;;;wBAKL,KAAK;6BASC,KAAK;;IAG9B,qBAAqB;QACnB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KACrC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;KACrE;IAED,mBAAmB,CAAC,KAAY;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,MAAM,EAAE,IAAI,CAAC,aAAa;YAC1B,WAAW,EAAE,KAAK;SACnB,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,6BAA6B,EAAE,CAAC;SACtC;KACF;IAEO,6BAA6B;QACnC,UAAU,CAAC;YACT,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;YAC1D,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE;gBACpC,IAAI,CAAC,WAAW,CAAC,UAAU;qBACxB,aAAa,CAAC,iBAAiB,CAAC;qBAChC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC1B;SACF,EAAE,GAAG,CAAC,CAAC;KACT;IAED,iBAAiB;QACf,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,gBAAgB,IACzB,+DACE,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,EAC1D,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACnD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,aAAa,mBAClB,iBAAiB,EAAE,IAElC,gEACE,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE;gBACL,aAAa,EAAE,IAAI;gBACnB,IAAI,EAAE,IAAI,CAAC,aAAa;aACzB,GACQ,CACJ,EACT,4DACE,KAAK,EAAE;gBACL,gBAAgB,EAAE,IAAI;gBACtB,IAAI,EAAE,IAAI,CAAC,aAAa;aACzB,IAED,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,8DAAa,CACT,EACN,4DAAK,KAAK,EAAC,uBAAuB,GAAO,CACrC,CACF,CACD,EACP;KACH;;;;;;;;ACvHH,MAAM,YAAY,GAAG,8PAA8P,CAAC;AACpR,0BAAe,YAAY;;MCWd,UAAU;;;;IACrB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,EACb,4DAAK,KAAK,EAAC,eAAe,IACxB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/card-accordion/card-accordion.scss?tag=ix-card-accordion&encapsulation=shadow","src/components/card-accordion/card-accordion.tsx","src/components/card-title/card-title.scss?tag=ix-card-title&encapsulation=shadow","src/components/card-title/card-title.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@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n transition: var(--theme-default-time) ease-in-out;\n\n .expand-action {\n all: unset;\n display: flex;\n position: relative;\n\n appearance: button;\n\n height: 2.5rem;\n width: 100%;\n\n background-color: var(--theme-color-component-1);\n align-items: center;\n justify-content: flex-start;\n @include ghost-hover-pressed();\n\n @include focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-btn--focus--outline-offset);\n }\n }\n\n .expand-action::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--ix-card-background);\n z-index: -1;\n }\n\n .expand-action:not(.show),\n .expand-action:not(.show)::before {\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n\n .expand-icon {\n margin-left: 0.5rem;\n transition: var(--theme-default-time) transform ease-in-out;\n }\n\n .expand-icon.show {\n transform: rotate(90deg);\n }\n\n .expand-content {\n display: grid;\n position: relative;\n grid-template-rows: 0fr;\n transition: var(--theme-default-time) ease-in-out;\n width: 100%;\n max-height: 14.75rem;\n opacity: 0;\n background-color: var(--theme-color-component-1);\n }\n\n .expand-content.show {\n grid-template-rows: 14.75rem;\n opacity: 1;\n }\n\n .expand-content-inner {\n position: relative;\n height: 100%;\n overflow: hidden;\n }\n\n .expand-content.show .expand-content-body {\n display: none;\n overflow: hidden;\n color: var(--theme-color-std-text);\n }\n\n .expand-content.show .expand-content-body {\n display: block;\n overflow: auto;\n height: calc(100% - 1rem);\n }\n\n .expand-content-footer {\n display: block;\n position: relative;\n width: 100%;\n height: 1rem;\n\n margin-top: auto;\n margin-bottom: 0px;\n\n background-color: var(--theme-color-component-1);\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\n\nlet accordionControlId = 0;\nconst getAriaControlsId = (prefix: string = 'expand-content') => {\n return [prefix, accordionControlId++].join('-');\n};\n\nexport type CardAccordionExpandChangeEvent = {\n expand: boolean;\n nativeEvent: Event;\n};\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-accordion',\n styleUrl: 'card-accordion.scss',\n shadow: true,\n})\nexport class CardAccordion {\n /**\n * Collapse the card\n * @since 2.1.0\n */\n @Prop() collapse = false;\n\n @Element() hostElement: HTMLIxCardAccordionElement;\n\n /**\n * @internal\n */\n @Event() accordionExpand: EventEmitter<CardAccordionExpandChangeEvent>;\n\n @State() expandContent = false;\n\n @Watch('collapse')\n onInitialExpandChange() {\n this.expandContent = !this.collapse;\n }\n\n get expandedContent() {\n return this.hostElement.shadowRoot.querySelector('.expand-content');\n }\n\n onExpandActionClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.expandContent = !this.expandContent;\n this.accordionExpand.emit({\n expand: this.expandContent,\n nativeEvent: event,\n });\n\n if (this.expandContent) {\n this.scrollExpandedContentIntoView();\n }\n }\n\n private scrollExpandedContentIntoView() {\n setTimeout(() => {\n const rect = this.expandedContent.getBoundingClientRect();\n if (rect.bottom > window.innerHeight) {\n this.hostElement.shadowRoot\n .querySelector('.expand-content')\n .scrollIntoView(false);\n }\n }, 150);\n }\n\n componentWillLoad() {\n this.onInitialExpandChange();\n }\n\n render() {\n return (\n <Host slot=\"card-accordion\">\n <button\n tabIndex={0}\n class={{ 'expand-action': true, show: this.expandContent }}\n onClick={(event) => this.onExpandActionClick(event)}\n role=\"button\"\n type=\"button\"\n aria-expanded={this.expandContent}\n aria-controls={getAriaControlsId()}\n >\n <ix-icon\n name={'chevron-right-small'}\n class={{\n 'expand-icon': true,\n show: this.expandContent,\n }}\n ></ix-icon>\n </button>\n <div\n class={{\n 'expand-content': true,\n show: this.expandContent,\n }}\n >\n <div class=\"expand-content-inner\">\n <div class=\"expand-content-body\">\n <slot></slot>\n </div>\n <div class=\"expand-content-footer\"></div>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import 'common-variables';\n\n:host {\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n margin-top: 0.25rem;\n margin-bottom: $small-space;\n gap: $default-space;\n\n width: 100%;\n\n .title-actions {\n display: flex;\n position: relative;\n flex-direction: row;\n gap: 0.25rem;\n margin-left: auto;\n margin-right: 0px;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot title-actions - Place additional actions inside title\n *\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-title',\n styleUrl: 'card-title.scss',\n shadow: true,\n})\nexport class CardHeader {\n render() {\n return (\n <Host>\n <slot></slot>\n <div class=\"title-actions\">\n <slot name=\"title-actions\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1
+ {"file":"ix-card-accordion.ix-card-title.entry.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,w5FAAw5F,CAAC;AACl7F,8BAAe,gBAAgB;;ACW/B,IAAI,kBAAkB,GAAG,CAAC,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC,SAAiB,gBAAgB;IAC1D,OAAO,CAAC,MAAM,EAAE,kBAAkB,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClD,CAAC,CAAC;MAeW,aAAa;;;;wBAKL,KAAK;6BASC,KAAK;;IAG9B,qBAAqB;QACnB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;KACrC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;KACrE;IAED,mBAAmB,CAAC,KAAY;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,aAAa,CAAC;QACzC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;YACxB,MAAM,EAAE,IAAI,CAAC,aAAa;YAC1B,WAAW,EAAE,KAAK;SACnB,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,aAAa,EAAE;YACtB,IAAI,CAAC,6BAA6B,EAAE,CAAC;SACtC;KACF;IAEO,6BAA6B;QACnC,UAAU,CAAC;YACT,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,EAAE,CAAC;YAC1D,IAAI,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE;gBACpC,IAAI,CAAC,WAAW,CAAC,UAAU;qBACxB,aAAa,CAAC,iBAAiB,CAAC;qBAChC,cAAc,CAAC,KAAK,CAAC,CAAC;aAC1B;SACF,EAAE,GAAG,CAAC,CAAC;KACT;IAED,iBAAiB;QACf,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAC9B;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDAAC,IAAI,EAAC,gBAAgB,IACzB,+DACE,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,aAAa,EAAE,EAC1D,OAAO,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,EACnD,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,aAAa,mBAClB,iBAAiB,EAAE,IAElC,gEACE,IAAI,EAAE,qBAAqB,EAC3B,KAAK,EAAE;gBACL,aAAa,EAAE,IAAI;gBACnB,IAAI,EAAE,IAAI,CAAC,aAAa;aACzB,GACQ,CACJ,EACT,4DACE,KAAK,EAAE;gBACL,gBAAgB,EAAE,IAAI;gBACtB,IAAI,EAAE,IAAI,CAAC,aAAa;aACzB,IAED,4DAAK,KAAK,EAAC,sBAAsB,IAC/B,4DAAK,KAAK,EAAC,qBAAqB,IAC9B,8DAAa,CACT,EACN,4DAAK,KAAK,EAAC,uBAAuB,GAAO,CACrC,CACF,CACD,EACP;KACH;;;;;;;;ACvHH,MAAM,YAAY,GAAG,8PAA8P,CAAC;AACpR,0BAAe,YAAY;;MCWd,UAAU;;;;IACrB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,8DAAa,EACb,4DAAK,KAAK,EAAC,eAAe,IACxB,6DAAM,IAAI,EAAC,eAAe,GAAQ,CAC9B,CACD,EACP;KACH;;;;;;","names":[],"sources":["src/components/card-accordion/card-accordion.scss?tag=ix-card-accordion&encapsulation=shadow","src/components/card-accordion/card-accordion.tsx","src/components/card-title/card-title.scss?tag=ix-card-title&encapsulation=shadow","src/components/card-title/card-title.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@import 'mixins/hover';\n@import 'mixins/shadow-dom/component';\n\n:host {\n @include ix-component;\n display: flex;\n position: relative;\n flex-direction: column;\n width: 100%;\n transition: var(--theme-default-time) ease-in-out;\n\n .expand-action {\n all: unset;\n display: flex;\n position: relative;\n\n appearance: button;\n\n height: 2.5rem;\n width: 100%;\n\n background-color: var(--theme-color-component-1);\n align-items: center;\n justify-content: flex-start;\n @include ghost-hover-pressed();\n\n @include focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-btn--focus--outline-offset);\n }\n }\n\n .expand-action::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: var(--ix-card-background);\n z-index: -1;\n }\n\n .expand-action:not(.show),\n .expand-action:not(.show)::before {\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n\n .expand-icon {\n margin-left: 0.5rem;\n transition: var(--theme-default-time) transform ease-in-out;\n }\n\n .expand-icon.show {\n transform: rotate(90deg);\n }\n\n .expand-content {\n display: grid;\n position: relative;\n grid-template-rows: 0fr;\n transition: var(--theme-default-time) ease-in-out;\n width: 100%;\n max-height: 14.75rem;\n opacity: 0;\n background-color: var(--theme-color-component-1);\n }\n\n .expand-content.show {\n grid-template-rows: 14.75rem;\n opacity: 1;\n }\n\n .expand-content-inner {\n position: relative;\n height: 100%;\n overflow: hidden;\n }\n\n .expand-content.show .expand-content-body {\n display: none;\n overflow: hidden;\n color: var(--theme-color-std-text);\n }\n\n .expand-content.show .expand-content-body {\n display: block;\n overflow: auto;\n height: calc(100% - 1rem);\n }\n\n .expand-content-footer {\n display: block;\n position: relative;\n width: 100%;\n height: 1rem;\n\n margin-top: auto;\n margin-bottom: 0px;\n\n background-color: var(--theme-color-component-1);\n border-bottom-left-radius: var(--theme-default-border-radius);\n border-bottom-right-radius: var(--theme-default-border-radius);\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\n\nlet accordionControlId = 0;\nconst getAriaControlsId = (prefix: string = 'expand-content') => {\n return [prefix, accordionControlId++].join('-');\n};\n\nexport type CardAccordionExpandChangeEvent = {\n expand: boolean;\n nativeEvent: Event;\n};\n\n/**\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-accordion',\n styleUrl: 'card-accordion.scss',\n shadow: true,\n})\nexport class CardAccordion {\n /**\n * Collapse the card\n * @since 2.1.0\n */\n @Prop() collapse = false;\n\n @Element() hostElement: HTMLIxCardAccordionElement;\n\n /**\n * @internal\n */\n @Event() accordionExpand: EventEmitter<CardAccordionExpandChangeEvent>;\n\n @State() expandContent = false;\n\n @Watch('collapse')\n onInitialExpandChange() {\n this.expandContent = !this.collapse;\n }\n\n get expandedContent() {\n return this.hostElement.shadowRoot.querySelector('.expand-content');\n }\n\n onExpandActionClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.expandContent = !this.expandContent;\n this.accordionExpand.emit({\n expand: this.expandContent,\n nativeEvent: event,\n });\n\n if (this.expandContent) {\n this.scrollExpandedContentIntoView();\n }\n }\n\n private scrollExpandedContentIntoView() {\n setTimeout(() => {\n const rect = this.expandedContent.getBoundingClientRect();\n if (rect.bottom > window.innerHeight) {\n this.hostElement.shadowRoot\n .querySelector('.expand-content')\n .scrollIntoView(false);\n }\n }, 150);\n }\n\n componentWillLoad() {\n this.onInitialExpandChange();\n }\n\n render() {\n return (\n <Host slot=\"card-accordion\">\n <button\n tabIndex={0}\n class={{ 'expand-action': true, show: this.expandContent }}\n onClick={(event) => this.onExpandActionClick(event)}\n role=\"button\"\n type=\"button\"\n aria-expanded={this.expandContent}\n aria-controls={getAriaControlsId()}\n >\n <ix-icon\n name={'chevron-right-small'}\n class={{\n 'expand-icon': true,\n show: this.expandContent,\n }}\n ></ix-icon>\n </button>\n <div\n class={{\n 'expand-content': true,\n show: this.expandContent,\n }}\n >\n <div class=\"expand-content-inner\">\n <div class=\"expand-content-body\">\n <slot></slot>\n </div>\n <div class=\"expand-content-footer\"></div>\n </div>\n </div>\n </Host>\n );\n }\n}\n","@import 'common-variables';\n\n:host {\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n margin-top: 0.25rem;\n margin-bottom: $small-space;\n gap: $default-space;\n\n width: 100%;\n\n .title-actions {\n display: flex;\n position: relative;\n flex-direction: row;\n gap: 0.25rem;\n margin-left: auto;\n margin-right: 0px;\n }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * @slot title-actions - Place additional actions inside title\n *\n * @since 1.6.0\n */\n@Component({\n tag: 'ix-card-title',\n styleUrl: 'card-title.scss',\n shadow: true,\n})\nexport class CardHeader {\n render() {\n return (\n <Host>\n <slot></slot>\n <div class=\"title-actions\">\n <slot name=\"title-actions\"></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
package/dist/esm/ix-card-list.entry.js CHANGED
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f18c5ad1.js';
1
+ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5429f20b.js';
2
2
  import { c as createMutationObserver } from './mutation-observer-db8757e6.js';
3
3
 
4
- const cardListCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .CardList_Title{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:0.5rem}:host .CardList__Title__Button{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}:host .CardList__Title__Button__Collapsed{transform:rotate(-90deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px}:host .CardList__Content{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}:host .CardList__Content__Collapsed{min-height:0px;max-height:0px;overflow:hidden;opacity:0}:host .CardList__Style__Flexbox__Scroll{flex-wrap:wrap}:host .CardList__Style__Infinite__Scroll{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar{display:none}:host .CardList__Overflow{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}:host .Show__All__Card{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}:host .CardList__Style__Infinite__Scroll .Show__All__Card{margin-top:2.375rem}:host .CardList__Style__Flexbox__Scroll .Show__All__Card{margin-bottom:2.375rem}:host .Show__All__Card:hover{background-color:var(--theme-color-ghost--hover)}:host .Show__All__Card:active{background-color:var(--theme-color-ghost--active)}:host .Show__All__Card__Content{display:flex;justify-content:center;align-items:center}:host .Show__All__Card__Icon{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}:host .Show__All__Card__Text{margin-bottom:0px;margin-top:auto}";
4
+ const cardListCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .CardList_Title{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:0.5rem}:host .CardList__Title__Button{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}:host .CardList__Title__Button__Collapsed{transform:rotate(-90deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px}:host .CardList__Content{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}:host .CardList__Content__Collapsed{min-height:0px;max-height:0px;overflow:hidden;opacity:0}:host .CardList__Style__Flexbox__Scroll{flex-wrap:wrap}:host .CardList__Style__Infinite__Scroll{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar{display:none}:host .CardList__Overflow{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}:host .Show__All__Card{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}:host .CardList__Style__Infinite__Scroll .Show__All__Card{margin-top:2.375rem}:host .CardList__Style__Flexbox__Scroll .Show__All__Card{margin-bottom:2.375rem}:host .Show__All__Card:hover{background-color:var(--theme-color-ghost--hover)}:host .Show__All__Card:active{background-color:var(--theme-color-ghost--active)}:host .Show__All__Card__Content{display:flex;justify-content:center;align-items:center}:host .Show__All__Card__Icon{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}:host .Show__All__Card__Text{margin-bottom:0px;margin-top:auto}";
5
5
  const IxCardListStyle0 = cardListCss;
6
6
 
7
7
  function CardListTitle(props) {
@@ -138,16 +138,16 @@ const CardList = class {
138
138
  }
139
139
  }
140
140
  render() {
141
- return (h(Host, { key: 'c52ee605d2f81a82788543defb031d99a7629eca' }, h(CardListTitle, { key: '976f9943a705914b148bec2cfbf90d44a63905c3', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
141
+ return (h(Host, { key: '59b22287fe21651d515b79a8394b91f600f07a7a' }, h(CardListTitle, { key: '8f81a2633acb901e848c243a51d60752b35e5765', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
142
142
  ? this.numberOfAllChildElements
143
- : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), h("div", { key: 'cbf01e7d4cc781ccf3458fcb4e0a3c70e4cea062', class: {
143
+ : this.showAllCount, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), h("div", { key: 'd53f0dcc4707057dedbc08c3b57f9cde8887f225', class: {
144
144
  CardList__Overflow: true,
145
- }, style: this.computeMaskLayer() }, h("div", { key: '025b916a7b4b979303122302cf33a593ecfca968', class: {
145
+ }, style: this.computeMaskLayer() }, h("div", { key: '74e389bb906687dff585eabb348fd6265af7d401', class: {
146
146
  CardList__Content: true,
147
147
  CardList__Content__Collapsed: this.collapse,
148
148
  CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
149
149
  CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
150
- }, onScroll: () => this.onCardListScroll() }, h("slot", { key: 'bf626a7477a10cc184eeec082ed4f357be37d4b0', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (h("ix-card", { class: {
150
+ }, onScroll: () => this.onCardListScroll() }, h("slot", { key: '9a2ce4357b2e065c35c93c9fc24ef21c31ca0827', onSlotchange: () => this.changeVisibilityOfSlotChildren() }), this.isShowMoreCardVisible() ? (h("ix-card", { class: {
151
151
  Show__All__Card: true,
152
152
  }, onClick: (event) => this.showMoreCardClick.emit({
153
153
  nativeEvent: event,