@siemens/ix 5.2.0 → 5.2.1

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 (437) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/index.js +1 -1
  3. package/components/ix-action-card.js +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +1 -1
  6. package/components/ix-avatar.js +1 -1
  7. package/components/ix-badge.js +1 -1
  8. package/components/ix-blind.js +1 -1
  9. package/components/ix-breadcrumb-item.js +1 -1
  10. package/components/ix-breadcrumb.js +1 -1
  11. package/components/ix-button.js +1 -1
  12. package/components/ix-card-accordion.js +1 -1
  13. package/components/ix-card-list.js +1 -1
  14. package/components/ix-category-filter.js +1 -1
  15. package/components/ix-chat-attachment.js +1 -1
  16. package/components/ix-chat-input.js +1 -1
  17. package/components/ix-checkbox-group.js +1 -1
  18. package/components/ix-checkbox.js +1 -1
  19. package/components/ix-chip.js +1 -1
  20. package/components/ix-content-header.js +1 -1
  21. package/components/ix-custom-field.js +1 -1
  22. package/components/ix-date-dropdown.js +1 -1
  23. package/components/ix-date-input.js +1 -1
  24. package/components/ix-date-picker.js +1 -1
  25. package/components/ix-datetime-input.js +1 -1
  26. package/components/ix-datetime-picker.js +1 -1
  27. package/components/ix-dropdown-button.js +1 -1
  28. package/components/ix-dropdown-item.js +1 -1
  29. package/components/ix-dropdown.js +1 -1
  30. package/components/ix-empty-state.js +1 -1
  31. package/components/ix-event-list-item.js +1 -1
  32. package/components/ix-event-list.js +1 -1
  33. package/components/ix-expanding-search.js +1 -1
  34. package/components/ix-field-label.js +1 -1
  35. package/components/ix-field-wrapper.js +1 -1
  36. package/components/ix-filter-chip.js +1 -1
  37. package/components/ix-flip-tile.js +1 -1
  38. package/components/ix-group-context-menu.js +1 -1
  39. package/components/ix-group.js +1 -1
  40. package/components/ix-helper-text.js +1 -1
  41. package/components/ix-icon-button.js +1 -1
  42. package/components/ix-icon-toggle-button.js +1 -1
  43. package/components/ix-input.js +1 -1
  44. package/components/ix-menu-about-news.js +1 -1
  45. package/components/ix-menu-about.js +1 -1
  46. package/components/ix-menu-avatar-item.js +1 -1
  47. package/components/ix-menu-avatar.js +1 -1
  48. package/components/ix-menu-category.js +1 -1
  49. package/components/ix-menu-expand-icon.js +1 -1
  50. package/components/ix-menu-item.js +1 -1
  51. package/components/ix-menu-settings.js +1 -1
  52. package/components/ix-menu.js +1 -1
  53. package/components/ix-message-bar.js +1 -1
  54. package/components/ix-modal-header.js +1 -1
  55. package/components/ix-modal-loading.js +1 -1
  56. package/components/ix-modal.js +1 -1
  57. package/components/ix-number-input.js +1 -1
  58. package/components/ix-pagination.js +1 -1
  59. package/components/ix-pane.js +1 -1
  60. package/components/ix-pill.js +1 -1
  61. package/components/ix-popover-header.js +1 -1
  62. package/components/ix-popover.js +1 -1
  63. package/components/ix-progress-indicator.js +1 -1
  64. package/components/ix-push-card.js +1 -1
  65. package/components/ix-radio-group.js +1 -1
  66. package/components/ix-radio.js +1 -1
  67. package/components/ix-select-item.js +1 -1
  68. package/components/ix-select.js +1 -1
  69. package/components/ix-slider.js +1 -1
  70. package/components/ix-spinner.js +1 -1
  71. package/components/ix-split-button.js +1 -1
  72. package/components/ix-tab-item.js +1 -1
  73. package/components/ix-tabs.js +1 -1
  74. package/components/ix-textarea.js +1 -1
  75. package/components/ix-time-input.js +1 -1
  76. package/components/ix-time-picker.js +1 -1
  77. package/components/ix-toast-container.js +1 -1
  78. package/components/ix-toast.js +1 -1
  79. package/components/ix-toggle-button.js +1 -1
  80. package/components/ix-toggle.js +1 -1
  81. package/components/ix-tooltip.js +1 -1
  82. package/components/ix-upload.js +1 -1
  83. package/components/ix-workflow-step.js +1 -1
  84. package/components/{p-Bs5X90wM.js → p-B3ZUi0gM.js} +1 -1
  85. package/components/p-BE708_H3.js +1 -0
  86. package/components/p-BF2IsI5j.js +1 -0
  87. package/components/{p-l9UTiHpM.js → p-BGpGr8Qv.js} +1 -1
  88. package/components/{p-CEE0wwD3.js → p-BKCLcJ_A.js} +1 -1
  89. package/components/{p-D7sEY2UQ.js → p-BKVBe7Co.js} +1 -1
  90. package/components/{p-3U_cSqu_.js → p-BOImZPcG.js} +1 -1
  91. package/components/{p-CtZAuwv3.js → p-BpE93ty6.js} +1 -1
  92. package/components/p-BqeSHO6C.js +1 -0
  93. package/components/{p-BGOtCwtj.js → p-CAd-WgR8.js} +1 -1
  94. package/components/p-CFH9HkmQ.js +1 -0
  95. package/components/p-CGGWaScq.js +1 -0
  96. package/components/{p-WisOWbJ8.js → p-CHJbp28K.js} +1 -1
  97. package/components/{p-BQ-hS49k.js → p-CRbQNmxe.js} +1 -1
  98. package/components/{p-DmtgI24u.js → p-CYgC-XN6.js} +1 -1
  99. package/components/p-CiP3eKpd.js +1 -0
  100. package/components/{p-OxstEnSC.js → p-CqWfy46u.js} +1 -1
  101. package/components/p-D5-dW4IM.js +1 -0
  102. package/components/p-DB-zpRCO.js +1 -0
  103. package/components/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
  104. package/components/{p-D_HzQCU-.js → p-DIq_C5Sa.js} +1 -1
  105. package/components/p-DKU5FVxI.js +1 -0
  106. package/components/{p-snX1FfdL.js → p-DLgZfUmI.js} +1 -1
  107. package/components/p-DXmwthlZ.js +1 -0
  108. package/components/p-D_VBAyPm.js +1 -0
  109. package/components/p-DcOoa9vE.js +1 -0
  110. package/components/{p-CatmTvkh.js → p-DyC90hvu.js} +1 -1
  111. package/components/p-DzDB4UBp.js +1 -0
  112. package/components/p-QnnFQ3fz.js +1 -0
  113. package/components/p-WX1HYV2-.js +1 -0
  114. package/components/{p-BC2PyjjU.js → p-_irxfS9S.js} +1 -1
  115. package/components/{p-CUpOF7jN.js → p-n2_EOgMr.js} +1 -1
  116. package/components/p-q_MHsaAK.js +1 -0
  117. package/components/{p-eGuQ8D3W.js → p-viP8I2_s.js} +1 -1
  118. package/dist/cjs/{a11y-_XjpTo2w.js → a11y--G19CFwe.js} +1 -0
  119. package/dist/cjs/{animation-hxDbANsw.js → animation-BIfSQAkX.js} +8 -12
  120. package/dist/cjs/{base-button-BP6iIMR7.js → base-button-DIhNZecD.js} +1 -1
  121. package/dist/cjs/{base-icon-button-BmiGQb9v.js → base-icon-button-DASKxRmK.js} +1 -1
  122. package/dist/cjs/{focus-visible.mixin-1V7Eldn_.js → focus-visible.mixin-GrZAmMez.js} +1 -1
  123. package/dist/cjs/{helper-text-util-Ci_KFQZ4.js → helper-text-util-EAfzAOH6.js} +1 -1
  124. package/dist/cjs/index.cjs.js +1 -1
  125. package/dist/cjs/inherit-aria-attributes.mixin-DZ_vNjkJ.js +306 -0
  126. package/dist/cjs/{input.fc-xGzM_I6q.js → input.fc-ellguRiE.js} +8 -3
  127. package/dist/cjs/ix-action-card.cjs.entry.js +1 -1
  128. package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
  129. package/dist/cjs/ix-avatar_2.cjs.entry.js +2 -2
  130. package/dist/cjs/ix-badge.cjs.entry.js +8 -159
  131. package/dist/cjs/ix-blind.cjs.entry.js +13 -7
  132. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +4 -157
  133. package/dist/cjs/ix-breadcrumb.cjs.entry.js +1 -1
  134. package/dist/cjs/ix-button.cjs.entry.js +4 -157
  135. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -4
  136. package/dist/cjs/ix-category-filter.cjs.entry.js +7 -7
  137. package/dist/cjs/ix-chat-input.cjs.entry.js +8 -8
  138. package/dist/cjs/ix-checkbox-group.cjs.entry.js +1 -1
  139. package/dist/cjs/ix-checkbox.cjs.entry.js +1 -1
  140. package/dist/cjs/ix-chip.cjs.entry.js +2 -157
  141. package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
  142. package/dist/cjs/ix-date-dropdown.cjs.entry.js +6 -6
  143. package/dist/cjs/ix-date-input.cjs.entry.js +3 -3
  144. package/dist/cjs/ix-date-picker.cjs.entry.js +15 -11
  145. package/dist/cjs/ix-datetime-input.cjs.entry.js +3 -3
  146. package/dist/cjs/ix-dropdown-button.cjs.entry.js +9 -6
  147. package/dist/cjs/ix-dropdown_2.cjs.entry.js +13 -7
  148. package/dist/cjs/ix-event-list-item.cjs.entry.js +1 -1
  149. package/dist/cjs/ix-event-list.cjs.entry.js +6 -2
  150. package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
  151. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
  152. package/dist/cjs/ix-flip-tile.cjs.entry.js +1 -1
  153. package/dist/cjs/ix-group.cjs.entry.js +9 -9
  154. package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
  155. package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -160
  156. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +5 -160
  157. package/dist/cjs/ix-input.cjs.entry.js +3 -3
  158. package/dist/cjs/ix-menu-avatar.cjs.entry.js +1 -1
  159. package/dist/cjs/ix-menu-category.cjs.entry.js +24 -166
  160. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +3 -3
  161. package/dist/cjs/ix-menu-item.cjs.entry.js +11 -160
  162. package/dist/cjs/ix-menu.cjs.entry.js +40 -18
  163. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  164. package/dist/cjs/ix-modal.cjs.entry.js +15 -8
  165. package/dist/cjs/ix-number-input.cjs.entry.js +16 -13
  166. package/dist/cjs/ix-pagination.cjs.entry.js +3 -3
  167. package/dist/cjs/ix-pane.cjs.entry.js +2 -2
  168. package/dist/cjs/ix-pill_4.cjs.entry.js +12 -160
  169. package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
  170. package/dist/cjs/ix-popover.cjs.entry.js +5 -156
  171. package/dist/cjs/ix-radio.cjs.entry.js +1 -1
  172. package/dist/cjs/ix-select.cjs.entry.js +10 -10
  173. package/dist/cjs/ix-slider.cjs.entry.js +1 -1
  174. package/dist/cjs/ix-textarea.cjs.entry.js +3 -3
  175. package/dist/cjs/ix-time-input.cjs.entry.js +3 -3
  176. package/dist/cjs/ix-toggle-button.cjs.entry.js +4 -159
  177. package/dist/cjs/ix-toggle.cjs.entry.js +2 -155
  178. package/dist/cjs/ix-tooltip.cjs.entry.js +6 -2
  179. package/dist/cjs/ix-tree.cjs.entry.js +1 -0
  180. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  181. package/dist/cjs/ix-workflow-step.cjs.entry.js +11 -5
  182. package/dist/cjs/loader.cjs.js +1 -1
  183. package/dist/cjs/siemens-ix.cjs.js +1 -1
  184. package/dist/collection/components/badge/badge.js +7 -5
  185. package/dist/collection/components/badge/test/badge.page.js +6 -2
  186. package/dist/collection/components/blind/blind.js +11 -5
  187. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +108 -0
  188. package/dist/collection/components/button/button.css +54 -0
  189. package/dist/collection/components/card-accordion/card-accordion.js +7 -4
  190. package/dist/collection/components/category-filter/category-filter.css +54 -0
  191. package/dist/collection/components/category-filter/category-filter.js +4 -4
  192. package/dist/collection/components/chat-input/chat-input.js +8 -8
  193. package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
  194. package/dist/collection/components/date-dropdown/date-dropdown.js +4 -4
  195. package/dist/collection/components/date-picker/date-picker.js +15 -11
  196. package/dist/collection/components/dropdown/dropdown.js +11 -5
  197. package/dist/collection/components/dropdown-button/dropdown-button.css +9 -180
  198. package/dist/collection/components/dropdown-button/dropdown-button.js +7 -4
  199. package/dist/collection/components/event-list/event-list.js +6 -2
  200. package/dist/collection/components/group/group.js +9 -9
  201. package/dist/collection/components/icon-button/icon-button.css +54 -0
  202. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +54 -0
  203. package/dist/collection/components/input/input.util.js +6 -1
  204. package/dist/collection/components/input/number-input.js +13 -10
  205. package/dist/collection/components/menu/menu-expand-icon.css +6 -0
  206. package/dist/collection/components/menu/menu.js +39 -17
  207. package/dist/collection/components/menu-category/menu-category.js +22 -11
  208. package/dist/collection/components/menu-item/menu-item.js +9 -5
  209. package/dist/collection/components/modal/modal.js +13 -6
  210. package/dist/collection/components/modal-header/modal-header.js +2 -2
  211. package/dist/collection/components/pagination/pagination.css +54 -0
  212. package/dist/collection/components/popover/popover.js +3 -1
  213. package/dist/collection/components/popover/test/popover.page.js +3 -2
  214. package/dist/collection/components/select/select.js +9 -9
  215. package/dist/collection/components/tabs/tabs.js +10 -5
  216. package/dist/collection/components/time-picker/test/expect-defined.js +13 -0
  217. package/dist/collection/components/time-picker/time-picker.js +5 -5
  218. package/dist/collection/components/toggle-button/toggle-button.css +54 -0
  219. package/dist/collection/components/tooltip/tooltip.js +6 -2
  220. package/dist/collection/components/utils/a11y.js +1 -1
  221. package/dist/collection/components/utils/animation.js +8 -12
  222. package/dist/collection/components/utils/internal/mixins/accessibility/aria-attribute-observer.js +106 -0
  223. package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +175 -166
  224. package/dist/collection/components/utils/lazy-list/lazy.js +1 -0
  225. package/dist/collection/components/workflow-step/workflow-step.css +2 -2
  226. package/dist/collection/components/workflow-step/workflow-step.js +10 -4
  227. package/dist/collection/tests/utils/test/page.js +3 -0
  228. package/dist/esm/{a11y-C21npbUc.js → a11y-DD206pTM.js} +1 -1
  229. package/dist/esm/{animation-DNIQ2C1K.js → animation-BqeSHO6C.js} +8 -12
  230. package/dist/esm/{base-button-DZdtpLxn.js → base-button-Oanl-VqF.js} +1 -1
  231. package/dist/esm/{base-icon-button-DufFLJC-.js → base-icon-button-CxmfMOOd.js} +1 -1
  232. package/dist/esm/{focus-visible.mixin-CaRK3Ex_.js → focus-visible.mixin-DNYMa4dY.js} +1 -1
  233. package/dist/esm/{helper-text-util-sQKO6RPJ.js → helper-text-util-BJ-ZMW2J.js} +1 -1
  234. package/dist/esm/index.js +1 -1
  235. package/dist/esm/inherit-aria-attributes.mixin-BmTKblYV.js +304 -0
  236. package/dist/esm/{input.fc-DliqEtCM.js → input.fc-Cwmx0lGN.js} +8 -3
  237. package/dist/esm/ix-action-card.entry.js +1 -1
  238. package/dist/esm/ix-application-header.entry.js +1 -1
  239. package/dist/esm/ix-avatar_2.entry.js +2 -2
  240. package/dist/esm/ix-badge.entry.js +8 -159
  241. package/dist/esm/ix-blind.entry.js +13 -7
  242. package/dist/esm/ix-breadcrumb-item.entry.js +4 -157
  243. package/dist/esm/ix-breadcrumb.entry.js +1 -1
  244. package/dist/esm/ix-button.entry.js +4 -157
  245. package/dist/esm/ix-card-accordion_2.entry.js +7 -4
  246. package/dist/esm/ix-category-filter.entry.js +7 -7
  247. package/dist/esm/ix-chat-input.entry.js +8 -8
  248. package/dist/esm/ix-checkbox-group.entry.js +1 -1
  249. package/dist/esm/ix-checkbox.entry.js +1 -1
  250. package/dist/esm/ix-chip.entry.js +2 -157
  251. package/dist/esm/ix-col_4.entry.js +5 -5
  252. package/dist/esm/ix-date-dropdown.entry.js +6 -6
  253. package/dist/esm/ix-date-input.entry.js +3 -3
  254. package/dist/esm/ix-date-picker.entry.js +15 -11
  255. package/dist/esm/ix-datetime-input.entry.js +3 -3
  256. package/dist/esm/ix-dropdown-button.entry.js +9 -6
  257. package/dist/esm/ix-dropdown_2.entry.js +13 -7
  258. package/dist/esm/ix-event-list-item.entry.js +1 -1
  259. package/dist/esm/ix-event-list.entry.js +6 -2
  260. package/dist/esm/ix-field-label_2.entry.js +2 -2
  261. package/dist/esm/ix-filter-chip_2.entry.js +2 -2
  262. package/dist/esm/ix-flip-tile.entry.js +1 -1
  263. package/dist/esm/ix-group.entry.js +9 -9
  264. package/dist/esm/ix-helper-text.entry.js +2 -2
  265. package/dist/esm/ix-icon-button_2.entry.js +5 -160
  266. package/dist/esm/ix-icon-toggle-button.entry.js +5 -160
  267. package/dist/esm/ix-input.entry.js +3 -3
  268. package/dist/esm/ix-menu-avatar.entry.js +1 -1
  269. package/dist/esm/ix-menu-category.entry.js +24 -166
  270. package/dist/esm/ix-menu-expand-icon.entry.js +3 -3
  271. package/dist/esm/ix-menu-item.entry.js +11 -160
  272. package/dist/esm/ix-menu.entry.js +40 -18
  273. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  274. package/dist/esm/ix-modal.entry.js +15 -8
  275. package/dist/esm/ix-number-input.entry.js +16 -13
  276. package/dist/esm/ix-pagination.entry.js +3 -3
  277. package/dist/esm/ix-pane.entry.js +2 -2
  278. package/dist/esm/ix-pill_4.entry.js +12 -160
  279. package/dist/esm/ix-popover-header.entry.js +1 -1
  280. package/dist/esm/ix-popover.entry.js +5 -156
  281. package/dist/esm/ix-radio.entry.js +1 -1
  282. package/dist/esm/ix-select.entry.js +10 -10
  283. package/dist/esm/ix-slider.entry.js +1 -1
  284. package/dist/esm/ix-textarea.entry.js +3 -3
  285. package/dist/esm/ix-time-input.entry.js +3 -3
  286. package/dist/esm/ix-toggle-button.entry.js +4 -159
  287. package/dist/esm/ix-toggle.entry.js +2 -155
  288. package/dist/esm/ix-tooltip.entry.js +6 -2
  289. package/dist/esm/ix-tree.entry.js +1 -0
  290. package/dist/esm/ix-upload.entry.js +1 -1
  291. package/dist/esm/ix-workflow-step.entry.js +11 -5
  292. package/dist/esm/loader.js +1 -1
  293. package/dist/esm/siemens-ix.js +1 -1
  294. package/dist/siemens-ix/index.esm.js +1 -1
  295. package/dist/siemens-ix/p-0409f281.entry.js +1 -0
  296. package/dist/siemens-ix/{p-2e780c86.entry.js → p-0819923e.entry.js} +1 -1
  297. package/dist/siemens-ix/p-0b875bbd.entry.js +1 -0
  298. package/dist/siemens-ix/p-1a7b51d8.entry.js +1 -0
  299. package/dist/siemens-ix/{p-2b0ffba0.entry.js → p-1aef893c.entry.js} +1 -1
  300. package/dist/siemens-ix/{p-03745110.entry.js → p-213059a9.entry.js} +1 -1
  301. package/dist/siemens-ix/p-24138425.entry.js +1 -0
  302. package/dist/siemens-ix/{p-29e8126a.entry.js → p-32104d25.entry.js} +1 -1
  303. package/dist/siemens-ix/{p-447d52de.entry.js → p-35042cda.entry.js} +1 -1
  304. package/dist/siemens-ix/p-351e8732.entry.js +1 -0
  305. package/dist/siemens-ix/{p-884fd236.entry.js → p-38eef16a.entry.js} +1 -1
  306. package/dist/siemens-ix/p-3a60004f.entry.js +1 -0
  307. package/dist/siemens-ix/p-3ad11c04.entry.js +1 -0
  308. package/dist/siemens-ix/p-3c92d126.entry.js +1 -0
  309. package/dist/siemens-ix/{p-d0649c07.entry.js → p-3fe85552.entry.js} +1 -1
  310. package/dist/siemens-ix/{p-f4575603.entry.js → p-40239cf6.entry.js} +1 -1
  311. package/dist/siemens-ix/{p-a92495b8.entry.js → p-403b7d10.entry.js} +1 -1
  312. package/dist/siemens-ix/p-4739e88e.entry.js +1 -0
  313. package/dist/siemens-ix/p-4c765c73.entry.js +1 -0
  314. package/dist/siemens-ix/{p-0b10bb78.entry.js → p-50ece3e2.entry.js} +1 -1
  315. package/dist/siemens-ix/p-53319a22.entry.js +1 -0
  316. package/dist/siemens-ix/{p-1fbb010f.entry.js → p-571a1628.entry.js} +1 -1
  317. package/dist/siemens-ix/{p-4079292f.entry.js → p-60f7be48.entry.js} +1 -1
  318. package/dist/siemens-ix/p-643ed439.entry.js +1 -0
  319. package/dist/siemens-ix/p-6505e43d.entry.js +1 -0
  320. package/dist/siemens-ix/{p-217dc62a.entry.js → p-675e2aa8.entry.js} +1 -1
  321. package/dist/siemens-ix/{p-99b97922.entry.js → p-79a08a2a.entry.js} +1 -1
  322. package/dist/siemens-ix/p-83827bb2.entry.js +1 -0
  323. package/dist/siemens-ix/p-859294b4.entry.js +1 -0
  324. package/dist/siemens-ix/p-8af23465.entry.js +1 -0
  325. package/dist/siemens-ix/{p-6ffe8ec7.entry.js → p-8bc225b7.entry.js} +1 -1
  326. package/dist/siemens-ix/p-9254cb19.entry.js +1 -0
  327. package/dist/siemens-ix/p-9c6e5dcc.entry.js +1 -0
  328. package/dist/siemens-ix/{p-bf827cb3.entry.js → p-9df616d3.entry.js} +1 -1
  329. package/dist/siemens-ix/p-Bemn50Nk.js +1 -0
  330. package/dist/siemens-ix/p-BqeSHO6C.js +1 -0
  331. package/dist/siemens-ix/{p-HpQs38Y0.js → p-CDKWxg_L.js} +1 -1
  332. package/dist/siemens-ix/{p-CXbob2Ew.js → p-CLxF-dX8.js} +1 -1
  333. package/dist/siemens-ix/p-Cv_omozQ.js +1 -0
  334. package/dist/siemens-ix/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
  335. package/dist/siemens-ix/p-a05bf6b5.entry.js +1 -0
  336. package/dist/siemens-ix/p-a4c3f3d3.entry.js +1 -0
  337. package/dist/siemens-ix/{p-836df58e.entry.js → p-aa0770ab.entry.js} +1 -1
  338. package/dist/siemens-ix/{p-89f6329b.entry.js → p-b5bf48cb.entry.js} +1 -1
  339. package/dist/siemens-ix/p-b9dcbd84.entry.js +1 -0
  340. package/dist/siemens-ix/{p-f3528209.entry.js → p-c393c20e.entry.js} +1 -1
  341. package/dist/siemens-ix/{p-b3eaf43d.entry.js → p-caac5984.entry.js} +1 -1
  342. package/dist/siemens-ix/p-cfd75035.entry.js +1 -0
  343. package/dist/siemens-ix/{p-47e2c5a1.entry.js → p-d4d99140.entry.js} +1 -1
  344. package/dist/siemens-ix/p-d94ad8f8.entry.js +1 -0
  345. package/dist/siemens-ix/p-da700215.entry.js +1 -0
  346. package/dist/siemens-ix/p-ddb49318.entry.js +1 -0
  347. package/dist/siemens-ix/{p-1afa8fb3.entry.js → p-de9a4607.entry.js} +1 -1
  348. package/dist/siemens-ix/{p-4b85292e.entry.js → p-e2e7c16a.entry.js} +1 -1
  349. package/dist/siemens-ix/p-e5239c6d.entry.js +1 -0
  350. package/dist/siemens-ix/p-e87e947c.entry.js +1 -0
  351. package/dist/siemens-ix/p-e8d73d19.entry.js +1 -0
  352. package/dist/siemens-ix/{p-0329eb6e.entry.js → p-e8f5519f.entry.js} +1 -1
  353. package/dist/siemens-ix/{p-92804589.entry.js → p-f7f6cf46.entry.js} +1 -1
  354. package/dist/siemens-ix/{p-bd2f7002.entry.js → p-fcfecc91.entry.js} +1 -1
  355. package/dist/siemens-ix/{p-kmPsIcs5.js → p-rgh7lt60.js} +1 -1
  356. package/dist/siemens-ix/p-xptA1Kt1.js +1 -0
  357. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  358. package/dist/types/components/badge/badge.d.ts +1 -16
  359. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +1 -16
  360. package/dist/types/components/button/button.d.ts +1 -16
  361. package/dist/types/components/chip/chip.d.ts +1 -16
  362. package/dist/types/components/dropdown/dropdown-focus.d.ts +1 -1
  363. package/dist/types/components/group/group.d.ts +1 -1
  364. package/dist/types/components/icon-button/icon-button.d.ts +2 -17
  365. package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +1 -16
  366. package/dist/types/components/input/input.util.d.ts +2 -3
  367. package/dist/types/components/input/number-input.d.ts +1 -0
  368. package/dist/types/components/menu/menu.d.ts +1 -1
  369. package/dist/types/components/menu-category/menu-category.d.ts +2 -17
  370. package/dist/types/components/menu-item/menu-item.d.ts +1 -16
  371. package/dist/types/components/modal/modal.d.ts +1 -0
  372. package/dist/types/components/modal-header/modal-header.d.ts +1 -1
  373. package/dist/types/components/popover/popover.d.ts +1 -16
  374. package/dist/types/components/tabs/tabs.d.ts +3 -16
  375. package/dist/types/components/time-picker/test/expect-defined.d.ts +1 -0
  376. package/dist/types/components/toggle/toggle.d.ts +1 -16
  377. package/dist/types/components/toggle-button/toggle-button.d.ts +1 -16
  378. package/dist/types/components/tree/tree.d.ts +1 -1
  379. package/dist/types/components/utils/a11y.d.ts +1 -0
  380. package/dist/types/components/utils/internal/mixins/accessibility/aria-attribute-observer.d.ts +7 -0
  381. package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +7 -18
  382. package/dist/types/components/utils/shadow-dom.d.ts +1 -1
  383. package/dist/types/components/workflow-step/workflow-step.d.ts +1 -0
  384. package/hydrate/index.js +535 -2015
  385. package/hydrate/index.mjs +535 -2015
  386. package/package.json +1 -1
  387. package/components/p-1FBWW6v2.js +0 -1
  388. package/components/p-BDnx22Gp.js +0 -1
  389. package/components/p-BHoJOFM-.js +0 -1
  390. package/components/p-BST8QY5w.js +0 -1
  391. package/components/p-BcbFeRB0.js +0 -1
  392. package/components/p-CLDB-pmj.js +0 -1
  393. package/components/p-CRtj-KBq.js +0 -1
  394. package/components/p-CTRSoM-z.js +0 -1
  395. package/components/p-CgPr717U.js +0 -1
  396. package/components/p-CvAmaEU2.js +0 -1
  397. package/components/p-DNIQ2C1K.js +0 -1
  398. package/components/p-DdlGyKd2.js +0 -1
  399. package/components/p-DtWFUcZO.js +0 -1
  400. package/components/p-DylHkzl6.js +0 -1
  401. package/components/p-NXyac9kC.js +0 -1
  402. package/components/p-hf_zqlB1.js +0 -1
  403. package/dist/cjs/inherit-aria-attributes.mixin-EyRU0cDO.js +0 -36
  404. package/dist/esm/inherit-aria-attributes.mixin-nCmPujqf.js +0 -34
  405. package/dist/siemens-ix/p-0555a6fb.entry.js +0 -1
  406. package/dist/siemens-ix/p-05c35730.entry.js +0 -1
  407. package/dist/siemens-ix/p-0f2ac675.entry.js +0 -1
  408. package/dist/siemens-ix/p-12bce791.entry.js +0 -1
  409. package/dist/siemens-ix/p-30008054.entry.js +0 -1
  410. package/dist/siemens-ix/p-488b7074.entry.js +0 -1
  411. package/dist/siemens-ix/p-49d8b129.entry.js +0 -1
  412. package/dist/siemens-ix/p-55a57ce6.entry.js +0 -1
  413. package/dist/siemens-ix/p-55ae6204.entry.js +0 -1
  414. package/dist/siemens-ix/p-55e8ad3b.entry.js +0 -1
  415. package/dist/siemens-ix/p-5f48d238.entry.js +0 -1
  416. package/dist/siemens-ix/p-64432fa0.entry.js +0 -1
  417. package/dist/siemens-ix/p-6ebf66b8.entry.js +0 -1
  418. package/dist/siemens-ix/p-7690a56d.entry.js +0 -1
  419. package/dist/siemens-ix/p-80d7a07a.entry.js +0 -1
  420. package/dist/siemens-ix/p-816bcf01.entry.js +0 -1
  421. package/dist/siemens-ix/p-86ad005e.entry.js +0 -1
  422. package/dist/siemens-ix/p-8c3e7613.entry.js +0 -1
  423. package/dist/siemens-ix/p-8df1362f.entry.js +0 -1
  424. package/dist/siemens-ix/p-9094212f.entry.js +0 -1
  425. package/dist/siemens-ix/p-99df3561.entry.js +0 -1
  426. package/dist/siemens-ix/p-B4oiZyZC.js +0 -1
  427. package/dist/siemens-ix/p-DNIQ2C1K.js +0 -1
  428. package/dist/siemens-ix/p-a1d79970.entry.js +0 -1
  429. package/dist/siemens-ix/p-a7d695f5.entry.js +0 -1
  430. package/dist/siemens-ix/p-baf74d39.entry.js +0 -1
  431. package/dist/siemens-ix/p-bf75d77b.entry.js +0 -1
  432. package/dist/siemens-ix/p-cddc43e2.entry.js +0 -1
  433. package/dist/siemens-ix/p-cfd83faa.entry.js +0 -1
  434. package/dist/siemens-ix/p-fff1f8b1.entry.js +0 -1
  435. package/dist/siemens-ix/p-vphIrWGB.js +0 -1
  436. package/dist/siemens-ix/p-yUgQMMln.js +0 -1
  437. /package/dist/siemens-ix/{p-383e95ad.entry.js → p-f4d8f94b.entry.js} +0 -0
