@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/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/core"
9
9
  },
10
- "version": "5.2.0",
10
+ "version": "5.2.1",
11
11
  "license": "MIT",
12
12
  "description": "Siemens iX Web Components",
13
13
  "type": "module",
@@ -1 +0,0 @@
1
- import{h as t}from"./p-eN5fQtqO.js";import{B as o}from"./p-BQ-hS49k.js";function r(r){return t(o,{...r,type:"button"})}export{r as B}
@@ -1 +0,0 @@
1
- import{h as n}from"./p-eN5fQtqO.js";import{a as t}from"./p-C21npbUc.js";import{c as e}from"./p-CX81WQtk.js";import{a as i}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";import{A as s}from"./p-DNIQ2C1K.js";import{s as o}from"./p-BTBxxgtF.js";function r(n,t){n.isInvalid=t.isInvalid||t.isInvalidByRequired,n.isValid=t.isValid,n.isInfo=t.isInfo,n.isWarning=t.isWarning}function u(n,t){n.allowedCharactersPattern&&(new RegExp(n.allowedCharactersPattern).test(t.key)||(t.preventDefault(),a(n.inputRef.current,{duration:s.defaultTime,easing:"easeInOutSine",loop:2,translateX:[{value:-5},{value:5},{value:-2.5},{value:2.5},{value:0}]})))}async function l(n,t){const e=t.validity,i=!n.hostElement.classList.contains("ix-invalid--validity-invalid"),a=e.valid;if(i!==a){if(n.validityStateChange.emit(e).defaultPrevented)return;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!a)}if(null==n.value)return;if(await o(n))return;const{valid:s}=e;n.hostElement.classList.toggle("ix-invalid--validity-invalid",!s)}function c(n,t,e){if(!n)return;const a=i(t+8);e.slotEnd?n.style.paddingRight=`calc(${a} + ${e.additionalPaddingRight??"0rem"})`:n.style.paddingLeft=a}function d(n,t,e){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(n){const t=n.getBoundingClientRect();t&&c(e,t.width,{slotEnd:!1})}if(t){const n=t.getBoundingClientRect();n&&c(e,n.width,{slotEnd:!0})}}))}))}function f(n){const e={"aria-invalid":`${t(n.isInvalid)}`,"aria-required":`${t(n.required)}`};return n.isInvalid&&n.invalidText&&(e["aria-errormessage"]=n.invalidText),e}const m=(n,t)=>{const i=function(n,t){const e=new IntersectionObserver((n=>{n.forEach((n=>{n.isIntersecting&&t()}))}));return e.observe(n),e}(n,t),a=e(t);return a.observe(n,{subtree:!0,attributes:!0}),()=>{i.disconnect(),a.disconnect()}};function p(n,t,e){if(t||"Enter"!==n.key||!e)return;n.preventDefault();const i=e.querySelector('button[type="submit"]');i?e.requestSubmit(i):1===e.length&&e.requestSubmit()}function v(n,t){n.initialValue=t}function h(n,t,e){!function(n,t){if(n.ixBlur.emit(),!t)throw new Error("Input element is not available");t.setAttribute("data-ix-touched","true"),l(n,t)}(n,t),n.initialValue!==e&&(n.ixChange.emit(e),n.initialValue=e)}function g(n,t,e){"Enter"===n.key&&t.initialValue!==e&&(t.ixChange.emit(e),t.initialValue=e)}function x(){return{lastEmittedPatternMismatch:!1,lastEmittedValueMissing:!1}}function y(n){return async function(n,t){if(!t.touched)return;const e=await t.getValidityState(),i=e.patternMismatch,a=e.valueMissing;n.lastEmittedPatternMismatch===i&&n.lastEmittedValueMissing===a||(n.lastEmittedPatternMismatch=i,n.lastEmittedValueMissing=a,t.emit({patternMismatch:i,valueMissing:a,invalidReason:t.invalidReason}))}(n.validityTracker,{touched:n.touched,invalidReason:n.invalidReason,getValidityState:()=>n.getValidityState(),emit:t=>n.validityStateChange.emit(t)})}function b(t){return n("textarea",{id:t.id,readOnly:t.readonly,disabled:t.disabled,maxLength:t.maxLength,minLength:t.minLength,cols:t.textareaCols,rows:t.textareaRows,ref:t.textAreaRef,class:{"is-invalid":t.isInvalid},required:t.required,value:t.value,placeholder:t.placeholder,onFocus:()=>t.onFocus?.(),onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value),t.valueChange(e.value)},onBlur:()=>t.onBlur(),style:{resize:t.resizeBehavior,height:t.textareaHeight,width:t.textareaWidth},...t.ariaAttributes})}function w(t){return n("input",{id:t.id,autoComplete:"off",readOnly:t.readonly,disabled:t.disabled,step:t.step,min:t.min,max:t.max,maxLength:t.maxLength?Number(t.maxLength):void 0,minLength:t.minLength?Number(t.minLength):void 0,ref:t.inputRef,pattern:t.pattern,type:t.type,class:{"is-invalid":t.isInvalid},style:{textAlign:t.textAlignment},required:t.required,value:t.value,placeholder:t.placeholder,onKeyPress:n=>t.onKeyPress(n),onKeyDown:n=>{t.onKeyDown?.(n),t.onEnterKeyChange?.(n),p(n,!!t.suppressSubmitOnEnter,t.form)},onBeforeInput:n=>t.onBeforeInput?.(n),onPaste:n=>t.onPaste?.(n),onFocus:()=>t.onFocus?.(),onInput:n=>{const e=n.target;t.updateFormInternalValue(e.value),t.valueChange(e.value)},onBlur:()=>t.onBlur(),...t.ariaAttributes})}const E=(t,e)=>n("div",{class:"end-container",ref:t.slotEndRef},n("slot",{name:"end",onSlotchange:t.onSlotChange}),e),j=t=>n("div",{class:"start-container",ref:t.slotStartRef},n("slot",{name:"start",onSlotchange:t.onSlotChange}));export{w as I,E as S,b as T,m as a,d as b,x as c,j as d,y as e,v as f,l as g,p as h,f as i,g as j,u as k,r as m,h as o}
@@ -1 +0,0 @@
1
- import{p as a,M as t,e,f as i,h as r,d as o,t as n}from"./p-eN5fQtqO.js";import{e as s}from"./p-DsVj4Cd-.js";import{m as b}from"./p-Djkc69iv.js";import{D as d,h}from"./p-CApDAYIa.js";import{I as l}from"./p-BST8QY5w.js";import{r as c}from"./p-BEuV0Xpe.js";import{d as u}from"./p-CRtj-KBq.js";import{d as g}from"./p-CLDB-pmj.js";import{d as m}from"./p-CvAmaEU2.js";import{d as C}from"./p-CUpOF7jN.js";import{d as A}from"./p-DdlGyKd2.js";import{d as p}from"./p-D7sEY2UQ.js";const v=a(class extends(t(...d,l)){constructor(a){super(!1),!1!==a&&this.__registerHost(),this.__attachShadow(),this.tabChange=e(this,"tabChange",7),this.tabClose=e(this,"tabClose",7)}get hostElement(){return this}small=!1;rounded=!1;layout="auto";placement="bottom";ariaLabelMoreTabs="Show all tabs";activeTabKey;keyboardNavigation="automatic";tabChange;tabClose;isTabsOverflow=!1;overflowMenuItems=[];resizeObserver;itemsObserver;tabsContainerRef=b();tabsRef=b();get tabs(){return Array.from(this.hostElement.querySelectorAll("ix-tab-item"))}componentDidLoad(){this.itemsObserver=new MutationObserver((()=>{this.onComponentChildrenChange(),c((()=>this.onComponentResize()))})),this.itemsObserver.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,characterData:!0}),this.resizeObserver=new ResizeObserver((()=>this.onComponentResize())),this.resizeObserver.observe(this.hostElement),this.onComponentResize()}componentWillLoad(){this.onComponentChildrenChange(),this.activeTabKey&&this.setTabActive(this.activeTabKey)}disconnectedCallback(){this.resizeObserver&&this.resizeObserver.disconnect(),this.itemsObserver&&this.itemsObserver.disconnect()}onActiveTabChange(a,t){const e=this.tabs.find((a=>a.selected));e?.tabKey!==a&&this.emitTabChangeEvent(a,t)}setTabActive(a){const t=this.tabs;if(void 0===a)return t.forEach((a=>a.selected=!1)),this.onComponentChildrenChange(),void(this.activeTabKey=void 0);const e=t.find((t=>t.tabKey===a));return e&&!e.disabled?(t.forEach((a=>a.selected=!1)),e.selected=!0,this.onComponentChildrenChange(),this.activeTabKey=e.tabKey,e.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}),this.activeTabKey):void 0}onComponentChildrenChange(){const a=this.tabs;a.forEach((t=>{const e={layout:this.layout,small:this.small,rounded:this.rounded,placement:this.placement,iconOnly:a.every((a=>!a.label&&!!a.icon))};Object.assign(t,e)})),this.overflowMenuItems=Array.from(a).map((a=>({tabKey:a.tabKey,label:a.label||a.textContent||"",icon:a.icon,disabled:a.disabled}))),!a.some((a=>a.selected))&&a.length>0&&h()&&(a[0].focus(),this.emitTabChangeEvent(a[0].tabKey))}onComponentResize(){const a=this.tabsRef.current;a&&i((()=>{this.isTabsOverflow=a.scrollWidth>a.clientWidth}))}onTabClick(a){a.defaultPrevented||void 0!==a.detail.tabKey&&this.emitTabChangeEvent(a.detail.tabKey)}emitTabChangeEvent(a,t=this.activeTabKey){!function(a,t,e){const i=a(),{defaultPrevented:r}=t.emit(i.new);r&&e(i.old)}((()=>({new:this.setTabActive(a),old:t})),this.tabChange,(a=>this.setTabActive(a)))}onTabsNavigate(a){if(a.target instanceof HTMLElement&&"tablist"===a.target.getAttribute("role"))return;const t=this.tabs.filter((a=>!a.disabled));let e=t.findIndex((a=>a.selected));"manual"===this.keyboardNavigation&&(e=t.findIndex((a=>a===document.activeElement)));const i=a=>{a.focus(),"automatic"===this.keyboardNavigation&&this.emitTabChangeEvent(a.tabKey)};if("ArrowRight"===a.key||"ArrowLeft"===a.key){if(a.preventDefault(),-1===e)return;i(t[(e+("ArrowRight"===a.key?1:-1)+t.length)%t.length])}"Home"===a.key&&(a.preventDefault(),i(t[0])),"End"===a.key&&(a.preventDefault(),i(t[t.length-1]))}render(){return r(o,{key:"59be7687531f1e2c2196232dbe2ae5a874481b3a",onTabClick:a=>this.onTabClick(a),class:{small:this.small}},r("div",{key:"55697ae33bb24e020417996ef311fe1863e87047",ref:this.tabsContainerRef,class:{"tabs-container":!0,top:"top"===this.placement,bottom:"bottom"===this.placement}},r("div",{key:"0e1296872121e4951b16df684877246fa21f6e0f",class:{"overflow-shadow-container":!0,"overflow-shadow":this.isTabsOverflow}},r("div",{key:"afd9c8c5173ac2030476892b0dd79bcccef46f57",role:"tablist",...this.inheritAriaAttributes,ref:this.tabsRef,class:{tabs:!0,"tabs-stretched":"stretched"===this.layout},tabIndex:this.isTabsOverflow?0:-1,onKeyDown:a=>this.onTabsNavigate(a)},r("slot",{key:"73ab7f836156f9eb8e32ef0c0ce1f153e32e2936"}))),this.isTabsOverflow&&"stretched"!==this.layout&&r("ix-dropdown-button",{key:"cae99e1f6e20e6004d853aff98af0032e53730f3",ariaLabel:this.ariaLabelMoreTabs,icon:s,class:{"tabs-context-menu":!0},variant:"subtle-tertiary"},this.overflowMenuItems.map((a=>r("ix-dropdown-item",{key:a.tabKey,checked:a.tabKey===this.activeTabKey,icon:a.icon,label:a.label,disabled:a.disabled,onClick:()=>this.activeTabKey=a.tabKey}))))))}static get delegatesFocus(){return!0}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}],activeTabKey:[{onActiveTabChange:0}]}}static get style(){return':host{width:auto;display:flex;align-items:center;position:relative}: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 .tabs-container{display:flex;flex-direction:row;position:relative;width:100%;justify-content:space-between;align-items:center}:host .tabs-container.top::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.top::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.top::before,:host .tabs-container.top::after{top:0;bottom:auto}:host .tabs-container.bottom::before{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0;bottom:0}:host .tabs-container.bottom::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background--selected);width:var(--ix-tab-active-indicator-width);height:var(--theme-tab-indicator--height);left:0;bottom:0;transform:translateX(var(--ix-tab-active-indicator-offset))}:host .tabs-container.bottom::before,:host .tabs-container.bottom::after{top:auto;bottom:0}:host .tabs{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;overflow:auto;scroll-behavior:smooth;width:100%;touch-action:pan-y;padding-right:2.75rem;scrollbar-width:none}:host .tabs::-webkit-scrollbar{display:none}:host .tabs.tabs-stretched{padding-right:0px}:host .tabs:focus-visible{outline-offset:-1px;outline:1px solid var(--theme-color-focus-bdr)}:host .tabs-context-menu{margin-right:0.5rem}:host .overflow-shadow-container{display:block;position:relative;height:100%;width:100%;pointer-events:all;overflow:auto}:host .overflow-shadow{-webkit-mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%);mask-image:linear-gradient(90deg, black calc(100% - 45px), transparent 100%)}'}},[785,"ix-tabs",{small:[4],rounded:[4],layout:[1],placement:[1],ariaLabelMoreTabs:[1,"aria-label-more-tabs"],activeTabKey:[1537,"active-tab-key"],keyboardNavigation:[1,"keyboard-navigation"],inheritAriaAttributes:[32],isTabsOverflow:[32],overflowMenuItems:[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}],activeTabKey:[{onActiveTabChange:0}]}]);function f(){"undefined"!=typeof customElements&&["ix-tabs","ix-button","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner"].forEach((a=>{switch(a){case"ix-tabs":customElements.get(n(a))||customElements.define(n(a),v);break;case"ix-button":customElements.get(n(a))||u();break;case"ix-dropdown":customElements.get(n(a))||g();break;case"ix-dropdown-button":customElements.get(n(a))||m();break;case"ix-dropdown-item":customElements.get(n(a))||C();break;case"ix-icon-button":customElements.get(n(a))||A();break;case"ix-spinner":customElements.get(n(a))||p()}}))}export{v as T,f as d}
@@ -1 +0,0 @@
1
- import{b as t}from"./p-C21npbUc.js";const s=s=>class extends s{inheritAriaAttributes={};constructor(...t){super(...t)}getIgnoredAriaAttributes(){return[]}componentWillLoad(){this.inheritAriaAttributes=t(this.hostElement,this.getIgnoredAriaAttributes?this.getIgnoredAriaAttributes():[])}ariaAttributeChanged(t,s,i){this.getIgnoredAriaAttributes().includes(i)||(this.inheritAriaAttributes={...this.inheritAriaAttributes,[i]:t})}};export{s as I}
@@ -1 +0,0 @@
1
- import{p as t,M as a,h as e,d as i,t as r}from"./p-eN5fQtqO.js";import{R as o}from"./p-DsVj4Cd-.js";import{D as n}from"./p-CApDAYIa.js";import{I as s}from"./p-BST8QY5w.js";import{m as h}from"./p-Djkc69iv.js";import{m as d}from"./p-DT02jDB7.js";import{c as b}from"./p-CX81WQtk.js";import{a as l}from"./p-C21npbUc.js";import{d as c}from"./p-CgPr717U.js";import{d as u}from"./p-YFmbQndr.js";const g=(t,a)=>`${t}-${a++}`;let m=0;const C=t(class extends(a(...n,s)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return this}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=g("ix-menu-item-",m++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=b((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),a=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),e=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===e?.tagName?.toLowerCase()||"a"===e?.tagName?.toLowerCase()&&"ix-menu"===e?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=a||i,this.onIconChange(),this.menuExpanded=d.nativeElement?.expand||!1,this.menuExpandedDisposer=d.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=o)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),a=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),a?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:a,...r}=this.inheritAriaAttributes,o=this.getEffectiveRole(a),n={class:"tab",...r},s=[this.icon&&e("ix-icon",{key:"e319ac5c518ad11e6dee70251088c6f327f49827",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?e("div",{class:"notification"},e("div",{class:"pill"},this.notifications)):null,e("span",{key:"c8e17fa4cb154eff4a2c524bc2118acb694d5d25",id:this.internalItemId,class:"tab-text text-default"},this.label,e("slot",{key:"d747ad50df0926969025d4aaa60d0c47b7ca2602"}))],h=this.getAriaLabel();return e(i,{key:"38dbbe9a89ab0a1063063d986c107eb0b4ecb92d",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?e("a",{...n,role:o,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":l(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},s):e("button",{...n,role:o,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":l(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},s),e("ix-tooltip",{key:"4fdc4aa9b1944ec3f43d12b71c81e0518d29ae75",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}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}],icon:[{onIconChange:0}]}}static get style(){return':host{position:relative;display:block;cursor:pointer;height:var(--ix-menu-item-height, 3rem);min-height:var(--ix-menu-item-height, 3rem);max-height:var(--ix-menu-item-height, 3rem)}:host .tab{all:unset;box-sizing:border-box;display:flex;position:relative;align-items:center;height:var(--ix-menu-item-height, 3rem);width:100%;z-index:500;padding-left:0.875rem}:host .tab:not(.disabled):not(:disabled).hover,:host .tab:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host .tab:not(.disabled):not(:disabled).active,:host .tab:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host .tab-icon{color:var(--theme-nav-item-primary-icon--color);position:relative;pointer-events:none}:host .tab:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:-1px}:host .notification{display:inline-flex;position:absolute;top:0.25rem;left:1.5rem}:host .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:0.5rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}:host .tab-text{display:block;color:var(--theme-nav-item-primary--color);margin:0 1rem 0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.active) .tab,:host(.selected) .tab{background-color:var(--theme-nav-item-primary--background--selected)}:host(.active) .tab::before,:host(.selected) .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:var(--ix-menu-item-height, 3rem);width:0.25rem;left:0;position:absolute}:host(.active) .tab>.glyph,:host(.selected) .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}:host(.disabled){color:var(--theme-color-weak-text);pointer-events:none;cursor:default}:host(.disabled) .tab>.tab-icon{color:var(--theme-color-weak-text)}:host(.disabled) .tab-text{color:var(--theme-color-weak-text)}:host(.bottom-tab),:host([slot=bottom]){min-height:2.25rem;height:2.25rem;max-height:2.25rem}:host(.bottom-tab) .tab,:host([slot=bottom]) .tab{height:2.25rem}:host(.bottom-tab) .tab::before,:host([slot=bottom]) .tab::before{height:2.25rem;background-color:transparent}:host(.bottom-tab).active:hover,:host(.bottom-tab).selected:hover,:host([slot=bottom]).active:hover,:host([slot=bottom]).selected:hover{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab).active:active,:host(.bottom-tab).selected:active,:host([slot=bottom]).active:active,:host([slot=bottom]).selected:active{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.bottom-tab.active) .tab,:host(.bottom-tab.selected) .tab,:host(.active[slot=bottom]) .tab,:host(.selected[slot=bottom]) .tab{background-color:var(--theme-nav-item-secondary--background--selected)}:host(.tab-nested) .tab{flex-direction:row;padding-left:1.375rem}:host(.tab-nested) .tab .notification{position:relative;top:0;left:0;padding-left:0.5rem}:host(.tab-nested) .tab .tab-icon{padding-left:0.5rem;padding-right:0.5rem}:host(.tab-nested) .tab .tab-text{margin-left:0.5rem}:host(.tab-nested) .tab::before{display:none}'}},[785,"ix-menu-item",{label:[1],home:[4],bottom:[4],icon:[1025],notifications:[2],active:[4],disabled:[4],tooltipText:[1,"tooltip-text"],href:[1],target:[1],rel:[1],isCategory:[4,"is-category"],menuCategoryLabel:[1,"menu-category-label"],inheritAriaAttributes:[32],tooltip:[32],menuExpanded:[32],isInMenuContext:[32],hostTabIndex:[32],setTabIndex:[64]},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}],icon:[{onIconChange:0}]}]);function p(){"undefined"!=typeof customElements&&["ix-menu-item","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-menu-item":customElements.get(r(t))||customElements.define(r(t),C);break;case"ix-tooltip":customElements.get(r(t))||c();break;case"ix-typography":customElements.get(r(t))||u()}}))}export{C as M,g as c,p as d}
@@ -1 +0,0 @@
1
- import{p as t,M as e,e as s,h as i,d as o,t as r}from"./p-eN5fQtqO.js";import{f as a,i as n,s as h,o as d,a as c,b as l,c as u}from"./p-Bxrgt3H_.js";import{a as m}from"./p-CKoABG1h.js";import{a as b}from"./p-DWOjSq8j.js";import{q as p,f as g,I as w,a as v,b as f,c as y}from"./p-C5UTTqsv.js";import{D as x,r as k,h as E}from"./p-CApDAYIa.js";import{m as A}from"./p-Djkc69iv.js";import{r as S}from"./p-BEuV0Xpe.js";import{d as C,h as T}from"./p-BbwShqw_.js";const D=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],I=D.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),O=D.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),P=(t,e,s=I)=>e&&e.matches(s)?t.findIndex((t=>t===e)):-1;let R=0;const F=t(class extends(e(...x)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=s(this,"showChange",7),this.showChanged=s(this,"showChanged",7),this.experimentalRequestFocus=s(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=s(this,"experimentalFocusNextElement",7)}get hostElement(){return this}suppressAutomaticPlacement=!1;show=!1;trigger;anchor;closeBehavior="both";placement="bottom-start";positioningStrategy="fixed";header;suppressTriggerVisibilityCheck=!1;disableFocusHandling=!1;disableFocusTrap=!1;enableTopLayer=!1;focusCheckedItem=!1;keyboardActivationKeys=["Home","End","ArrowDown","ArrowUp","Enter"," "];keyboardItemTriggerKeys=["Enter"," "];offset;overwriteDropdownStyle;discoverAllSubmenus=!1;ignoreRelatedSubmenu=!1;suppressOverflowBehavior=!1;focusHost;focusTrapOptions;hostRole;callbackFocusElement;showChange;showChanged;fallbackPlacement;experimentalRequestFocus;experimentalFocusNextElement;autoUpdateCleanup;dialogRef=A();intersectObserverTrigger;triggerElement;anchorElement;forwardQueryElement=null;dropdownElementId="dropdown-"+R++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){C.connected(this),null!=this.trigger&&this.registerListener(this.trigger)}cacheSubmenuId(t){t.stopImmediatePropagation(),t.preventDefault();const{detail:e}=t;-1===this.assignedSubmenu.indexOf(e)&&this.assignedSubmenu.push(e)}disconnectedCallback(){C.dismiss(this),C.disconnected(this),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=!0}dismiss(){this.show=!1}getId(){return this.dropdownElementId}willDismiss(){const{defaultPrevented:t}=this.showChange.emit(!1);return!t}willPresent(){const{defaultPrevented:t}=this.showChange.emit(!0);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}disposeClickListener;disposeKeyListener;toggleController(){this.isPresent()?C.dismiss(this):C.present(this),C.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>S((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),s=e=>S((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)C.dismiss(this);else if(!this.show&&(this.keyboardActivationKeys??["Home","End","ArrowUp","ArrowDown"," ","Enter"]).includes(t.key)){if(this.isAnchorSubmenu())this.disableFocusHandling||(this.callbackFocusElement?this.callbackFocusElement(t):"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement));else if(t.defaultPrevented||this.toggleController(),this.disableFocusHandling)t.stopImmediatePropagation(),t.preventDefault();else{if(t.altKey)return;"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=m(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=m(this.triggerElement,"keydown",this.onTriggerKeydown)),this.triggerElement?.setAttribute("data-ix-dropdown-trigger",this.dropdownElementId))}async discoverSubmenu(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:!0,composed:!0,cancelable:!0,detail:this.dropdownElementId}))}registerKeyListener(){}async registerListener(t){this.triggerElement=await this.resolveElement(t),this.triggerElement&&(this.addEventListenersFor(),this.discoverSubmenu())}addObserverForTriggerVisibility(){this.intersectObserverTrigger&&this.intersectObserverTrigger.disconnect(),this.suppressTriggerVisibilityCheck||this.triggerElement&&(this.intersectObserverTrigger=new IntersectionObserver((t=>{t.forEach((t=>{if(!t.isIntersecting)return void C.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,s=t.intersectionRect.bottom<t.boundingClientRect.bottom,i=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),s&&(this.fallbackPlacement=this.createFallbackPlacement("top")),i&&(this.fallbackPlacement=this.createFallbackPlacement("right")),o&&(this.fallbackPlacement=this.createFallbackPlacement("left"))}))}),{threshold:[0,.5,1]}),this.intersectObserverTrigger.observe(this.anchorElement))}createFallbackPlacement(t){return`${t}-${this.placement.endsWith("-end")?"end":"start"}`}async resolveElement(t){const e=await a(t);return this.checkForSubmenuAnchor(e)}async checkForSubmenuAnchor(t){if(t)return T(t)&&((await t.getDropdownItemElement()).isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),"IX-DROPDOWN-ITEM"===t.tagName&&(t.isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),t}async resolveAnchorElement(){this.anchor?this.anchorElement=await this.resolveElement(this.anchor):this.trigger&&(this.anchorElement=await this.resolveElement(this.trigger))}async changedShow(t){if(!t)return this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="false"),this.cleanupOnHide(),void(this.enableTopLayer&&await this.hideDialog());if(await this.resolveAnchorElement(),this.registerKeyListener(),this.disableFocusHandling||this.callbackFocusElement||(this.keyboardNavigationCleanup=((t,e={})=>{const s=e.querySelector??I,i=e.activeQuerySelector??O,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),i)[0]),a=e.setItemActive??(t=>(t=>{S((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),S((()=>e.scrollIntoView({block:"nearest"}))))}))})(t)),n=async n=>{const h=r();let d=[];try{t().querySelectorAll("slot").length>0&&(d=Array.from(t().querySelectorAll("slot")).flatMap((t=>Array.from(t.assignedElements({flatten:!0})).flatMap((t=>t?.matches(s)?[t]:Array.from(t.querySelectorAll(s))))))),d=[...d,...Array.from(t().querySelectorAll(s))]}catch(t){}switch(e.beforeKeydown&&e.beforeKeydown(n),n.key){case"ArrowLeft":t().dispatchEvent(new CustomEvent("ix-close-submenu",{bubbles:!0,cancelable:!0}));break;case"ArrowDown":{if(n.altKey)return;n.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)+1;return t[i>=t.length?0:i]})(d,h,i);void 0!==t&&a(t);break}case"ArrowUp":{if(n.altKey)return;n.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)-1;return t[i<0?t.length-1:i]})(d,h,i);void 0!==t&&a(t);break}case"Home":{n.preventDefault();const t=d[0];void 0!==t&&a(t);break}case"End":{n.preventDefault();const t=d[d.length-1];void 0!==t&&a(t);break}case"ArrowRight":case" ":case"Enter":if(h&&h.hasAttribute("data-ix-dropdown-trigger")){const t=new CustomEvent("ix-open-submenu",{bubbles:!0,cancelable:!0,detail:{activeElement:h}});return void h.dispatchEvent(t)}}o.includes(n.key)&&e.onItemActivation?.(n,h)},h=(e.getEventListenerTarget??(()=>t()))();return h.addEventListener("keydown",n),()=>h.removeEventListener("keydown",n)})((()=>this.forwardQueryElement??this.focusHost??this.hostElement),{getEventListenerTarget:()=>this.triggerElement??this.anchorElement,onItemActivation:(t,e)=>{t.preventDefault(),e?.click()},itemTriggerKeys:this.keyboardItemTriggerKeys})),this.disableFocusTrap||b(this.focusHost??this.hostElement,this.focusTrapOptions).then((t=>{this.focusUtilities=t})),this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="true"),this.enableTopLayer){const t=await this.dialogRef.waitForCurrent();if(!t)return;t.showPopover()}this.addObserverForTriggerVisibility(),this.applyDropdownPosition()}async emitShowChanged(t){S((()=>this.showChanged.emit(t)))}changedTrigger(t,e){t&&t!==e&&(this.disposeClickListener?.(),this.disposeClickListener=void 0,this.disposeKeyListener?.(),this.disposeKeyListener=void 0),this.registerListener(t)}applyFallbackPosition(t){S((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),s=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:s})}))}async hideDialog(){const t=await this.dialogRef.waitForCurrent();t?.matches(":popover-open")&&t.hidePopover()}cleanupOnHide(){this.intersectObserverTrigger?.disconnect(),this.destroyAutoUpdate(),this.keyboardNavigationCleanup?.(),this.focusUtilities?.destroy(),this.resetForwardQueryElement(),k(),!this.disableFocusTrap&&E()&&S((()=>{this.triggerElement?.focus()}))}destroyAutoUpdate(){this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}isAnchorSubmenu(){return!!T(this.anchorElement)||!!this.anchorElement?.closest("ix-dropdown-item")}async applyDropdownPosition(){const t=this.enableTopLayer?await this.dialogRef.waitForCurrent():this.hostElement;if(!this.show)return;if(!t)return;if(!this.anchorElement)return void this.applyFallbackPosition(t);const e=this.anchorElement,s=this.isAnchorSubmenu();let i=this.positioningStrategy;this.enableTopLayer&&(i="fixed");let o={strategy:i,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(l({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=s?"right-start":r,o.middleware=[...o.middleware?.filter(Boolean)||[],n(),h()],this.offset&&o.middleware.push(d(this.offset)),this.destroyAutoUpdate(),this.autoUpdateCleanup=c(e,t,(async()=>{const s=await u(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=s.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(s.x)}px,${Math.round(s.y)}px)`}),this.overwriteDropdownStyle){const e=await this.overwriteDropdownStyle({dropdownRef:t,triggerRef:this.triggerElement});Object.assign(t.style,e)}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}async componentDidLoad(){this.trigger&&this.changedTrigger(this.trigger,void 0)}async componentDidRender(){await this.applyDropdownPosition(),await this.resolveAnchorElement()}isTriggerElement(t){return!!t.hasAttribute("data-ix-dropdown-trigger")}onDropdownClick(t){const e=C.pathIncludesTrigger(t.composedPath());e&&(e!==this.triggerElement&&t.preventDefault(),this.isTriggerElement(e))?"outside"===this.closeBehavior&&t.preventDefault():t.defaultPrevented||"inside"!==this.closeBehavior&&"both"!==this.closeBehavior?C.dismissOthers(this.getId()):C.dismissAll([this.getId()],this.ignoreRelatedSubmenu)}async updatePosition(){this.applyDropdownPosition()}openSubmenu(t){const e=this.getAssignedSubmenuIds();0!==e.length&&(t.detail.activeElement.classList.add("ix-dropdown-submenu-trigger-active"),C.present(C.getDropdownById(e[0])),this.forwardQueryElement=C.getDropdownById(e[0]).hostElement,S((()=>{v(C.getDropdownById(e[0]).hostElement)})))}closeSubmenu(){const t=C.getParentDropdownId(this.getId());if(t){const e=C.getDropdownById(t),s=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(C.dismissChildren(t),e&&s.length>0){const t=s[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),S((()=>{y(t,e.hostElement)}))}}}async resetForwardQueryElement(){this.forwardQueryElement=null}render(){const t={};return this.triggerElement&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName?(t["aria-labelledby"]=this.triggerElement.id,t["aria-owns"]=this.triggerElement.id,t.role="menu"):this.hostRole&&(t.role=this.hostRole),i(o,{key:"eebc7297596d43ef67c3461ae0a74fbf9e5c3917",...t,"aria-modal":"true","data-ix-dropdown":this.dropdownElementId,"data-ix-focus-trap":!0,class:{"dropdown-menu":!0,show:this.show,overflow:!this.suppressOverflowBehavior&&!this.enableTopLayer},style:this.enableTopLayer?{}:{margin:"0",minWidth:"0px",position:this.positioningStrategy},onClick:t=>this.onDropdownClick(t)},this.enableTopLayer?i("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},i("div",{class:"dropdown-container"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null))):i("div",{style:{display:"contents"},role:"presentation"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}static get style(){return":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none !important}.dialog{margin:0;border:none;outline:none;padding:0.25rem 0px;min-width:0;max-width:100vw;width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);box-shadow:var(--theme-shadow-4);overflow-x:visible;overflow-y:visible;inset:unset;color-scheme:inherit;color:var(--theme-color-std-text);box-sizing:border-box}.dialog *,.dialog *::after,.dialog *::before{box-sizing:border-box}.dialog .dropdown-container{display:block;position:relative}.dialog .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dialog.overflow{max-height:calc(50vh - 3rem);overflow-y:auto}"}},[769,"ix-dropdown",{suppressAutomaticPlacement:[4,"suppress-automatic-placement"],show:[1540],trigger:[1],anchor:[1],closeBehavior:[8,"close-behavior"],placement:[1],positioningStrategy:[1,"positioning-strategy"],header:[1],suppressTriggerVisibilityCheck:[4,"suppress-trigger-visibility-check"],disableFocusHandling:[4,"disable-focus-handling"],disableFocusTrap:[4,"disable-focus-trap"],enableTopLayer:[4,"enable-top-layer"],focusCheckedItem:[4,"focus-checked-item"],keyboardActivationKeys:[16],keyboardItemTriggerKeys:[16],offset:[16],overwriteDropdownStyle:[16],discoverAllSubmenus:[4,"discover-all-submenus"],ignoreRelatedSubmenu:[4,"ignore-related-submenu"],suppressOverflowBehavior:[4,"suppress-overflow-behavior"],focusHost:[16],focusTrapOptions:[16],hostRole:[1,"host-role"],callbackFocusElement:[16],fallbackPlacement:[32],discoverSubmenu:[64],updatePosition:[64],resetForwardQueryElement:[64]},[[0,"ix-assign-sub-menu","cacheSubmenuId"],[0,"ix-open-submenu","openSubmenu"],[0,"ix-close-submenu","closeSubmenu"]],{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}]);function j(){"undefined"!=typeof customElements&&["ix-dropdown"].forEach((t=>{"ix-dropdown"===t&&(customElements.get(r(t))||customElements.define(r(t),F))}))}export{F as D,j as d}
@@ -1 +0,0 @@
1
- import{p as r,M as e,h as t,d as o,t as a}from"./p-eN5fQtqO.js";import{B as d}from"./p-BQ-hS49k.js";import{D as i}from"./p-CApDAYIa.js";import{I as n}from"./p-BST8QY5w.js";import{d as b}from"./p-D7sEY2UQ.js";const s=r(class extends(e(...i,n)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;type="button";loading=!1;form;icon;iconRight;alignment="center";iconSize="24";href;target="_self";rel;get hostElement(){return this}submitButtonElement;handleClick(r){(this.disabled||this.loading)&&(r.stopPropagation(),r.preventDefault())}componentDidLoad(){if("submit"!==this.type)return;const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.form&&r.setAttribute("form",this.form),this.hostElement.appendChild(r),this.submitButtonElement=r}handleFormChange(r){this.submitButtonElement&&(r?this.submitButtonElement.setAttribute("form",r):this.submitButtonElement.removeAttribute("form"))}componentDidRender(){this.submitButtonElement&&!this.hostElement.contains(this.submitButtonElement)&&this.hostElement.appendChild(this.submitButtonElement)}dispatchFormEvents(){"submit"!==this.type||!this.submitButtonElement||this.disabled||this.loading||this.submitButtonElement.click()}setFocus(){this.hostElement.shadowRoot.querySelector(this.href?"a":"button")?.focus()}render(){return t(o,{key:"0eb555f606e1fb774004c7ab8d950076baaa0284",class:{disabled:this.disabled||this.loading},tabIndex:this.disabled||this.loading?-1:0},t(d,{key:"a9ead157a199a3575627f4af70a0355687d4e990",variant:this.variant,iconOnly:!1,iconOval:!1,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconRight:this.iconRight,iconSize:this.iconSize,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,alignment:this.alignment,ariaAttributes:this.inheritAriaAttributes,href:this.href,target:this.target,rel:this.rel},t("slot",{key:"de07260fc4785b2c30e6fdace31005435f273a93"})))}static get delegatesFocus(){return!0}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}],form:[{handleFormChange: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}"}},[785,"ix-button",{variant:[1],disabled:[516],type:[1],loading:[4],form:[1],icon:[1],iconRight:[1,"icon-right"],alignment:[1],iconSize:[1,"icon-size"],href:[1],target:[1],rel:[1],inheritAriaAttributes:[32]},[[2,"click","handleClick"]],{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}],form:[{handleFormChange:0}]}]);function l(){"undefined"!=typeof customElements&&["ix-button","ix-spinner"].forEach((r=>{switch(r){case"ix-button":customElements.get(a(r))||customElements.define(a(r),s);break;case"ix-spinner":customElements.get(a(r))||b()}}))}export{s as B,l as d}
@@ -1 +0,0 @@
1
- import{p as r,M as a,e as i,h as o,d as e,t}from"./p-eN5fQtqO.js";import{B as c}from"./p-DsVj4Cd-.js";import{a as n}from"./p-C21npbUc.js";import{D as l}from"./p-CApDAYIa.js";import{I as h}from"./p-BST8QY5w.js";import{m as p}from"./p-Djkc69iv.js";import{C as u}from"./p-4ZsT_zIm.js";import{d as s}from"./p-CgPr717U.js";import{d}from"./p-YFmbQndr.js";const b=r(class extends(a(...l,h)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.closeChip=i(this,"closeChip",7)}get hostElement(){return this}variant="primary";inactive=!1;closable=!1;icon;ariaLabelIcon;background;chipColor;outline=!1;tooltipText=!1;centerContent=!1;ariaLabelCloseButton="Close chip";closeChip;containerElementRef=p();getIgnoredAriaAttributes(){return["role"]}componentWillLoad(){super.componentWillLoad()}getTooltip(){if(!this.tooltipText&&!this.hostElement.hasAttribute("tooltip-text"))return null;const r="string"==typeof this.tooltipText&&this.tooltipText.trim()?this.tooltipText:this.hostElement.textContent?.trim();return o("ix-tooltip",{for:this.containerElementRef.waitForCurrent(),"aria-label":r||void 0},r)}getCustomStyles(r){const a={},i={};return"custom"!==r||(i.color=this.chipColor,this.chipColor&&(a.color=this.chipColor),this.outline&&this.background?a.borderColor=this.background:!this.outline&&this.background&&(i.backgroundColor=this.background)),{wrap:a,main:i}}getIconStyle(r){if("custom"===r)return{color:this.outline?this.background:this.chipColor}}getHostRole(r){return this.hostElement.hasAttribute("role")?this.hostElement.getAttribute("role")??void 0:r?"group":void 0}render(){const r=u.includes(this.variant)?this.variant:"primary",{wrap:a,main:i}=this.getCustomStyles(r),t={"chip-wrap":!0,outline:this.outline,inactive:this.inactive,alarm:"alarm"===r,critical:"critical"===r,info:"info"===r,neutral:"neutral"===r,primary:"primary"===r,success:"success"===r,warning:"warning"===r,custom:"custom"===r,closable:this.closable,icon:!!this.icon,centerContent:this.centerContent},l=!this.ariaLabelIcon?.trim(),h=!!this.inheritAriaAttributes["aria-label"]?.trim()||!!this.inheritAriaAttributes["aria-labelledby"]?.trim(),p=!!this.tooltipText||this.hostElement.hasAttribute("tooltip-text");return o(e,{key:"fb0bdb2d7e9042b738534485b9a061d02b46ccf2",role:this.getHostRole(h&&(this.closable||p)),class:{inactive:this.inactive}},o("div",{key:"ac5c890cc499cc2fa835826ec0a6ef615334cc71",ref:this.containerElementRef,class:t,style:a},o("button",{key:"e60254d5485bd02877dd115e07a8591b2ed92df6",type:"button",class:"chip-main",...this.inheritAriaAttributes,disabled:this.inactive,style:i},o("div",{key:"dd5313f7aab3494be6651eeac948bc3b741f349b",class:"content-wrapper"},this.icon&&o("ix-icon",{key:"cffde7c889b2cf176bd4b663f7d7c818147959ba",class:{"with-icon":!0},name:this.icon,size:"24","aria-label":this.ariaLabelIcon,"aria-hidden":n(l),style:this.getIconStyle(r)}),o("span",{key:"db3887d98ddf485d5763360d3911b04e65bd993b",class:"slot-container"},o("slot",{key:"ebd75fd75b61b68ae066d3070025ffbc60dccb40"})))),this.closable&&o("button",{key:"a635317fbce69bfb8df673f0784618c2203bf4e2",type:"button",class:"chip-close","aria-label":this.ariaLabelCloseButton,onClick:r=>{this.closeChip.emit(r),r.stopPropagation()}},o("ix-icon",{key:"8c82a81006d96f6e67bdb42ef1eb82381660a1bc",class:"chip-close__icon",name:c,size:"16","aria-hidden":"true"}))),this.getTooltip())}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}]}}static get style(){return':host{display:inline-block;position:relative;height:2rem;max-height:2rem}: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}.chip-wrap{display:inline-flex;width:inherit;max-width:100%;box-sizing:border-box;position:relative;align-items:stretch;border-radius:100px;vertical-align:top;min-height:2rem;max-height:2rem}.chip-wrap .chip-main{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;box-sizing:border-box;display:inline-flex;align-items:center;flex:1 1 auto;min-width:0;width:100%;border-radius:inherit;padding-block:0.5rem;padding-inline:0.75rem;font:inherit;text-align:inherit;color:inherit;cursor:pointer;background:transparent}.chip-wrap .chip-main:disabled{cursor:default}.chip-wrap .chip-main:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-main .content-wrapper{display:inline-flex;align-items:center;flex:1;min-width:0}.chip-wrap .chip-main .with-icon{margin-right:0.25rem}.chip-wrap .chip-main .slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;min-width:0}.chip-wrap .chip-main .slot-container slot::slotted(*){max-width:100%;min-width:0}.chip-wrap.centerContent .chip-main .content-wrapper{justify-content:center;text-align:center}.chip-wrap.inactive .chip-main{pointer-events:none}.chip-wrap.outline .chip-main{padding-left:calc(0.75rem - 0.0625rem)}.chip-wrap.outline:not(.closable) .chip-main{padding-right:calc(0.75rem - 0.0625rem)}.chip-wrap.outline.closable .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem - 0.0625rem)}.chip-wrap:not(.outline) .chip-main{padding-left:0.75rem}.chip-wrap:not(.outline):not(.closable) .chip-main{padding-right:0.75rem}.chip-wrap:not(.outline).closable .chip-main{padding-right:calc(0.25rem + 1.5rem + 0.375rem)}.chip-wrap .chip-close{position:absolute;right:0.25rem;top:50%;transform:translateY(-50%);width:1.5rem;height:1.5rem;box-sizing:border-box;border:0;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--theme-color-std-text);border-radius:50%;flex-shrink:0;z-index:1}.chip-wrap .chip-close:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}.chip-wrap .chip-close__icon{display:block;pointer-events:none}.chip-wrap.outline{border-width:0.0625rem;border-style:solid}.chip-wrap.primary:not(.outline){color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}.chip-wrap.primary:not(.outline) .chip-main:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-main:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.primary:not(.outline) .chip-close:hover{background-color:var(--theme-chip-primary--background--hover)}.chip-wrap.primary:not(.outline) .chip-close:active{background-color:var(--theme-chip-primary--background--active)}.chip-wrap.primary.outline{color:var(--theme-chip-primary-outline--color--display);background-color:var(--theme-chip-primary-outline--background);border:solid 0.0625rem var(--theme-chip-primary-outline--border-color)}.chip-wrap.primary.outline:hover:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--hover)}.chip-wrap.primary.outline:active:not(.inactive){border-color:var(--theme-chip-primary-outline--border-color--active)}.chip-wrap.primary.outline .chip-main{background-color:transparent;color:var(--theme-chip-primary-outline--color--display)}.chip-wrap.primary.outline .chip-main:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-main:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.primary.outline.icon .with-icon{color:var(--theme-color-primary)}.chip-wrap.primary.outline:hover:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--hover)}.chip-wrap.primary.outline:active:not(.inactive).icon .with-icon{color:var(--theme-chip-primary-outline--color--active)}.chip-wrap.primary.outline .chip-close{color:inherit}.chip-wrap.primary.outline .chip-close:hover{background-color:var(--theme-chip-primary-outline--background--hover)}.chip-wrap.primary.outline .chip-close:active{background-color:var(--theme-chip-primary-outline--background--active)}.chip-wrap.alarm:not(.outline){color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.chip-wrap.alarm:not(.outline) .chip-main:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-main:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.alarm:not(.outline) .chip-close:hover{background-color:var(--theme-color-alarm--hover)}.chip-wrap.alarm:not(.outline) .chip-close:active{background-color:var(--theme-color-alarm--active)}.chip-wrap.alarm.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.alarm.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.alarm.outline.icon .with-icon{color:var(--theme-color-alarm)}.chip-wrap.alarm.outline .chip-close{color:inherit}.chip-wrap.alarm.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.alarm.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical:not(.outline){color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main{background-color:var(--theme-color-critical);color:var(--theme-color-critical--contrast)}.chip-wrap.critical:not(.outline) .chip-main:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-main:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.critical:not(.outline) .chip-close:hover{background-color:var(--theme-color-critical--hover)}.chip-wrap.critical:not(.outline) .chip-close:active{background-color:var(--theme-color-critical--active)}.chip-wrap.critical.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.critical.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.critical.outline.icon .with-icon{color:var(--theme-color-critical)}.chip-wrap.critical.outline .chip-close{color:inherit}.chip-wrap.critical.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.critical.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning:not(.outline){color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.chip-wrap.warning:not(.outline) .chip-main:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-main:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.warning:not(.outline) .chip-close:hover{background-color:var(--theme-color-warning--hover)}.chip-wrap.warning:not(.outline) .chip-close:active{background-color:var(--theme-color-warning--active)}.chip-wrap.warning.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-warning)}.chip-wrap.warning.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.warning.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.warning.outline.icon .with-icon{color:var(--theme-color-warning-text)}.chip-wrap.warning.outline .chip-close{color:inherit}.chip-wrap.warning.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.warning.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info:not(.outline){color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.chip-wrap.info:not(.outline) .chip-main:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-main:active{background-color:var(--theme-color-info--active)}.chip-wrap.info:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.info:not(.outline) .chip-close:hover{background-color:var(--theme-color-info--hover)}.chip-wrap.info:not(.outline) .chip-close:active{background-color:var(--theme-color-info--active)}.chip-wrap.info.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-info)}.chip-wrap.info.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.info.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.info.outline.icon .with-icon{color:var(--theme-color-info)}.chip-wrap.info.outline .chip-close{color:inherit}.chip-wrap.info.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.info.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral:not(.outline){color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main{background-color:var(--theme-color-neutral);color:var(--theme-color-neutral--contrast)}.chip-wrap.neutral:not(.outline) .chip-main:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-main:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.neutral:not(.outline) .chip-close:hover{background-color:var(--theme-color-neutral--hover)}.chip-wrap.neutral:not(.outline) .chip-close:active{background-color:var(--theme-color-neutral--active)}.chip-wrap.neutral.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.neutral.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.neutral.outline.icon .with-icon{color:var(--theme-color-neutral)}.chip-wrap.neutral.outline .chip-close{color:inherit}.chip-wrap.neutral.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.neutral.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success:not(.outline){color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main{background-color:var(--theme-color-success);color:var(--theme-color-success--contrast)}.chip-wrap.success:not(.outline) .chip-main:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-main:active{background-color:var(--theme-color-success--active)}.chip-wrap.success:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.success:not(.outline) .chip-close:hover{background-color:var(--theme-color-success--hover)}.chip-wrap.success:not(.outline) .chip-close:active{background-color:var(--theme-color-success--active)}.chip-wrap.success.outline{color:var(--theme-chip-outline--color);background-color:var(--theme-chip-outline--background);border-color:var(--theme-color-success)}.chip-wrap.success.outline .chip-main{background-color:transparent;color:var(--theme-chip-outline--color)}.chip-wrap.success.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.success.outline.icon .with-icon{color:var(--theme-color-success)}.chip-wrap.success.outline .chip-close{color:inherit}.chip-wrap.success.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.success.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.outline .chip-close{background-color:var(--theme-chip-close-btn--background)}.chip-wrap.outline .chip-close:hover{background-color:var(--theme-chip-close-btn--background--hover)}.chip-wrap.outline .chip-close:active{background-color:var(--theme-chip-close-btn--background--active)}.chip-wrap.custom.outline{background-color:var(--theme-chip-outline--background)}.chip-wrap.custom.outline .chip-main{background-color:transparent}.chip-wrap.custom.outline .chip-main:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-main:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom.outline .chip-close{color:inherit}.chip-wrap.custom.outline .chip-close:hover{background-color:var(--theme-chip-outline--background--hover)}.chip-wrap.custom.outline .chip-close:active{background-color:var(--theme-chip-outline--background--active)}.chip-wrap.custom:not(.outline) .chip-main{position:relative}.chip-wrap.custom:not(.outline) .chip-main:hover::after,.chip-wrap.custom:not(.outline) .chip-main:active::after{content:"";display:block;position:absolute;inset:0;border-radius:100px;pointer-events:none}.chip-wrap.custom:not(.outline) .chip-main:hover::after{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-main:active::after{background-color:color-mix(in srgb, currentColor 20%, transparent)}.chip-wrap.custom:not(.outline) .chip-close{color:inherit;background-color:var(--theme-chip-close-btn--background)}.chip-wrap.custom:not(.outline) .chip-close:hover{background-color:color-mix(in srgb, currentColor 10%, transparent)}.chip-wrap.custom:not(.outline) .chip-close:active{background-color:color-mix(in srgb, currentColor 20%, transparent)}:host(.attachment-chip) .chip-wrap{border-radius:var(--theme-btn--border-radius)}'}},[769,"ix-chip",{variant:[513],inactive:[4],closable:[4],icon:[1],ariaLabelIcon:[1,"aria-label-icon"],background:[1],chipColor:[1,"chip-color"],outline:[4],tooltipText:[8,"tooltip-text"],centerContent:[4,"center-content"],ariaLabelCloseButton:[1,"aria-label-close-button"],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}]}]);function m(){"undefined"!=typeof customElements&&["ix-chip","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-chip":customElements.get(t(r))||customElements.define(t(r),b);break;case"ix-tooltip":customElements.get(t(r))||s();break;case"ix-typography":customElements.get(t(r))||d()}}))}export{b as C,m as d}
@@ -1 +0,0 @@
1
- import{p as t,H as e,h as i,d as o,t as s}from"./p-eN5fQtqO.js";import{c as a,a as n,r,s as l,o as c,d as h,b as d,h as m}from"./p-Bxrgt3H_.js";import{m as p}from"./p-Djkc69iv.js";import{d as b}from"./p-Dw_A3HUC.js";import{b as f}from"./p-CKoABG1h.js";import{d as u}from"./p-YFmbQndr.js";const y=t=>null!==t?`${t}px`:"";let w=0;const g=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return this}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;hasDisconnected=!1;instance=w++;dialogRef=p();get arrowElement(){return this.hostElement.shadowRoot.querySelector(".arrow")}async showTooltip(t){if(this.clearTimeouts(),this.showTooltipTimeout||this.visibleFor===t)return;const e=await this.dialogRef.waitForCurrent();this.showTooltipTimeout=setTimeout((()=>{this.setAnchorElement(t),e.showPopover(),this.applyTooltipPosition(t,e),this.registerTooltipListener(e)}),this.showDelay)}async hideTooltip(t=this.hideDelay){if(this.clearTimeouts(),this.hideTooltipTimeout||!this.visible)return;this.interactive&&50===t&&(t=150);const e=await this.dialogRef.waitForCurrent();this.hideTooltipTimeout=setTimeout((()=>{this.setAnchorElement(),e.hidePopover(),this.disposeAutoUpdate?.(),this.disposeTooltipListener?.()}),t)}setAnchorElement(t){t?(this.visibleFor=t,this.visible=!0):(this.visibleFor=void 0,this.visible=!1)}computeArrowPosition({placement:t,middlewareData:e}){let{x:i,y:o}=e.arrow;const s={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...s,left:y(i),bottom:y(-6)}:t.startsWith("right")?{...s,left:y(-6),top:y(o)}:t.startsWith("bottom")?{...s,left:y(i),top:y(-6)}:t.startsWith("left")?{...s,right:y(-6),top:y(o)}:void 0}async computeTooltipPosition(t,e){return a(t,e,{strategy:"fixed",placement:this.placement,middleware:[l(),c(12),h({element:this.arrowElement}),d({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),m()]})}applyTooltipArrowPosition(t){const e=this.computeArrowPosition(t);Object.assign(this.arrowElement.style,e)}async applyTooltipPosition(t,e){if(t)return new Promise((i=>{this.disposeAutoUpdate?.(),this.disposeAutoUpdate=n(t,e,(async()=>{const o=await this.computeTooltipPosition(t,e),s=o.middlewareData.hide?.referenceHidden;s&&(this.hideTooltip(0),i(o)),o.middlewareData.arrow&&this.applyTooltipArrowPosition(o);const{x:a,y:n}=o;Object.assign(e.style,{left:y(a),top:y(n)}),i(o)}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0,animationFrame:this.animationFrame})}))}async queryAnchorElements(){if(this.for)return Array.isArray(this.for)?this.resolveElements(this.for):this.resolveElements([this.for])}async resolveElements(t){const i=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const e=await r(t,this.hostElement);e&&i.push(...e)}else t instanceof e?i.push(t):t instanceof Promise&&i.push(await t)}))),i}async registerTriggerListener(){this.disposeTriggerListener?.();const t=await this.queryAnchorElements();if(!t)return;const e=[];t.forEach((t=>{e.push({element:t,eventType:"mouseenter",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focus",callback:()=>{this.showTooltip(t)}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}})})),this.disposeTriggerListener=f(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=f([{element:t,eventType:"mouseenter",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"focus",callback:()=>{this.interactive&&this.clearHideTimeout()}},{element:t,eventType:"mouseleave",callback:()=>{this.hideTooltip()}},{element:t,eventType:"focusout",callback:()=>{this.hideTooltip()}},{element:t,eventType:"click",callback:t=>{t.stopPropagation()}},{element:document,eventType:"keydown",callback:t=>{"Escape"===t.key&&this.hideTooltip()}}])}registerDomChangeListener(){this.disposeDomChangeListener?.();const t=new MutationObserver((()=>{this.registerTriggerListener()}));t.observe(document.body,{attributes:!0,attributeFilter:["data-ix-tooltip"],childList:!0,subtree:!0}),this.disposeDomChangeListener=()=>{t.disconnect()}}clearHideTimeout(){clearTimeout(this.hideTooltipTimeout),this.hideTooltipTimeout=void 0}clearShowTimeout(){clearTimeout(this.showTooltipTimeout),this.showTooltipTimeout=void 0}clearTimeouts(){this.clearHideTimeout(),this.clearShowTimeout()}componentWillLoad(){this.registerTriggerListener()}componentDidLoad(){this.registerDomChangeListener()}connectedCallback(){this.hasDisconnected&&(this.registerTriggerListener(),this.registerDomChangeListener())}disconnectedCallback(){this.hasDisconnected=!0,this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=b(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"59edeeb4c78daf4679cb73e1639781e2df1d57c0",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"c1e5d1fcddb87609654c945e42b04379a94cae79",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"3e24a73fb904b4a8861322e84a97ed72234c672c",class:"tooltip-container"},i("div",{key:"aa68b5bbe623e094fa5311ee19dbd96090776779",class:"content-wrapper"},i("div",{key:"c3304e93fc6fa38c3f31ebf3773054247bfa1c61",class:"tooltip-title"},i("slot",{key:"5859428cdc8a2502930760a2cb8491ba506200e0",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"dcb18580a59c5cf0200b89d176e8ca56fca98b24",format:"h5"},this.titleContent,i("slot",{key:"b495bec36b40b39538f54aeee58591b3815e3cf6",name:"title-content"}))),i("slot",{key:"59970a04ae9909460aeb2c4f9a515ed1ce7b2863"}),i("div",{key:"ff994a212b5b355ed18a002f2e8aaadaaae09b1b",class:"arrow"})))))}static get style(){return'.dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}'}},[769,"ix-tooltip",{for:[1],titleContent:[1,"title-content"],interactive:[4],placement:[1],showDelay:[2,"show-delay"],hideDelay:[2,"hide-delay"],animationFrame:[4,"animation-frame"],visible:[32],showTooltip:[64],hideTooltip:[64]}]);function v(){"undefined"!=typeof customElements&&["ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-tooltip":customElements.get(s(t))||customElements.define(s(t),g);break;case"ix-typography":customElements.get(s(t))||u()}}))}export{g as T,v as d}
@@ -1 +0,0 @@
1
- import{p as r,M as o,e as t,h as e,d as a,t as n}from"./p-eN5fQtqO.js";import{H as d,t as i}from"./p-DsVj4Cd-.js";import{b,f as c,a as s}from"./p-C21npbUc.js";import{m as l}from"./p-Djkc69iv.js";import{D as u}from"./p-CApDAYIa.js";import{A as p}from"./p-Byed_Z2G.js";import{C as h}from"./p-Dpk_WgCl.js";import{c as v}from"./p-Dw_A3HUC.js";import{d as m}from"./p-CRtj-KBq.js";import{d as y}from"./p-CLDB-pmj.js";import{d as g}from"./p-DdlGyKd2.js";import{d as w}from"./p-D7sEY2UQ.js";const x=r(class extends(o(...u,h,p)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow(),this.showChange=t(this,"showChange",7),this.showChanged=t(this,"showChanged",7)}get hostElement(){return this}variant="primary";disabled=!1;label;icon;closeBehavior="both";placement;ariaLabelDropdownButton;focusCheckedItem=!1;enableTopLayer=!1;suppressAriaActiveDescendant=!1;showChange;showChanged;dropdownShow=!1;inheritAriaAttributes={};dropdownButtonId=this.getHostElementId();dropdownAnchor=l();dropdownRef=l();hostContext;getTriangle(){return e("div",{class:{triangle:!0,[this.variant]:!0,hide:!!this.label,disabled:this.disabled}})}onDropdownShowChanged=r=>{this.disabled&&r.detail||(this.dropdownShow=r.detail)};componentDidLoad(){this.inheritAriaAttributes=b(this.hostElement,["aria-label","aria-activedescendant","aria-haspopup","aria-controls","aria-disabled","aria-expanded","aria-current","role"])}componentWillRender(){this.hostContext={breadcrumb:!!v(this.hostElement,"ix-breadcrumb"),datePicker:!!v(this.hostElement,"ix-date-picker"),splitButton:!!v(this.hostElement,"ix-split-button"),tabs:!!v(this.hostElement,"ix-tabs")}}getControllingAriaElement(){return this.hostElement}isAriaActiveDescendantActive(){return!this.suppressAriaActiveDescendant&&this.dropdownShow}getAriaActiveDescendantProxyItemId(){return!1}async getDropdownReference(){return this.dropdownRef.waitForCurrent()}render(){const r={...this.inheritAriaAttributes,"aria-haspopup":"true","aria-disabled":s(this.disabled),"aria-expanded":s(this.dropdownShow),role:"button"};this.inheritAriaAttributes["aria-controls"]||(r["aria-controls"]=`dropdown-button-menu-${this.dropdownButtonId}`);const o={id:`dropdown-button-${this.dropdownButtonId}`,disabled:this.disabled,variant:this.variant},t=this.hostContext?.breadcrumb||this.hostContext?.datePicker||this.hostContext?.splitButton||this.hostContext?.tabs;return e(a,{key:"ab9705c11ce957fc00a5dbe361e7e50fd8fab6c8",class:{disabled:this.disabled,"host-context-breadcrumb":!!this.hostContext?.breadcrumb,"host-context-date-picker":!!this.hostContext?.datePicker,"host-context-tabs":!!this.hostContext?.tabs},ref:this.dropdownAnchor,tabIndex:this.disabled?-1:0,...r},e("div",{key:"09be27cd7b565ebcc71c37983c6300afa1a95802",class:"dropdown-button"},this.label||null===this.label?e("ix-button",{...o,class:"internal-button",alignment:"start",ref:r=>c(r,-1),ariaLabelButton:this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")},e("div",{class:"content"},this.icon?e("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,e("div",{class:"button-label"},this.label),e("slot",{name:"button-label"}),!t&&e("ix-icon",{"aria-hidden":"true",name:this.dropdownShow?d:i,size:"24"}))):e("div",null,e("ix-icon-button",{...o,icon:this.icon,ref:r=>c(r,-1),"aria-label":this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")}),!t&&this.getTriangle())),e("ix-dropdown",{key:"a71d02c22bd6d0f79d8f4dbfa0b7bfe77e339e8f",role:"menu",ref:this.dropdownRef,id:`dropdown-button-menu-${this.dropdownButtonId}`,"aria-labelledby":`dropdown-button-${this.dropdownButtonId}`,trigger:this.dropdownAnchor.waitForCurrent(),placement:this.placement,closeBehavior:this.closeBehavior,enableTopLayer:this.enableTopLayer,disableFocusTrap:!0,focusCheckedItem:this.focusCheckedItem,onShowChanged:r=>this.onDropdownShowChanged(r),onScroll:r=>{const o=new CustomEvent("scroll",{bubbles:r.bubbles,cancelable:r.cancelable,detail:r.detail});this.hostElement.dispatchEvent(o)}},e("slot",{key:"330b19b734d3ed649967f7360f5d1424fed3d665"})))}static get style(){return":host{--ix-dropdown-button-border-radius:var(--theme-btn--border-radius);--ix-dropdown-button-focus-outline-color:var(--theme-color-focus-bdr);--ix-dropdown-button-focus-outline-offset:var( --theme-btn--focus--outline-offset );--ix-dropdown-button-primary-color:var(--theme-btn-primary--color);--ix-dropdown-button-primary-color-disabled:var( --theme-btn-primary--color--disabled );--ix-dropdown-button-primary-background-active:var( --theme-btn-primary--background--active );--ix-dropdown-button-primary-color-active:var( --theme-btn-primary--color--active );--ix-dropdown-button-primary-border-color-active:var( --theme-btn-primary--border-color--active );--ix-dropdown-button-secondary-color:var(--theme-btn-secondary--color);--ix-dropdown-button-secondary-color-disabled:var( --theme-btn-secondary--color--disabled );--ix-dropdown-button-secondary-background-active:var( --theme-btn-secondary--background--active );--ix-dropdown-button-secondary-color-active:var( --theme-btn-secondary--color--active );--ix-dropdown-button-secondary-border-color-active:var( --theme-btn-secondary--border-color--active );--ix-dropdown-button-tertiary-color:var(--theme-btn-tertiary--color);--ix-dropdown-button-tertiary-color-disabled:var( --theme-btn-tertiary--color--disabled );--ix-dropdown-button-tertiary-background-active:var( --theme-btn-tertiary--background--active );--ix-dropdown-button-tertiary-color-active:var( --theme-btn-tertiary--color--active );--ix-dropdown-button-tertiary-border-color-active:var( --theme-btn-tertiary--border-color--active );--ix-dropdown-button-subtle-primary-color:var(--theme-btn-subtle-primary--color);--ix-dropdown-button-subtle-primary-color-disabled:var( --theme-btn-subtle-primary--color--disabled );--ix-dropdown-button-subtle-primary-background-active:var( --theme-btn-subtle-primary--background--active );--ix-dropdown-button-subtle-primary-color-active:var( --theme-btn-subtle-primary--color--active );--ix-dropdown-button-subtle-primary-border-color-active:var( --theme-btn-subtle-primary--border-color--active );--ix-dropdown-button-subtle-secondary-color:var(--theme-btn-subtle-secondary--color);--ix-dropdown-button-subtle-secondary-color-disabled:var( --theme-btn-subtle-secondary--color--disabled );--ix-dropdown-button-subtle-secondary-background-active:var( --theme-btn-subtle-secondary--background--active );--ix-dropdown-button-subtle-secondary-color-active:var( --theme-btn-subtle-secondary--color--active );--ix-dropdown-button-subtle-secondary-border-color-active:var( --theme-btn-subtle-secondary--border-color--active );--ix-dropdown-button-subtle-tertiary-color:var(--theme-btn-subtle-tertiary--color);--ix-dropdown-button-subtle-tertiary-color-disabled:var( --theme-btn-subtle-tertiary--color--disabled );--ix-dropdown-button-subtle-tertiary-background-active:var( --theme-btn-subtle-tertiary--background--active );--ix-dropdown-button-subtle-tertiary-color-active:var( --theme-btn-subtle-tertiary--color--active );--ix-dropdown-button-subtle-tertiary-border-color-active:var( --theme-btn-subtle-tertiary--border-color--active );--ix-dropdown-button-danger-primary-color:var(--theme-btn-danger-primary--color);--ix-dropdown-button-danger-primary-color-disabled:var( --theme-btn-danger-primary--color--disabled );--ix-dropdown-button-danger-primary-background-active:var( --theme-btn-danger-primary--background--active );--ix-dropdown-button-danger-primary-color-active:var( --theme-btn-danger-primary--color--active );--ix-dropdown-button-danger-primary-border-color-active:var( --theme-btn-danger-primary--border-color--active );--ix-dropdown-button-danger-secondary-color:var(--theme-btn-danger-secondary--color);--ix-dropdown-button-danger-secondary-color-disabled:var( --theme-btn-danger-secondary--color--disabled );--ix-dropdown-button-danger-secondary-background-active:var( --theme-btn-danger-secondary--background--active );--ix-dropdown-button-danger-secondary-color-active:var( --theme-btn-danger-secondary--color--active );--ix-dropdown-button-danger-secondary-border-color-active:var( --theme-btn-danger-secondary--border-color--active );--ix-dropdown-button-danger-tertiary-color:var(--theme-btn-danger-tertiary--color);--ix-dropdown-button-danger-tertiary-color-disabled:var( --theme-btn-danger-tertiary--color--disabled );--ix-dropdown-button-danger-tertiary-background-active:var( --theme-btn-danger-tertiary--background--active );--ix-dropdown-button-danger-tertiary-color-active:var( --theme-btn-danger-tertiary--color--active );--ix-dropdown-button-danger-tertiary-border-color-active:var( --theme-btn-danger-tertiary--border-color--active )}:host{display:inline-block;position:relative;height:2rem;width:auto;--ix-dropdown-button-border-radius-left:var( --ix-dropdown-button-border-radius );--ix-dropdown-button-border-radius-right:var( --ix-dropdown-button-border-radius );border-top-left-radius:var(--ix-dropdown-button-border-radius-left);border-bottom-left-radius:var(--ix-dropdown-button-border-radius-left);border-top-right-radius:var(--ix-dropdown-button-border-radius-right);border-bottom-right-radius:var(--ix-dropdown-button-border-radius-right)}: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 .hide{display:none}:host ix-button,:host ix-icon-button{--ix-button-border-radius-left:var( --ix-dropdown-button-border-radius-left );--ix-button-border-radius-right:var( --ix-dropdown-button-border-radius-right )}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--ix-dropdown-button-primary-color)}:host .triangle.primary{color:var(--ix-dropdown-button-primary-color)}:host .triangle.secondary{color:var(--ix-dropdown-button-secondary-color)}:host .triangle.tertiary{color:var(--ix-dropdown-button-tertiary-color)}:host .triangle.primary.disabled{color:var(--ix-dropdown-button-primary-color-disabled)}:host .triangle.secondary.disabled{color:var(--ix-dropdown-button-secondary-color-disabled)}:host .triangle.tertiary.disabled{color:var(--ix-dropdown-button-tertiary-color-disabled)}:host .triangle.subtle-primary{color:var(--ix-dropdown-button-subtle-primary-color)}:host .triangle.subtle-secondary{color:var(--ix-dropdown-button-subtle-secondary-color)}:host .triangle.subtle-tertiary{color:var(--ix-dropdown-button-subtle-tertiary-color)}:host .triangle.subtle-primary.disabled{color:var(--ix-dropdown-button-subtle-primary-color-disabled)}:host .triangle.subtle-secondary.disabled{color:var(--ix-dropdown-button-subtle-secondary-color-disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--ix-dropdown-button-subtle-tertiary-color-disabled)}:host .triangle.danger-primary{color:var(--ix-dropdown-button-danger-primary-color)}:host .triangle.danger-secondary{color:var(--ix-dropdown-button-danger-secondary-color)}:host .triangle.danger-tertiary{color:var(--ix-dropdown-button-danger-tertiary-color)}:host .triangle.danger-primary.disabled{color:var(--ix-dropdown-button-danger-primary-color-disabled)}:host .triangle.danger-secondary.disabled{color:var(--ix-dropdown-button-danger-secondary-color-disabled)}:host .triangle.danger-tertiary.disabled{color:var(--ix-dropdown-button-danger-tertiary-color-disabled)}:host .content{display:flex;align-items:center}:host .remove-button-min-width{min-width:0px}:host(.host-context-date-picker) .internal-button,:host(.host-context-breadcrumb) .internal-button{min-width:0px;padding:0}:host(.host-context-date-picker) ix-dropdown{max-height:15.625rem;overflow-y:scroll}:host(:focus-visible){outline:1px solid var(--ix-dropdown-button-focus-outline-color);outline-offset:var(--ix-dropdown-button-focus-outline-offset)}:host([aria-expanded=true]){--theme-btn-primary--background:var( --ix-dropdown-button-primary-background-active );--theme-btn-primary--background--hover:var( --ix-dropdown-button-primary-background-active );--theme-btn-primary--color:var(--ix-dropdown-button-primary-color-active);--theme-btn-primary--color--hover:var( --ix-dropdown-button-primary-color-active );--theme-btn-primary--border-color:var( --ix-dropdown-button-primary-border-color-active );--theme-btn-primary--border-color--hover:var( --ix-dropdown-button-primary-border-color-active );--theme-btn-secondary--background:var( --ix-dropdown-button-secondary-background-active );--theme-btn-secondary--background--hover:var( --ix-dropdown-button-secondary-background-active );--theme-btn-secondary--color:var(--ix-dropdown-button-secondary-color-active);--theme-btn-secondary--color--hover:var( --ix-dropdown-button-secondary-color-active );--theme-btn-secondary--border-color:var( --ix-dropdown-button-secondary-border-color-active );--theme-btn-secondary--border-color--hover:var( --ix-dropdown-button-secondary-border-color-active );--theme-btn-tertiary--background:var( --ix-dropdown-button-tertiary-background-active );--theme-btn-tertiary--background--hover:var( --ix-dropdown-button-tertiary-background-active );--theme-btn-tertiary--color:var(--ix-dropdown-button-tertiary-color-active);--theme-btn-tertiary--color--hover:var( --ix-dropdown-button-tertiary-color-active );--theme-btn-tertiary--border-color:var( --ix-dropdown-button-tertiary-border-color-active );--theme-btn-tertiary--border-color--hover:var( --ix-dropdown-button-tertiary-border-color-active );--theme-btn-subtle-primary--background:var( --ix-dropdown-button-subtle-primary-background-active );--theme-btn-subtle-primary--background--hover:var( --ix-dropdown-button-subtle-primary-background-active );--theme-btn-subtle-primary--color:var(--ix-dropdown-button-subtle-primary-color-active);--theme-btn-subtle-primary--color--hover:var( --ix-dropdown-button-subtle-primary-color-active );--theme-btn-subtle-primary--border-color:var( --ix-dropdown-button-subtle-primary-border-color-active );--theme-btn-subtle-primary--border-color--hover:var( --ix-dropdown-button-subtle-primary-border-color-active );--theme-btn-subtle-secondary--background:var( --ix-dropdown-button-subtle-secondary-background-active );--theme-btn-subtle-secondary--background--hover:var( --ix-dropdown-button-subtle-secondary-background-active );--theme-btn-subtle-secondary--color:var(--ix-dropdown-button-subtle-secondary-color-active);--theme-btn-subtle-secondary--color--hover:var( --ix-dropdown-button-subtle-secondary-color-active );--theme-btn-subtle-secondary--border-color:var( --ix-dropdown-button-subtle-secondary-border-color-active );--theme-btn-subtle-secondary--border-color--hover:var( --ix-dropdown-button-subtle-secondary-border-color-active );--theme-btn-subtle-tertiary--background:var( --ix-dropdown-button-subtle-tertiary-background-active );--theme-btn-subtle-tertiary--background--hover:var( --ix-dropdown-button-subtle-tertiary-background-active );--theme-btn-subtle-tertiary--color:var(--ix-dropdown-button-subtle-tertiary-color-active);--theme-btn-subtle-tertiary--color--hover:var( --ix-dropdown-button-subtle-tertiary-color-active );--theme-btn-subtle-tertiary--border-color:var( --ix-dropdown-button-subtle-tertiary-border-color-active );--theme-btn-subtle-tertiary--border-color--hover:var( --ix-dropdown-button-subtle-tertiary-border-color-active );--theme-btn-danger-primary--background:var( --ix-dropdown-button-danger-primary-background-active );--theme-btn-danger-primary--background--hover:var( --ix-dropdown-button-danger-primary-background-active );--theme-btn-danger-primary--color:var(--ix-dropdown-button-danger-primary-color-active);--theme-btn-danger-primary--color--hover:var( --ix-dropdown-button-danger-primary-color-active );--theme-btn-danger-primary--border-color:var( --ix-dropdown-button-danger-primary-border-color-active );--theme-btn-danger-primary--border-color--hover:var( --ix-dropdown-button-danger-primary-border-color-active );--theme-btn-danger-secondary--background:var( --ix-dropdown-button-danger-secondary-background-active );--theme-btn-danger-secondary--background--hover:var( --ix-dropdown-button-danger-secondary-background-active );--theme-btn-danger-secondary--color:var(--ix-dropdown-button-danger-secondary-color-active);--theme-btn-danger-secondary--color--hover:var( --ix-dropdown-button-danger-secondary-color-active );--theme-btn-danger-secondary--border-color:var( --ix-dropdown-button-danger-secondary-border-color-active );--theme-btn-danger-secondary--border-color--hover:var( --ix-dropdown-button-danger-secondary-border-color-active );--theme-btn-danger-tertiary--background:var( --ix-dropdown-button-danger-tertiary-background-active );--theme-btn-danger-tertiary--background--hover:var( --ix-dropdown-button-danger-tertiary-background-active );--theme-btn-danger-tertiary--color:var(--ix-dropdown-button-danger-tertiary-color-active);--theme-btn-danger-tertiary--color--hover:var( --ix-dropdown-button-danger-tertiary-color-active );--theme-btn-danger-tertiary--border-color:var( --ix-dropdown-button-danger-tertiary-border-color-active );--theme-btn-danger-tertiary--border-color--hover:var( --ix-dropdown-button-danger-tertiary-border-color-active )}:host([aria-expanded=true]:focus-visible){outline:none}:host(.disabled){pointer-events:none}"}},[769,"ix-dropdown-button",{variant:[1],disabled:[516],label:[1],icon:[1],closeBehavior:[8,"close-behavior"],placement:[1],ariaLabelDropdownButton:[1,"aria-label-dropdown-button"],focusCheckedItem:[4,"focus-checked-item"],enableTopLayer:[4,"enable-top-layer"],suppressAriaActiveDescendant:[4,"suppress-aria-active-descendant"],dropdownShow:[32],getDropdownReference:[64]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function k(){"undefined"!=typeof customElements&&["ix-dropdown-button","ix-button","ix-dropdown","ix-icon-button","ix-spinner"].forEach((r=>{switch(r){case"ix-dropdown-button":customElements.get(n(r))||customElements.define(n(r),x);break;case"ix-button":customElements.get(n(r))||m();break;case"ix-dropdown":customElements.get(n(r))||y();break;case"ix-icon-button":customElements.get(n(r))||g();break;case"ix-spinner":customElements.get(n(r))||w()}}))}export{x as D,k as d}
@@ -1 +0,0 @@
1
- class t{static#t={short:0,default:150,medium:300,slow:500,xslow:1e3};static#e=null;static parseTime(t,e){const s=t.trim();if(0===s.length)return e;const i=s.match(/^(-?\d*\.?\d+)(ms|s)?$/);if(!i)return e;const[,r,n="ms"]=i,o=Number(r);return Number.isFinite(o)?"s"===n?1e3*o:o:e}static ensureCache(){if(null!==this.#e)return;if("undefined"==typeof window)return void(this.#e={...this.#t});const t=document.documentElement||document.body,e=window.getComputedStyle(t),s=(t,s)=>{const i=e.getPropertyValue(t)?.trim();return i?this.parseTime(i,s):s};this.#e={short:s("--theme-short-time",this.#t.short),default:s("--theme-default-time",this.#t.default),medium:s("--theme-medium-time",this.#t.medium),slow:s("--theme-slow-time",this.#t.slow),xslow:s("--theme-x-slow-time",this.#t.xslow)}}static prefersReducedMotion(){return!("undefined"==typeof window||!window.matchMedia)&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}static get shortTime(){this.ensureCache();const t=this.#e.short;return this.prefersReducedMotion()?0:t}static get defaultTime(){this.ensureCache();const t=this.#e.default;return this.prefersReducedMotion()?0:t}static get mediumTime(){this.ensureCache();const t=this.#e.medium;return this.prefersReducedMotion()?0:t}static get slowTime(){this.ensureCache();const t=this.#e.slow;return this.prefersReducedMotion()?0:t}static get xSlowTime(){this.ensureCache();const t=this.#e.xslow;return this.prefersReducedMotion()?0:t}}export{t as A}
@@ -1 +0,0 @@
1
- import{p as r,M as e,h as t,d as o,t as a}from"./p-eN5fQtqO.js";import{B as d}from"./p-1FBWW6v2.js";import{g as i}from"./p-C21npbUc.js";import{D as n}from"./p-CApDAYIa.js";import{I as b}from"./p-BST8QY5w.js";import{d as s}from"./p-D7sEY2UQ.js";const l=r(class extends(e(...n,b)){constructor(r){super(!1),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}variant="subtle-primary";oval=!1;icon;size="24";iconColor;disabled=!1;type="button";loading=!1;submitButtonElement;componentDidLoad(){if("submit"===this.type){const r=document.createElement("button");r.style.display="none",r.type="submit",r.tabIndex=-1,this.hostElement.appendChild(r),this.submitButtonElement=r}}dispatchFormEvents(){"submit"===this.type&&this.submitButtonElement&&this.submitButtonElement.click()}getIconSizeClass(){return{"btn-icon-12":"12"===this.size,"btn-icon-16":"16"===this.size,"btn-icon-32":"24"===this.size||!this.size}}render(){const r=i(this.icon);let e=this.inheritAriaAttributes||{};void 0===e["aria-label"]&&(e={...e,"aria-label":r});const a={ariaAttributes:e,variant:this.variant,iconOnly:!0,iconOval:this.oval,selected:!1,disabled:this.disabled||this.loading,icon:this.icon,iconColor:this.iconColor,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchFormEvents(),type:this.type,extraClasses:this.getIconSizeClass(),tabIndex:this.hostElement.hasAttribute("tabindex")?this.hostElement.tabIndex:void 0};return t(o,{key:"9272601ded9b34315e5aa297b35661615eccdaf8",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading},tabIndex:this.disabled?-1:0},t(d,{key:"46bfd8c84d6ee2c0c772877ac5411cb0c8eb24d7",...a}))}static get delegatesFocus(){return!0}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}]}}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)}*,*::after,*::before{box-sizing:border-box}*::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}*{}*::-webkit-scrollbar{width:0.5rem;height:0.5rem}*{}*::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}*::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}*{}*::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}*{}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}*::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}"}},[529,"ix-icon-button",{variant:[1],oval:[4],icon:[1],size:[1],iconColor:[1,"icon-color"],disabled:[4],type:[1],loading:[4],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}]}]);function c(){"undefined"!=typeof customElements&&["ix-icon-button","ix-spinner"].forEach((r=>{switch(r){case"ix-icon-button":customElements.get(a(r))||customElements.define(a(r),l);break;case"ix-spinner":customElements.get(a(r))||s()}}))}export{l as I,c as d}
@@ -1 +0,0 @@
1
- import{p as e,M as t,e as a,h as r,d as o,t as i}from"./p-eN5fQtqO.js";import{J as s,u as d}from"./p-DsVj4Cd-.js";import{D as n,I as c}from"./p-D1WplX1z.js";import{q as h}from"./p-C5UTTqsv.js";import{D as l,h as m}from"./p-CApDAYIa.js";import{m as b}from"./p-Djkc69iv.js";import{r as u}from"./p-BEuV0Xpe.js";import{d as p}from"./p-CRtj-KBq.js";import{d as g}from"./p-DiYkfhDE.js";import{d as k}from"./p-CLDB-pmj.js";import{d as y}from"./p-CvAmaEU2.js";import{d as f}from"./p-CUpOF7jN.js";import{d as v}from"./p-DdlGyKd2.js";import{d as w}from"./p-D7sEY2UQ.js";import{d as x}from"./p-YFmbQndr.js";const D=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dateChange=a(this,"dateChange",7),this.dateRangeChange=a(this,"dateRangeChange",7),this.dateSelect=a(this,"dateSelect",7)}get hostElement(){return this}format="yyyy/LL/dd";singleSelection=!1;corners="rounded";from;watchFromPropHandler(e){if(!e)return void(this.currFromDate=void 0);const t=this.parseDateString(e);t&&(this.currFromDate=t,this.updateSelectedYearMonth(t))}to;watchToPropHandler(e){if(!e)return void(this.currToDate=void 0);const t=this.parseDateString(e);t&&(this.currToDate=t,this.updateSelectedYearMonth(t))}minDate="";maxDate="";i18nDone="Done";ariaLabelPreviousMonthButton="Change calendar view to previous month";ariaLabelNextMonthButton="Change calendar view to next month";ariaLabelMonthSelection="Select month";ariaLabelYearSelection="Select year";weekStartIndex=0;locale;onLocaleChange(){this.setTranslations()}showWeekNumbers=!1;embedded=!1;today=n.now().toISO();enableTopLayer=!1;dateChange;dateRangeChange;dateSelect;async getCurrentDate(){const e=this.currFromDate?.isValid?this.currFromDate?.toFormat(this.format):void 0,t=this.currToDate?.isValid?this.currToDate?.toFormat(this.format):void 0;return this.singleSelection?{from:e,to:void 0}:{from:e,to:t}}currFromDate;currToDate;selectedYear=0;tempYear=0;startYear=0;endYear=0;selectedMonth=0;tempMonth=0;yearDropdownButtonRef=b();yearMonthSelectionDropdownRef=b();dayNames;monthNames;focusedDay=1;isDayFocus=!1;monthChangedFromFocus=!1;DAYS_IN_WEEK=7;calendar=[];onKeyDown(e){if(!this.isDayFocus)return;if(this.yearMonthSelectionDropdownRef.current?.show)return;if(["PageUp","PageDown","Home","End"].includes(e.key)){switch(e.key){case"PageUp":this.navigateCalendar(-1,e.shiftKey);break;case"PageDown":this.navigateCalendar(1,e.shiftKey);break;case"Home":this.focusFirstDayOfCurrentWeek();break;case"End":this.focusLastDayOfCurrentWeek()}return}let t=this.focusedDay;switch(e.key){case"ArrowLeft":t--;break;case"ArrowRight":t++;break;case"ArrowUp":t-=7;break;case"ArrowDown":t+=7;break;default:return}e.preventDefault(),this.setFocusedDay(t)}setFocusedDay(e=0){e>this.getDaysInCurrentMonth()?(e-=this.getDaysInCurrentMonth(),this.changeCalendarView(1),this.monthChangedFromFocus=!0):e<1&&(this.changeCalendarView(-1),e+=this.getDaysInCurrentMonth(),this.monthChangedFromFocus=!0),this.focusedDay=e}getDaysInCurrentMonth(){return n.utc(this.selectedYear,this.selectedMonth+1).daysInMonth||0}getFirstDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?t.dayNumbers.find((e=>void 0!==e))??e:e}getLastDayOfWeek(e){const t=this.calendar.find((t=>t.dayNumbers.includes(e)));return t?[...t.dayNumbers].reverse().find((e=>void 0!==e))??e:e}getDateTimeNow(){return n.fromISO(this.today)}parseDateString(e){const t=n.fromFormat(e,this.format);if(t.isValid)return t;console.error(t.invalidExplanation)}async updateSelectedYearMonth(e){this.selectedYear=e.year,this.selectedMonth=e.month-1}onDayBlur(){this.isDayFocus=!1}onDayFocus(){this.isDayFocus=!0}componentWillLoad(){this.setTranslations(),this.currFromDate=this.from?n.fromFormat(this.from,this.format):void 0,this.currToDate=this.to?n.fromFormat(this.to,this.format):void 0;const e=this.currFromDate?.year??this.getDateTimeNow().year;this.startYear=e-101,this.endYear=e+101,this.selectedMonth=(this.currFromDate?.month??this.getDateTimeNow().month)-1,this.selectedYear=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}keyboardNavigationYearSelection;keyboardNavigationMonthSelection;disconnectedCallback(){this.keyboardNavigationYearSelection?.(),this.keyboardNavigationMonthSelection?.()}componentDidLoad(){super.componentDidLoad?.()}componentWillRender(){this.calculateCalendar()}componentDidRender(){if(!this.monthChangedFromFocus&&!this.isDayFocus)return;const e=this.hostElement.shadowRoot.querySelector(`[id=day-cell-${this.focusedDay}]`);e?.focus(),this.monthChangedFromFocus=!1}async navigateCalendar(e,t){this.navigateByMonthOrYear(t?"year":"month",e)}async focusFirstDayOfCurrentWeek(){this.focusedDay=this.getFirstDayOfWeek(this.focusedDay)}async focusLastDayOfCurrentWeek(){this.focusedDay=this.getLastDayOfWeek(this.focusedDay)}async isCalendarDayFocused(){return this.isDayFocus&&!this.yearMonthSelectionDropdownRef.current?.show}async focusActiveDay(){const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected")??e.querySelector(".calendar-item.today")??e.querySelector(".calendar-item.first-day");if(!t)return;const a=t.dataset.calendarDay;a&&(this.focusedDay=parseInt(a,10)),t.focus()}setTranslations(){this.dayNames=this.rotateWeekDayNames(c.weekdays("long",{locale:this.locale}),this.weekStartIndex),this.monthNames=c.months("long",{locale:this.locale})}rotateWeekDayNames(e,t){const a=[...e];if(0===t)return a;const r=e.length;return a.push(...a.splice(0,(-(t=-t)%r+r)%r)),a}async onDone(){const e=await this.getCurrentDate();this.dateSelect.emit(e)}calculateCalendar(){const e=[],t=n.utc(this.selectedYear,this.selectedMonth+1),a=t.startOf("month"),r=t.endOf("month");let o=a.weekNumber,i=r.weekNumber,s=a.weekday-1,d=r.weekday-1;if(0!==this.weekStartIndex){const e=c.weekdays(),t=e[a.weekday];s=this.dayNames.findIndex((e=>e===t));const o=e[r.weekday];d=this.dayNames.findIndex((e=>e===o))}let h=!1;1===i&&(i=r.weeksInWeekYear+1,h=!0);let l=!1;o===a.weeksInWeekYear&&(o=1,i++,l=!0);let m=1;for(let t=o;t<=i&&m<=31;t++){const n=[];for(let e=0;e<this.DAYS_IN_WEEK&&m<=31;e++)n.push(t===o&&e<s||t===i&&e>d?void 0:m++);e.push(l||h?1===t?{weekNumber:a.weeksInWeekYear,dayNumbers:n}:t===r.weekNumber?{weekNumber:1,dayNumbers:n}:{weekNumber:t-1,dayNumbers:n}:{weekNumber:t,dayNumbers:n})}this.calendar=e}selectMonth(e){this.selectedMonth=e,this.selectedYear=this.tempYear,this.tempMonth=e}changeCalendarView(e){this.selectedMonth+e<0?(this.selectedYear--,this.selectedMonth=11):this.selectedMonth+e>11?(this.selectedYear++,this.selectedMonth=0):this.selectedMonth+=e,this.tempMonth=this.selectedMonth,this.tempYear=this.selectedYear}navigateByMonthOrYear(e,t){let a=this.selectedYear,r=this.selectedMonth;"year"===e?a+=t:(r+=t,r<0?(r=11,a--):r>11&&(r=0,a++));const o=n.utc(a,r+1).daysInMonth||0;this.focusedDay=Math.min(this.focusedDay,o),this.selectedYear=a,this.selectedMonth=r,this.tempYear=a,this.tempMonth=r,this.monthChangedFromFocus=!0}selectDay(e,t){if(t.classList.contains("disabled"))return;const a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return this.singleSelection||void 0===this.currFromDate?(this.currFromDate=a,void this.onDateChange()):void 0!==this.currToDate?(this.currFromDate=a,this.currToDate=void 0,void this.onDateChange()):a<this.currFromDate?(this.currToDate=this.currFromDate,this.currFromDate=a,void this.onDateChange()):(this.currToDate=a,void this.onDateChange())}onDateChange(){this.getCurrentDate().then((e=>{this.dateChange.emit(e),this.singleSelection||this.dateRangeChange.emit(e)}))}getUtilitiesBasedOnDay(e){const t=this.getDateTimeNow(),a=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e));return{isFirstDay:()=>1===e,isToday:()=>t.hasSame(a,"day"),isSelected:()=>!(!this.currFromDate?.hasSame(a,"day")&&!this.currToDate?.hasSame(a,"day")),isRange:()=>!!(this.currFromDate&&a.startOf("day")>this.currFromDate.startOf("day")&&void 0!==this.currToDate&&a.startOf("day")<this.currToDate?.startOf("day"))}}getDayClasses(e){const t=n.fromJSDate(new Date(this.selectedYear,this.selectedMonth,e)),a=this.getUtilitiesBasedOnDay(e);return{"calendar-item":!0,"empty-day":void 0===e,"first-day":a.isFirstDay(),today:a.isToday(),selected:a.isSelected(),range:a.isRange(),disabled:!this.isWithinMinMaxDate(t)}}isWithinMinMaxYear(e){const t=this.minDate?n.fromFormat(this.minDate,this.format).year:void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format).year:void 0;return!(t&&e<t||a&&e>a)}isWithinMinMaxMonth(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=t?.month,o=a?.month;return!(r&&this.tempYear===t.year&&e<r||o&&this.tempYear===a.year&&e>o)}isWithinMinMaxDate(e){const t=this.minDate?n.fromFormat(this.minDate,this.format):void 0,a=this.maxDate?n.fromFormat(this.maxDate,this.format):void 0,r=!!t&&e.startOf("day")<t.startOf("day"),o=!!a&&e.startOf("day")>a.startOf("day");return!r&&!o}renderMonths(){return this.monthNames.map(((e,t)=>r("ix-dropdown-item",{checked:this.tempYear===this.selectedYear&&this.tempMonth===t,key:e,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxMonth(t)},onClick:()=>{this.selectMonth(t)}},r("span",{class:"capitalize monthMargin"},`${e}`))))}renderYears(){const e=[];for(let t=this.startYear;t<=this.endYear;t++)e.push(r("ix-dropdown-item",{key:t,checked:this.tempYear===t,class:{"month-dropdown-item":!0,"disabled-item":!this.isWithinMinMaxYear(t)},onClick:()=>{this.tempYear=t,this.selectedYear=this.tempYear}},r("div",{style:{"min-width":"max-content"}},`${t}`)));return e}changeFocusedDay(){this.monthChangedFromFocus||u((()=>{const e=this.hostElement.shadowRoot,t=e.querySelector(".calendar-item.selected"),a=e.querySelector(".calendar-item.today");let r=t??a;if(r||(r=e.querySelector(".calendar-item.first-day")),!r)return;const o=r.dataset.calendarDay;o&&(this.focusedDay=parseInt(o,10))}))}async intersect(e){const t=await this.yearDropdownButtonRef.current.getDropdownReference();e.forEach((e=>{e.isIntersecting&&("top"===e.target.dataset.sentinel?(this.startYear-=5,this.skipFirstScrollOffset||u((()=>{const e=h(t,"ix-dropdown-item")[0];t.scrollTo(0,e.offsetTop)})),this.skipFirstScrollOffset=!1):this.endYear+=5)}))}skipFirstScrollOffset=!0;intersectStart=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});intersectEnd=new IntersectionObserver((e=>this.intersect(e)),{threshold:.5});render(){return r(o,{key:"7de4a5edbe8988dcae7cd6f640ca4d5db58515f5",onKeyDown:e=>this.onKeyDown(e),onFocusin:()=>{m()&&this.changeFocusedDay()}},r("ix-date-time-card",{key:"efae993810b8c99e7093d99afff4585ad157f09d",corners:this.corners,embedded:this.embedded},r("div",{key:"b242490e8a186d2891c9f03d167ced3814af2be3",class:"header",slot:"header"},r("ix-icon-button",{key:"23980a73c3296a4346d545c6ef6d34759a228f9f",onClick:()=>this.changeCalendarView(-1),icon:s,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelPreviousMonthButton}),r("div",{key:"ef74172fffd395ae5dd84b926b6ad6ecd07bfc18",class:"selector"},r("ix-dropdown-button",{key:"40c5bd62bf2600880a003d90b889c9fd9e54e146",class:"month-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelMonthSelection,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation()}},r("ix-typography",{key:"f1a415a1bef4f302de05582bf053c052bad0505a",bold:!0,class:"capitalize",slot:"button-label"},this.monthNames[this.selectedMonth]),this.renderMonths()),r("ix-dropdown-button",{key:"ce5a5b993fd02564d0104e13764418682a77acc4",class:"year-selector",focusCheckedItem:!0,"aria-label":this.ariaLabelYearSelection,ref:this.yearDropdownButtonRef,variant:"tertiary",label:null,onShowChanged:e=>{e.stopPropagation(),e.detail?u((()=>{this.intersectStart.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="top"]')),this.intersectEnd.observe(this.hostElement.shadowRoot.querySelector('[data-sentinel="bottom"]'));const e=this.yearDropdownButtonRef.current.querySelector("ix-dropdown-item[checked]");e&&u((()=>{e.scrollIntoView({block:"center"})}))})):(this.intersectStart.disconnect(),this.intersectEnd.disconnect())}},r("div",{key:"d7d93c944877c170728b0aa41085a0ebdf657eac",class:"infinite-scrolling-spacer"},r("div",{key:"9bdd838a9750150065141302e1e4a5aeaf8b58cc",class:"sentinel","data-sentinel":"top"})),r("ix-typography",{key:"f7adff586df01462d4e164d14f95f85dedb0e63d",bold:!0,class:"capitalize",slot:"button-label"},this.selectedYear),this.renderYears(),r("div",{key:"1b0db1dd2e77538f2a052272afc10bee207d35b9",class:"infinite-scrolling-spacer"},r("div",{key:"1a324d048c46a7b7a1320f76255c6f251fa7ffe6",class:"sentinel","data-sentinel":"bottom"})))),r("ix-icon-button",{key:"622614d0cf6eea4b960a69d40fbaee1558c457e7",onClick:()=>this.changeCalendarView(1),icon:d,variant:"tertiary",class:"arrows","aria-label":this.ariaLabelNextMonthButton})),r("div",{key:"468b8b1a645c376fee7a33f153fc01c24174a048",role:"grid",class:{grid:!0,"grid--show-week-numbers":this.showWeekNumbers}},r("div",{key:"1aef3ab46c009c831c0a46663490dcac49b3f857",role:"row"},this.showWeekNumbers&&r("div",{key:"179664fef0ad9939184a6b9247931cb311f2cc8f",class:"calendar-item week-day",role:"columnheader"}),this.dayNames.map((e=>r("div",{key:e,class:"calendar-item week-day",role:"columnheader"},r("div",{class:"overflow"},e.slice(0,3)))))),this.calendar.map((e=>r("div",{role:"row"},this.showWeekNumbers&&r("div",{class:"calendar-item week-number",role:"rowheader"},e.weekNumber),e.dayNumbers.map((t=>t?r("div",{role:"gridcell","aria-selected":this.getUtilitiesBasedOnDay(t).isSelected()?"true":"false",key:t,id:`day-cell-${t}`,"data-calendar-day":t,"data-date-value":`${e.weekNumber}-${t}`,class:this.getDayClasses(t),onClick:e=>{this.selectDay(t,e.currentTarget)},onKeyDown:e=>{const a=e.currentTarget;"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.selectDay(t,a))},tabIndex:t===this.focusedDay?0:-1,autofocus:this.getUtilitiesBasedOnDay(t).isToday(),onFocus:()=>this.onDayFocus(),onBlur:()=>this.onDayBlur(),"aria-label":`${t} ${c.months()[this.selectedMonth]} ${this.selectedYear}`},t):r("div",{role:"gridcell"}))))))),r("div",{key:"64236c8cacbf0c467b6da51e9540e966076f1d46",class:{button:!0,hidden:this.singleSelection||this.embedded}},r("ix-button",{key:"d0bd805434cbb01e8dbbed9fb539ee647b87ead4",hidden:this.singleSelection||this.embedded,onClick:()=>this.onDone()},this.i18nDone))))}static get delegatesFocus(){return!0}static get watchers(){return{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}}static get style(){return":host{display:block;position:relative;max-width:21rem}: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 .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid [role=row]{display:grid;grid-column:1/-1;grid-template-columns:subgrid}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}:host .infinite-scrolling-spacer:first-of-type{position:relative;padding-bottom:4rem}:host .infinite-scrolling-spacer:first-of-type .sentinel{position:absolute;bottom:0;height:1px;width:50px}:host .infinite-scrolling-spacer:last-of-type{position:relative;padding-top:4rem}:host .infinite-scrolling-spacer:last-of-type .sentinel{position:absolute;top:0;height:1px;width:50px}:host .month-selector,:host .year-selector{--ix-button-padding:0 0.25rem}"}},[529,"ix-date-picker",{format:[1],singleSelection:[4,"single-selection"],corners:[1],from:[1],to:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],i18nDone:[1,"i18n-done"],ariaLabelPreviousMonthButton:[1,"aria-label-previous-month-button"],ariaLabelNextMonthButton:[1,"aria-label-next-month-button"],ariaLabelMonthSelection:[1,"aria-label-month-selection"],ariaLabelYearSelection:[1,"aria-label-year-selection"],weekStartIndex:[2,"week-start-index"],locale:[1],showWeekNumbers:[4,"show-week-numbers"],embedded:[4],today:[1],enableTopLayer:[4,"enable-top-layer"],currFromDate:[32],currToDate:[32],selectedYear:[32],tempYear:[32],startYear:[32],endYear:[32],selectedMonth:[32],tempMonth:[32],dayNames:[32],monthNames:[32],focusedDay:[32],getCurrentDate:[64],updateSelectedYearMonth:[64],navigateCalendar:[64],focusFirstDayOfCurrentWeek:[64],focusLastDayOfCurrentWeek:[64],isCalendarDayFocused:[64],focusActiveDay:[64]},void 0,{from:[{watchFromPropHandler:0}],to:[{watchToPropHandler:0}],locale:[{onLocaleChange:0}]}]);function C(){"undefined"!=typeof customElements&&["ix-date-picker","ix-button","ix-date-time-card","ix-dropdown","ix-dropdown-button","ix-dropdown-item","ix-icon-button","ix-spinner","ix-typography"].forEach((e=>{switch(e){case"ix-date-picker":customElements.get(i(e))||customElements.define(i(e),D);break;case"ix-button":customElements.get(i(e))||p();break;case"ix-date-time-card":customElements.get(i(e))||g();break;case"ix-dropdown":customElements.get(i(e))||k();break;case"ix-dropdown-button":customElements.get(i(e))||y();break;case"ix-dropdown-item":customElements.get(i(e))||f();break;case"ix-icon-button":customElements.get(i(e))||v();break;case"ix-spinner":customElements.get(i(e))||w();break;case"ix-typography":customElements.get(i(e))||x()}}))}export{D,C as d}
@@ -1 +0,0 @@
1
- import{p as t,M as r,f as e,h as a,F as o,d as i,t as s}from"./p-eN5fQtqO.js";import{B as n}from"./p-BQ-hS49k.js";import{b as l,a as d}from"./p-C21npbUc.js";import{m as h}from"./p-Djkc69iv.js";import{b,h as c}from"./p-Dw_A3HUC.js";import{P as p,u,F as m}from"./p-D7qfGAJ7.js";import{D as v}from"./p-CApDAYIa.js";import{C as g}from"./p-Dpk_WgCl.js";import{A as x}from"./p-Byed_Z2G.js";import{d as f}from"./p-ePylRxs_.js";import{d as y}from"./p-CLDB-pmj.js";import{d as w}from"./p-D7sEY2UQ.js";import{d as k}from"./p-CgPr717U.js";import{d as C}from"./p-YFmbQndr.js";function j(t){const{initials:r}=t;return r?a("div",{class:"avatar-initials"},a("ix-typography",{format:"label-lg"},r)):a("svg",{class:"avatar-image",xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32","aria-label":t.ariaLabel},a("g",{fill:"none","fill-rule":"evenodd"},a("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),a("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"})))}function A(t){return a("div",{class:"avatar"},t.image?a("img",{src:t.image,class:"avatar-image","aria-label":t.ariaLabel}):a(j,{initials:t.initials,ariaLabel:t.ariaLabel}))}function E(t){return a(o,null,a("div",{class:"user-info",onClick:t=>t.preventDefault()},a(A,{image:t.image,initials:t.initials,ariaLabel:t.ariaLabel}),a("div",{class:"user"},a("div",{class:"username"},t.userName),t.extra&&a("ix-typography",{class:"extra","text-color":"soft"},t.extra))))}const D=t(class extends(r(...v,g,x)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}image;initials;username;extra;tooltipText;ariaLabelTooltip;isClosestApplicationHeader=!1;dropdownShow=!1;hasSlottedElements=!1;slotElement;dropdownElement;observeChildrenChange;tooltipRef=h();a11yAttributes={};get items(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}componentWillLoad(){this.a11yAttributes=l(this.hostElement);const t=b("ix-application-header",this.hostElement);this.isClosestApplicationHeader=null!==t,this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0})}componentDidLoad(){this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}async slottedChanged(){this.hasSlottedElements=c(this.slotElement)}resolveAvatarTrigger(){return new Promise(((t,r)=>{e((()=>{const e=this.hostElement.shadowRoot.querySelector("button");e?t(e):r(new Error("ix-avatar - trigger element not found"))}))}))}resolveTooltipTrigger(){return this.resolveAvatarTrigger().catch((()=>this.hostElement))}onDropdownClick(t){t.target===this.dropdownElement&&t.preventDefault()}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(`[aria-controls="${this.getHostElementId()}-proxy-listbox"]`)}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return p}updateProxyList(){const t=this.items,r=this.hostElement.shadowRoot.querySelector(".proxy-list");r&&u(r,t,((t,r)=>{r.role="menuitem",r.innerText=t.label??t.textContent??"",r.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.a11yAttributes["aria-label"],r=this.tooltipText||this.username,e=r===this.username,s=a(o,null,a(A,{image:this.image,initials:this.initials,ariaLabel:t}),!!r&&a("ix-tooltip",{ref:this.tooltipRef,for:this.resolveTooltipTrigger(),"aria-hidden":d(e),"aria-label":this.ariaLabelTooltip},r));return this.isClosestApplicationHeader?a(i,{slot:"ix-application-header-avatar",class:"avatar-button"},a(n,{disabled:!1,iconOval:!1,icon:void 0,iconOnly:!1,loading:!1,selected:!1,type:"button",variant:"tertiary",ariaAttributes:{role:"menu","aria-controls":`${this.getHostElementId()}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-haspopup":"menu"}},s),a("ix-dropdown",{ref:t=>this.dropdownElement=t,trigger:this.resolveAvatarTrigger(),class:"avatar-dropdown",onClick:t=>this.onDropdownClick(t),onShowChanged:t=>{this.dropdownShow=t.detail,t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},disableFocusTrap:!0,focusHost:this.hostElement},a(m,{hostId:this.getHostElementId(),otherProps:{}}),this.username&&a(o,null,a(E,{extra:this.extra,image:this.image,initials:this.initials,userName:this.username,ariaLabel:t}),this.hasSlottedElements&&a("ix-divider",{onClick:t=>t.preventDefault()})),a("slot",{onSlotchange:()=>this.slottedChanged(),ref:t=>this.slotElement=t}))):a(i,null,s)}static get style(){return":host{display:flex;position:relative;width:-moz-fit-content;width:fit-content}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .avatar{display:flex;align-items:center}:host .avatar>.avatar-image{height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px}:host .avatar>.avatar-initials{display:flex;align-items:center;justify-content:center;height:2rem;width:2rem;min-height:2rem;min-width:2rem;border-radius:100px;background-color:var(--theme-avatar--background);color:var(--theme-avatar--color)}:host .avatar>.avatar-initials>ix-typography{margin-top:1px}:host .avatar #avatar-path-background{fill:var(--theme-avatar--background)}:host .avatar #avatar-path-person{fill:var(--theme-avatar--color)}:host .user-info{display:flex;flex-direction:row;position:relative;height:2.5rem;padding:1rem;width:12.75rem;min-width:12.75rem;max-width:12.75rem;gap:1rem}:host .user-info .avatar{width:2rem;pointer-events:none}:host .user-info .user{display:flex;position:relative;flex-direction:column;justify-content:center;max-width:10rem;width:100%;overflow:hidden}:host .user-info .username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .user-info .extra{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.avatar-button) button{border-radius:100px !important;all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host(.avatar-button) button{padding:0px}:host(.avatar-button) .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(.avatar-button) .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(.avatar-button) .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):hover,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled):active,:host(.avatar-button) .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.avatar-button) button:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.avatar-button) .avatar{transform:scale(0.8)}:host(.avatar-button) .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host(.avatar-button) .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-avatar",{image:[1],initials:[1],username:[1],extra:[1],tooltipText:[1,"tooltip-text"],ariaLabelTooltip:[1,"aria-label-tooltip"],isClosestApplicationHeader:[32],dropdownShow:[32],hasSlottedElements:[32]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]);function L(){"undefined"!=typeof customElements&&["ix-avatar","ix-divider","ix-dropdown","ix-spinner","ix-tooltip","ix-typography"].forEach((t=>{switch(t){case"ix-avatar":customElements.get(s(t))||customElements.define(s(t),D);break;case"ix-divider":customElements.get(s(t))||f();break;case"ix-dropdown":customElements.get(s(t))||y();break;case"ix-spinner":customElements.get(s(t))||w();break;case"ix-tooltip":customElements.get(s(t))||k();break;case"ix-typography":customElements.get(s(t))||C()}}))}export{D as A,L as d}