package/components/ix-breadcrumb-item.js CHANGED
@@ -1 +1 @@
1
- import{p as r,M as e,e as t,h as o,F as a,d,t as n}from"./p-eN5fQtqO.js";import{B as b}from"./p-BQ-hS49k.js";import{u as s}from"./p-DsVj4Cd-.js";import{D as i}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{d as c}from"./p-D7sEY2UQ.js";const h=r(class extends(e(...i,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.itemClick=t(this,"itemClick",7)}get hostElement(){return this}label;icon;href;target="_self";breadcrumbKey;rel;subtle=!1;invisible=!1;hideChevron=!1;isDropdownTrigger=!1;isCurrentPage=!1;itemClick;componentWillLoad(){super.componentWillLoad(),this.validateProps()}validateProps(){this.breadcrumbKey||console.warn('[IxBreadcrumbItem] The "breadcrumbKey" prop is required for breadcrumb items to function properly.',this.hostElement)}render(){if(this.invisible)return o(d,{class:"invisible","aria-hidden":!0});const r=this.label??this.hostElement.textContent?.trim(),e={...this.inheritAriaAttributes,"aria-label":this.inheritAriaAttributes["aria-label"]??r,...this.isCurrentPage?{"aria-current":"page"}:{}};return o(d,{class:{"hide-chevron":this.hideChevron},onClick:()=>this.itemClick.emit({breadcrumbKey:this.breadcrumbKey,label:this.label??this.hostElement.textContent?.trim()??""})},o(b,{variant:!this.hideChevron&&this.subtle?"subtle-primary":"tertiary",iconOnly:!1,iconOval:!1,disabled:!1,icon:this.icon,iconSize:"16",loading:!1,selected:!1,type:"button",tabIndex:-1!==this.hostElement.tabIndex?this.hostElement.tabIndex:0,extraClasses:{"dropdown-trigger":this.isDropdownTrigger},ariaAttributes:e,href:this.href,target:this.target,rel:this.rel,afterContent:o(a,null,!this.hideChevron&&o("ix-icon",{name:s,size:"16",class:"chevron"}))},this.label,o("slot",null)))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],breadcrumbKey:[{validateProps:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{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.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}: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-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,: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-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{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.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}: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-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,: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-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{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.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}: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-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,: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-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{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.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}: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-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,: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-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host 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}"}},[769,"ix-breadcrumb-item",{label:[1],icon:[1],href:[1],target:[1],breadcrumbKey:[1,"breadcrumb-key"],rel:[1],subtle:[4],invisible:[4],hideChevron:[4,"hide-chevron"],isDropdownTrigger:[4,"is-dropdown-trigger"],isCurrentPage:[4,"is-current-page"],inheritAriaAttributes:[32]},void 0,{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],breadcrumbKey:[{validateProps:0}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-breadcrumb-item","ix-spinner"].forEach((r=>{switch(r){case"ix-breadcrumb-item":customElements.get(n(r))||customElements.define(n(r),h);break;case"ix-spinner":customElements.get(n(r))||c()}}))};export{u as IxBreadcrumbItem,v as defineCustomElement}
1
+ import{p as r,M as e,e as t,h as o,F as a,d,t as n}from"./p-eN5fQtqO.js";import{B as b}from"./p-CRbQNmxe.js";import{u as s}from"./p-DsVj4Cd-.js";import{D as i}from"./p-CApDAYIa.js";import{I as l}from"./p-BF2IsI5j.js";import{d as c}from"./p-BKVBe7Co.js";const h=r(class extends(e(...i,l)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.itemClick=t(this,"itemClick",7)}get hostElement(){return this}label;icon;href;target="_self";breadcrumbKey;rel;subtle=!1;invisible=!1;hideChevron=!1;isDropdownTrigger=!1;isCurrentPage=!1;itemClick;componentWillLoad(){super.componentWillLoad(),this.validateProps()}validateProps(){this.breadcrumbKey||console.warn('[IxBreadcrumbItem] The "breadcrumbKey" prop is required for breadcrumb items to function properly.',this.hostElement)}render(){if(this.invisible)return o(d,{class:"invisible","aria-hidden":!0});const r=this.label??this.hostElement.textContent?.trim(),e={...this.inheritAriaAttributes,"aria-label":this.inheritAriaAttributes["aria-label"]??r,...this.isCurrentPage?{"aria-current":"page"}:{}};return o(d,{class:{"hide-chevron":this.hideChevron},onClick:()=>this.itemClick.emit({breadcrumbKey:this.breadcrumbKey,label:this.label??this.hostElement.textContent?.trim()??""})},o(b,{variant:!this.hideChevron&&this.subtle?"subtle-primary":"tertiary",iconOnly:!1,iconOval:!1,disabled:!1,icon:this.icon,iconSize:"16",loading:!1,selected:!1,type:"button",tabIndex:-1!==this.hostElement.tabIndex?this.hostElement.tabIndex:0,extraClasses:{"dropdown-trigger":this.isDropdownTrigger},ariaAttributes:e,href:this.href,target:this.target,rel:this.rel,afterContent:o(a,null,!this.hideChevron&&o("ix-icon",{name:s,size:"16",class:"chevron"}))},this.label,o("slot",null)))}static get watchers(){return{breadcrumbKey:[{validateProps:0}]}}static get style(){return":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{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.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}: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-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,: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(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){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-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{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.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}: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-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,: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(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){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-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{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.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}: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-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,: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(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){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-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{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.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}: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-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,: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(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){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-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host 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}"}},[769,"ix-breadcrumb-item",{label:[1],icon:[1],href:[1],target:[1],breadcrumbKey:[1,"breadcrumb-key"],rel:[1],subtle:[4],invisible:[4],hideChevron:[4,"hide-chevron"],isDropdownTrigger:[4,"is-dropdown-trigger"],isCurrentPage:[4,"is-current-page"],inheritAriaAttributes:[32]},void 0,{breadcrumbKey:[{validateProps:0}]}]),u=h,v=function(){"undefined"!=typeof customElements&&["ix-breadcrumb-item","ix-spinner"].forEach((r=>{switch(r){case"ix-breadcrumb-item":customElements.get(n(r))||customElements.define(n(r),h);break;case"ix-spinner":customElements.get(n(r))||c()}}))};export{u as IxBreadcrumbItem,v as defineCustomElement}
package/components/ix-breadcrumb.js CHANGED
@@ -1 +1 @@
1
- import{p as t,M as e,e as o,h as s,d as r,t as i}from"./p-eN5fQtqO.js";import{u as a}from"./p-DsVj4Cd-.js";import{b as n}from"./p-C21npbUc.js";import{D as c}from"./p-CApDAYIa.js";import{c as b}from"./p-CX81WQtk.js";import{d}from"./p-CRtj-KBq.js";import{d as l}from"./p-CLDB-pmj.js";import{d as h}from"./p-CvAmaEU2.js";import{d as m}from"./p-CUpOF7jN.js";import{d as u}from"./p-DdlGyKd2.js";import{d as p}from"./p-D7sEY2UQ.js";const x=t(class extends(e(...c)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=o(this,"itemClick",7),this.nextClick=o(this,"nextClick",7)}get hostElement(){return this}visibleItemCount=9;nextItems=[];onNextItemsChange(){this.onChildMutation()}subtle=!1;ariaLabelPreviousButton="Show previous breadcrumb items";enableTopLayer=!1;itemClick;nextClick;items=[];isNextDropdownExpanded=!1;shouldRenderNextDropdown=!1;mutationObserver;inheritAriaAttributes={};onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=b((()=>this.onChildMutation())),this.mutationObserver.observe(this.hostElement,{subtree:!0,childList:!0})}componentWillLoad(){this.inheritAriaAttributes=n(this.hostElement),this.onChildMutation()}disconnectedCallback(){this.mutationObserver?.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,o)=>{const s=t.length-1===o,r=0!==this.nextItems.length&&s;e.subtle=this.subtle,e.hideChevron=s&&!r,e.isDropdownTrigger=r,e.isCurrentPage=s,e.invisible=!!r||o<t.length-this.visibleItemCount})),this.shouldRenderNextDropdown=0!==this.nextItems.length,this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}onNextDropdownExpandedChange(){this.onChildMutation()}render(){const t=this.items?.[this.items.length-1];return this.inheritAriaAttributes["aria-label"]=this.inheritAriaAttributes["aria-label"]??"Breadcrumbs",s(r,{key:"37f2bfb26bb8702d913b0e08e1f9efd9a87302ea",...this.inheritAriaAttributes,role:"navigation"},this.items?.length>this.visibleItemCount&&s("ix-dropdown-button",{key:"cf27730357a389142d8649e385e6421135a18fb7","aria-label":this.ariaLabelPreviousButton,label:"...",variant:"tertiary",class:"previous-button",enableTopLayer:this.enableTopLayer},s("ix-icon",{key:"cf60a8e89ddda0271644cf1e7121f7859cebedc6",slot:"button-label",name:a,size:"16",class:"chevron"}),this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{const e=t.label??t.innerText;return s("ix-dropdown-item",{label:e,onClick:()=>{this.onItemClick({breadcrumbKey:t.breadcrumbKey,label:e})},onItemClick:t=>t.stopPropagation()})}))),s("div",{key:"f54124b5a685d6e7cbba1bd2f83e4175ff28a9b2",class:"crumb-items"},s("slot",{key:"293ff2dc40f01cf55af9ec10367f1daed671c212"})),this.shouldRenderNextDropdown&&s("ix-dropdown-button",{key:"dfc9d903801442df97393e02e0e95b710b22e34f",label:t.label??t.innerText,class:"next-button",variant:"tertiary",enableTopLayer:this.enableTopLayer,"aria-current":"page"},s("ix-icon",{key:"feccea5c466a8239ea5d8be52c004b376adb257b",slot:"button-label",name:a,size:"16",class:"chevron"}),this.nextItems?.map((t=>s("ix-dropdown-item",{label:t.label,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}static get delegatesFocus(){return!0}static get watchers(){return{nextItems:[{onNextItemsChange:0}],isNextDropdownExpanded:[{onNextDropdownExpandedChange:0}]}}static get style(){return":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .previous-button{width:auto;min-width:0px;margin-right:0.25rem}: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}:host .chevron{margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}"}},[785,"ix-breadcrumb",{visibleItemCount:[2,"visible-item-count"],nextItems:[16],subtle:[4],ariaLabelPreviousButton:[1,"aria-label-previous-button"],enableTopLayer:[4,"enable-top-layer"],items:[32],isNextDropdownExpanded:[32],shouldRenderNextDropdown:[32]},void 0,{nextItems:[{onNextItemsChange:0}],isNextDropdownExpanded:[{onNextDropdownExpandedChange:0}]}]),f=x,k=function(){"undefined"!=typeof customElements&&["ix-breadcrumb","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-breadcrumb":customElements.get(i(t))||customElements.define(i(t),x);break;case"ix-button":customElements.get(i(t))||d();break;case"ix-dropdown":customElements.get(i(t))||l();break;case"ix-dropdown-button":customElements.get(i(t))||h();break;case"ix-dropdown-item":customElements.get(i(t))||m();break;case"ix-icon-button":customElements.get(i(t))||u();break;case"ix-spinner":customElements.get(i(t))||p()}}))};export{f as IxBreadcrumb,k as defineCustomElement}
1
+ import{p as t,M as e,e as o,h as s,d as r,t as i}from"./p-eN5fQtqO.js";import{u as a}from"./p-DsVj4Cd-.js";import{b as n}from"./p-DD206pTM.js";import{D as c}from"./p-CApDAYIa.js";import{c as b}from"./p-CX81WQtk.js";import{d}from"./p-q_MHsaAK.js";import{d as l}from"./p-CGGWaScq.js";import{d as h}from"./p-DzDB4UBp.js";import{d as m}from"./p-n2_EOgMr.js";import{d as u}from"./p-CiP3eKpd.js";import{d as p}from"./p-BKVBe7Co.js";const x=t(class extends(e(...c)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.itemClick=o(this,"itemClick",7),this.nextClick=o(this,"nextClick",7)}get hostElement(){return this}visibleItemCount=9;nextItems=[];onNextItemsChange(){this.onChildMutation()}subtle=!1;ariaLabelPreviousButton="Show previous breadcrumb items";enableTopLayer=!1;itemClick;nextClick;items=[];isNextDropdownExpanded=!1;shouldRenderNextDropdown=!1;mutationObserver;inheritAriaAttributes={};onItemClick(t){this.itemClick.emit(t)}componentDidLoad(){this.mutationObserver=b((()=>this.onChildMutation())),this.mutationObserver.observe(this.hostElement,{subtree:!0,childList:!0})}componentWillLoad(){this.inheritAriaAttributes=n(this.hostElement),this.onChildMutation()}disconnectedCallback(){this.mutationObserver?.disconnect()}async onChildMutation(){const t=this.getItems();t.forEach(((e,o)=>{const s=t.length-1===o,r=0!==this.nextItems.length&&s;e.subtle=this.subtle,e.hideChevron=s&&!r,e.isDropdownTrigger=r,e.isCurrentPage=s,e.invisible=!!r||o<t.length-this.visibleItemCount})),this.shouldRenderNextDropdown=0!==this.nextItems.length,this.items=t}getItems(){return Array.from(this.hostElement.querySelectorAll("ix-breadcrumb-item"))}onNextDropdownExpandedChange(){this.onChildMutation()}render(){const t=this.items?.[this.items.length-1];return this.inheritAriaAttributes["aria-label"]=this.inheritAriaAttributes["aria-label"]??"Breadcrumbs",s(r,{key:"37f2bfb26bb8702d913b0e08e1f9efd9a87302ea",...this.inheritAriaAttributes,role:"navigation"},this.items?.length>this.visibleItemCount&&s("ix-dropdown-button",{key:"cf27730357a389142d8649e385e6421135a18fb7","aria-label":this.ariaLabelPreviousButton,label:"...",variant:"tertiary",class:"previous-button",enableTopLayer:this.enableTopLayer},s("ix-icon",{key:"cf60a8e89ddda0271644cf1e7121f7859cebedc6",slot:"button-label",name:a,size:"16",class:"chevron"}),this.items.slice(0,this.items.length-this.visibleItemCount).map((t=>{const e=t.label??t.innerText;return s("ix-dropdown-item",{label:e,onClick:()=>{this.onItemClick({breadcrumbKey:t.breadcrumbKey,label:e})},onItemClick:t=>t.stopPropagation()})}))),s("div",{key:"f54124b5a685d6e7cbba1bd2f83e4175ff28a9b2",class:"crumb-items"},s("slot",{key:"293ff2dc40f01cf55af9ec10367f1daed671c212"})),this.shouldRenderNextDropdown&&s("ix-dropdown-button",{key:"dfc9d903801442df97393e02e0e95b710b22e34f",label:t.label??t.innerText,class:"next-button",variant:"tertiary",enableTopLayer:this.enableTopLayer,"aria-current":"page"},s("ix-icon",{key:"feccea5c466a8239ea5d8be52c004b376adb257b",slot:"button-label",name:a,size:"16",class:"chevron"}),this.nextItems?.map((t=>s("ix-dropdown-item",{label:t.label,onClick:e=>{this.nextClick.emit({event:e,item:t})},onItemClick:t=>t.stopPropagation()})))))}static get delegatesFocus(){return!0}static get watchers(){return{nextItems:[{onNextItemsChange:0}],isNextDropdownExpanded:[{onNextDropdownExpandedChange:0}]}}static get style(){return":host{display:flex;justify-content:flex-start;height:2.5rem;align-items:center;background-color:transparent}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .previous-button{width:auto;min-width:0px;margin-right:0.25rem}: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}:host .chevron{margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}"}},[785,"ix-breadcrumb",{visibleItemCount:[2,"visible-item-count"],nextItems:[16],subtle:[4],ariaLabelPreviousButton:[1,"aria-label-previous-button"],enableTopLayer:[4,"enable-top-layer"],items:[32],isNextDropdownExpanded:[32],shouldRenderNextDropdown:[32]},void 0,{nextItems:[{onNextItemsChange:0}],isNextDropdownExpanded:[{onNextDropdownExpandedChange:0}]}]),f=x,k=function(){"undefined"!=typeof customElements&&["ix-breadcrumb","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-breadcrumb":customElements.get(i(t))||customElements.define(i(t),x);break;case"ix-button":customElements.get(i(t))||d();break;case"ix-dropdown":customElements.get(i(t))||l();break;case"ix-dropdown-button":customElements.get(i(t))||h();break;case"ix-dropdown-item":customElements.get(i(t))||m();break;case"ix-icon-button":customElements.get(i(t))||u();break;case"ix-spinner":customElements.get(i(t))||p()}}))};export{f as IxBreadcrumb,k as defineCustomElement}
package/components/ix-button.js CHANGED
@@ -1 +1 @@
1
- import{B as o,d as s}from"./p-CRtj-KBq.js";const t=o,p=s;export{t as IxButton,p as defineCustomElement}
1
+ import{B as s,d as o}from"./p-q_MHsaAK.js";const a=s,p=o;export{a as IxButton,p as defineCustomElement}
package/components/ix-card-accordion.js CHANGED
@@ -1 +1 @@
1
- import{C as o,d as s}from"./p-NXyac9kC.js";const a=o,p=s;export{a as IxCardAccordion,p as defineCustomElement}
1
+ import{C as o,d as s}from"./p-QnnFQ3fz.js";const n=o,p=s;export{n as IxCardAccordion,p as defineCustomElement}
package/components/ix-card-list.js CHANGED
@@ -1 +1 @@
1
- import{p as t,H as e,e as s,h as i,d as l,t as o,F as r}from"./p-eN5fQtqO.js";import{c as a}from"./p-CX81WQtk.js";import{e as n,v as h}from"./p-DsVj4Cd-.js";import{r as c}from"./p-BEuV0Xpe.js";import{d}from"./p-CRtj-KBq.js";import{d as _}from"./p-D6O-bCyA.js";import{d as m}from"./p-v9vlPlkd.js";import{d as b}from"./p-DdlGyKd2.js";import{d as u}from"./p-D7sEY2UQ.js";import{d as f}from"./p-YFmbQndr.js";function p(t){return t.label?i("div",{class:"CardList_Title"},i("ix-icon-button",{variant:"subtle-tertiary",icon:h,onClick:t.onClick,iconColor:"color-std-text",class:{CardList__Title__Button:!0,CardList__Title__Button__Collapsed:t.isCollapsed},"aria-label":t.ariaLabelExpandButton}),i("ix-typography",{class:"CardList_Title__Label",format:"body-lg"},t.label),!t.hideShowAll&&i("ix-button",{class:"CardList__Title__Show__All",variant:"tertiary",onClick:t.onShowAllClick},t.showLess?t.labelShowLess:i(r,null,i("span",null,t.showAllLabel),i("span",null,isNaN(t.showAllCounter)?null:` (${t.showAllCounter})`)))):null}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.collapseChanged=s(this,"collapseChanged",7),this.showAllClick=s(this,"showAllClick",7),this.showMoreCardClick=s(this,"showMoreCardClick",7)}ariaLabelExpandButton;label;collapse=!1;listStyle="stack";maxVisibleCards=12;showAllCount;suppressOverflowHandling=!1;hideShowAll=!1;i18nShowAll="Show all";i18nShowLess="Show less";i18nMoreCards="There are more cards available";collapseChanged;showAllClick;showMoreCardClick;get hostElement(){return this}isShowingAll=!1;hasOverflowingElements=!1;numberOfOverflowingElements=0;numberOfAllChildElements=0;leftScrollDistance=0;rightScrollDistance=0;observer;onCardListVisibilityToggle(){this.collapse=!this.collapse,this.collapseChanged.emit(this.collapse)}findFirstFocusable(t){const e=t.querySelector?.('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(e)return e;for(const e of Array.from(t.querySelectorAll?.("*")??[]))if(e.shadowRoot){const t=this.findFirstFocusable(e.shadowRoot);if(t)return t}return null}focusFirstVisibleCard(t=0){c((()=>{c((()=>{const s=this.getListChildren().slice(t).find((t=>t instanceof e&&!t.classList.contains("display-none")));if(!s)return;const i=s.shadowRoot?this.findFirstFocusable(s.shadowRoot):null;i?i.focus({preventScroll:!1}):s.hasAttribute("tabindex")?s.focus({preventScroll:!1}):(s.setAttribute("tabindex","-1"),s.focus({preventScroll:!1}),s.removeAttribute("tabindex"))}))}))}handleClick(t,e){const{defaultPrevented:s}=t.emit({nativeEvent:e});if(s)return;const i=this.isShowingAll,l=this.maxVisibleCards;this.isShowingAll=!this.isShowingAll,this.changeVisibilityOfSlotChildren(),i||this.focusFirstVisibleCard(l)}onShowAllClick(t){this.handleClick(this.showAllClick,t)}onShowMoreCardClick(t){if(t instanceof KeyboardEvent){if("Enter"!==t.key&&" "!==t.key)return;t.preventDefault()}this.handleClick(this.showMoreCardClick,t)}getListChildren(){return this.hostElement.shadowRoot.querySelector(".CardList__Content > slot").assignedElements({flatten:!0})}changeVisibilityOfSlotChildren(){const t=this.getListChildren(),s=this.isShowingAll?t.length:this.maxVisibleCards;t.forEach(((t,i)=>{if(t instanceof e){if(i>s-1)return void t.classList.add("display-none");t.classList.remove("display-none")}})),this.hasOverflowingElements=s<t.length,this.numberOfOverflowingElements=t.length-s,this.numberOfAllChildElements=t.length,c((()=>this.detectOverflow()))}registerOverflowHandler(){this.observer=a((()=>{this.changeVisibilityOfSlotChildren()})),this.observer.observe(this.hostElement.shadowRoot.querySelector(".CardList__Content"),{childList:!0,subtree:!0}),c((()=>{this.changeVisibilityOfSlotChildren()}))}shouldHandleOverflow(){return!this.suppressOverflowHandling&&("stack"===this.listStyle||"scroll"===this.listStyle||void 0)}get listElement(){return this.hostElement.shadowRoot.querySelector(".CardList__Content")}onCardListScroll(){this.detectOverflow()}isShowMoreCardVisible(){return!1===this.suppressOverflowHandling&&this.hasOverflowingElements}getOpacityFromScrollDistance(t){return this.listElement?0===t?0:t>100?1:t/100:0}computeMaskLayer(){return{"--ix-card-list-overflow":`linear-gradient(\n 90deg,\n transparent 0px,\n black ${80*(this.getOpacityFromScrollDistance(this.leftScrollDistance)>0?1:0)}px,\n black calc(100% - ${80*(this.getOpacityFromScrollDistance(this.rightScrollDistance)>0?1:0)}px),\n transparent 100%\n )`}}detectOverflow(){if(!this.listElement)return;const{clientWidth:t,scrollWidth:e,scrollLeft:s}=this.listElement;this.leftScrollDistance=s,this.rightScrollDistance=e-s-t}componentDidLoad(){this.shouldHandleOverflow()&&this.registerOverflowHandler()}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return i(l,{key:"b059c2e39c50301922ad5ed51cc4e246aa3e358d"},i(p,{key:"61a6b0c4fd65257a6754ce34d2564f6513709946",isCollapsed:this.collapse,label:this.label,showAllLabel:this.i18nShowAll,showAllCounter:void 0===this.showAllCount?this.numberOfAllChildElements:this.showAllCount,showLess:this.isShowingAll,labelShowLess:this.i18nShowLess,onClick:()=>this.onCardListVisibilityToggle(),onShowAllClick:t=>this.onShowAllClick(t),hideShowAll:this.hideShowAll}),i("div",{key:"5a328de0d50c9e5600cf7183145a372edd9f4305",class:{CardList__Overflow:!0},style:this.computeMaskLayer()},i("div",{key:"29b54713584c4e904f0dd7cb7240588c66efaddf",class:{CardList__Content:!0,CardList__Content__Collapsed:this.collapse,CardList__Style__Flexbox__Scroll:"stack"===this.listStyle,CardList__Style__Infinite__Scroll:"scroll"===this.listStyle},onScroll:()=>this.onCardListScroll()},i("slot",{key:"cf8bc87f8b737a784317993f72a9bcfb45a2db15",onSlotchange:()=>{this.changeVisibilityOfSlotChildren()}}),this.isShowMoreCardVisible()?i("ix-card",{role:"button",tabindex:"0","aria-label":`${this.i18nMoreCards} (${this.numberOfOverflowingElements})`,class:{Show__All__Card:!0},onClick:t=>this.onShowMoreCardClick(t),onKeyDown:t=>this.onShowMoreCardClick(t)},i("ix-card-content",null,i("div",{class:"Show__All__Card__Content"},i("ix-icon",{name:n,size:"32",class:"Show__All__Card__Icon"}),i("span",{class:"Show__All__Card__Text"},this.i18nMoreCards," (",this.numberOfOverflowingElements,")")))):null)))}static get style(){return":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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .CardList_Title{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:1rem}:host .CardList_Title__Label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .CardList__Title__Button{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}:host .CardList__Title__Button__Collapsed{transform:rotate(-180deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}: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 .Show__All__Card:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}: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;height:100%}: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}::slotted(.display-none){display:none !important}"}},[769,"ix-card-list",{ariaLabelExpandButton:[1,"aria-label-expand-button"],label:[1],collapse:[1028],listStyle:[1,"list-style"],maxVisibleCards:[2,"max-visible-cards"],showAllCount:[2,"show-all-count"],suppressOverflowHandling:[4,"suppress-overflow-handling"],hideShowAll:[4,"hide-show-all"],i18nShowAll:[1,"i18n-show-all"],i18nShowLess:[1,"i18n-show-less"],i18nMoreCards:[1,"i18n-more-cards"],isShowingAll:[32],hasOverflowingElements:[32],numberOfOverflowingElements:[32],numberOfAllChildElements:[32],leftScrollDistance:[32],rightScrollDistance:[32]},[[9,"resize","detectOverflow"]]]),C=w,x=function(){"undefined"!=typeof customElements&&["ix-card-list","ix-button","ix-card","ix-card-content","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-card-list":customElements.get(o(t))||customElements.define(o(t),w);break;case"ix-button":customElements.get(o(t))||d();break;case"ix-card":customElements.get(o(t))||_();break;case"ix-card-content":customElements.get(o(t))||m();break;case"ix-icon-button":customElements.get(o(t))||b();break;case"ix-spinner":customElements.get(o(t))||u();break;case"ix-typography":customElements.get(o(t))||f()}}))};export{C as IxCardList,x as defineCustomElement}
1
+ import{p as t,H as e,e as s,h as i,d as l,t as o,F as r}from"./p-eN5fQtqO.js";import{c as a}from"./p-CX81WQtk.js";import{e as n,v as h}from"./p-DsVj4Cd-.js";import{r as c}from"./p-BEuV0Xpe.js";import{d}from"./p-q_MHsaAK.js";import{d as _}from"./p-D6O-bCyA.js";import{d as m}from"./p-v9vlPlkd.js";import{d as b}from"./p-CiP3eKpd.js";import{d as u}from"./p-BKVBe7Co.js";import{d as f}from"./p-YFmbQndr.js";function p(t){return t.label?i("div",{class:"CardList_Title"},i("ix-icon-button",{variant:"subtle-tertiary",icon:h,onClick:t.onClick,iconColor:"color-std-text",class:{CardList__Title__Button:!0,CardList__Title__Button__Collapsed:t.isCollapsed},"aria-label":t.ariaLabelExpandButton}),i("ix-typography",{class:"CardList_Title__Label",format:"body-lg"},t.label),!t.hideShowAll&&i("ix-button",{class:"CardList__Title__Show__All",variant:"tertiary",onClick:t.onShowAllClick},t.showLess?t.labelShowLess:i(r,null,i("span",null,t.showAllLabel),i("span",null,isNaN(t.showAllCounter)?null:` (${t.showAllCounter})`)))):null}const w=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.collapseChanged=s(this,"collapseChanged",7),this.showAllClick=s(this,"showAllClick",7),this.showMoreCardClick=s(this,"showMoreCardClick",7)}ariaLabelExpandButton;label;collapse=!1;listStyle="stack";maxVisibleCards=12;showAllCount;suppressOverflowHandling=!1;hideShowAll=!1;i18nShowAll="Show all";i18nShowLess="Show less";i18nMoreCards="There are more cards available";collapseChanged;showAllClick;showMoreCardClick;get hostElement(){return this}isShowingAll=!1;hasOverflowingElements=!1;numberOfOverflowingElements=0;numberOfAllChildElements=0;leftScrollDistance=0;rightScrollDistance=0;observer;onCardListVisibilityToggle(){this.collapse=!this.collapse,this.collapseChanged.emit(this.collapse)}findFirstFocusable(t){const e=t.querySelector?.('button:not([disabled]), [tabindex]:not([tabindex="-1"])');if(e)return e;for(const e of Array.from(t.querySelectorAll?.("*")??[]))if(e.shadowRoot){const t=this.findFirstFocusable(e.shadowRoot);if(t)return t}return null}focusFirstVisibleCard(t=0){c((()=>{c((()=>{const s=this.getListChildren().slice(t).find((t=>t instanceof e&&!t.classList.contains("display-none")));if(!s)return;const i=s.shadowRoot?this.findFirstFocusable(s.shadowRoot):null;i?i.focus({preventScroll:!1}):s.hasAttribute("tabindex")?s.focus({preventScroll:!1}):(s.setAttribute("tabindex","-1"),s.focus({preventScroll:!1}),s.removeAttribute("tabindex"))}))}))}handleClick(t,e){const{defaultPrevented:s}=t.emit({nativeEvent:e});if(s)return;const i=this.isShowingAll,l=this.maxVisibleCards;this.isShowingAll=!this.isShowingAll,this.changeVisibilityOfSlotChildren(),i||this.focusFirstVisibleCard(l)}onShowAllClick(t){this.handleClick(this.showAllClick,t)}onShowMoreCardClick(t){if(t instanceof KeyboardEvent){if("Enter"!==t.key&&" "!==t.key)return;t.preventDefault()}this.handleClick(this.showMoreCardClick,t)}getListChildren(){return this.hostElement.shadowRoot.querySelector(".CardList__Content > slot").assignedElements({flatten:!0})}changeVisibilityOfSlotChildren(){const t=this.getListChildren(),s=this.isShowingAll?t.length:this.maxVisibleCards;t.forEach(((t,i)=>{if(t instanceof e){if(i>s-1)return void t.classList.add("display-none");t.classList.remove("display-none")}})),this.hasOverflowingElements=s<t.length,this.numberOfOverflowingElements=t.length-s,this.numberOfAllChildElements=t.length,c((()=>this.detectOverflow()))}registerOverflowHandler(){this.observer=a((()=>{this.changeVisibilityOfSlotChildren()})),this.observer.observe(this.hostElement.shadowRoot.querySelector(".CardList__Content"),{childList:!0,subtree:!0}),c((()=>{this.changeVisibilityOfSlotChildren()}))}shouldHandleOverflow(){return!this.suppressOverflowHandling&&("stack"===this.listStyle||"scroll"===this.listStyle||void 0)}get listElement(){return this.hostElement.shadowRoot.querySelector(".CardList__Content")}onCardListScroll(){this.detectOverflow()}isShowMoreCardVisible(){return!1===this.suppressOverflowHandling&&this.hasOverflowingElements}getOpacityFromScrollDistance(t){return this.listElement?0===t?0:t>100?1:t/100:0}computeMaskLayer(){return{"--ix-card-list-overflow":`linear-gradient(\n 90deg,\n transparent 0px,\n black ${80*(this.getOpacityFromScrollDistance(this.leftScrollDistance)>0?1:0)}px,\n black calc(100% - ${80*(this.getOpacityFromScrollDistance(this.rightScrollDistance)>0?1:0)}px),\n transparent 100%\n )`}}detectOverflow(){if(!this.listElement)return;const{clientWidth:t,scrollWidth:e,scrollLeft:s}=this.listElement;this.leftScrollDistance=s,this.rightScrollDistance=e-s-t}componentDidLoad(){this.shouldHandleOverflow()&&this.registerOverflowHandler()}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return i(l,{key:"b059c2e39c50301922ad5ed51cc4e246aa3e358d"},i(p,{key:"61a6b0c4fd65257a6754ce34d2564f6513709946",isCollapsed:this.collapse,label:this.label,showAllLabel:this.i18nShowAll,showAllCounter:void 0===this.showAllCount?this.numberOfAllChildElements:this.showAllCount,showLess:this.isShowingAll,labelShowLess:this.i18nShowLess,onClick:()=>this.onCardListVisibilityToggle(),onShowAllClick:t=>this.onShowAllClick(t),hideShowAll:this.hideShowAll}),i("div",{key:"5a328de0d50c9e5600cf7183145a372edd9f4305",class:{CardList__Overflow:!0},style:this.computeMaskLayer()},i("div",{key:"29b54713584c4e904f0dd7cb7240588c66efaddf",class:{CardList__Content:!0,CardList__Content__Collapsed:this.collapse,CardList__Style__Flexbox__Scroll:"stack"===this.listStyle,CardList__Style__Infinite__Scroll:"scroll"===this.listStyle},onScroll:()=>this.onCardListScroll()},i("slot",{key:"cf8bc87f8b737a784317993f72a9bcfb45a2db15",onSlotchange:()=>{this.changeVisibilityOfSlotChildren()}}),this.isShowMoreCardVisible()?i("ix-card",{role:"button",tabindex:"0","aria-label":`${this.i18nMoreCards} (${this.numberOfOverflowingElements})`,class:{Show__All__Card:!0},onClick:t=>this.onShowMoreCardClick(t),onKeyDown:t=>this.onShowMoreCardClick(t)},i("ix-card-content",null,i("div",{class:"Show__All__Card__Content"},i("ix-icon",{name:n,size:"32",class:"Show__All__Card__Icon"}),i("span",{class:"Show__All__Card__Text"},this.i18nMoreCards," (",this.numberOfOverflowingElements,")")))):null)))}static get style(){return":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 *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .CardList_Title{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:1rem}:host .CardList_Title__Label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .CardList__Title__Button{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}:host .CardList__Title__Button__Collapsed{transform:rotate(-180deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}: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 .Show__All__Card:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}: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;height:100%}: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}::slotted(.display-none){display:none !important}"}},[769,"ix-card-list",{ariaLabelExpandButton:[1,"aria-label-expand-button"],label:[1],collapse:[1028],listStyle:[1,"list-style"],maxVisibleCards:[2,"max-visible-cards"],showAllCount:[2,"show-all-count"],suppressOverflowHandling:[4,"suppress-overflow-handling"],hideShowAll:[4,"hide-show-all"],i18nShowAll:[1,"i18n-show-all"],i18nShowLess:[1,"i18n-show-less"],i18nMoreCards:[1,"i18n-more-cards"],isShowingAll:[32],hasOverflowingElements:[32],numberOfOverflowingElements:[32],numberOfAllChildElements:[32],leftScrollDistance:[32],rightScrollDistance:[32]},[[9,"resize","detectOverflow"]]]),C=w,x=function(){"undefined"!=typeof customElements&&["ix-card-list","ix-button","ix-card","ix-card-content","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-card-list":customElements.get(o(t))||customElements.define(o(t),w);break;case"ix-button":customElements.get(o(t))||d();break;case"ix-card":customElements.get(o(t))||_();break;case"ix-card-content":customElements.get(o(t))||m();break;case"ix-icon-button":customElements.get(o(t))||b();break;case"ix-spinner":customElements.get(o(t))||u();break;case"ix-typography":customElements.get(o(t))||f()}}))};export{C as IxCardList,x as defineCustomElement}