@siemens/ix 5.0.0 → 5.1.0

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 (841) hide show
  1. package/READMEOSS.html +10 -10
  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-application.js +1 -1
  7. package/components/ix-avatar.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-content.js +1 -1
  14. package/components/ix-card-list.js +1 -1
  15. package/components/ix-card-title.js +1 -1
  16. package/components/ix-card.js +1 -1
  17. package/components/ix-category-filter.js +1 -1
  18. package/components/ix-checkbox-group.js +1 -1
  19. package/components/ix-checkbox.js +1 -1
  20. package/components/ix-chip.js +1 -1
  21. package/components/ix-col.js +1 -1
  22. package/components/ix-content-header.js +1 -1
  23. package/components/ix-content.js +1 -1
  24. package/components/ix-css-grid-item.js +1 -1
  25. package/components/ix-css-grid.js +1 -1
  26. package/components/ix-custom-field.js +1 -1
  27. package/components/ix-date-dropdown.js +1 -1
  28. package/components/ix-date-input.js +1 -1
  29. package/components/ix-date-picker.js +1 -1
  30. package/components/ix-date-time-card.js +1 -1
  31. package/components/ix-datetime-input.js +1 -1
  32. package/components/ix-datetime-picker.js +1 -1
  33. package/components/ix-divider.js +1 -1
  34. package/components/ix-dropdown-button.js +1 -1
  35. package/components/ix-dropdown-header.js +1 -1
  36. package/components/ix-dropdown-item.js +1 -1
  37. package/components/ix-dropdown-quick-actions.js +1 -1
  38. package/components/ix-dropdown.js +1 -1
  39. package/components/ix-empty-state.js +1 -1
  40. package/components/ix-event-list-item.js +1 -1
  41. package/components/ix-event-list.js +1 -1
  42. package/components/ix-expanding-search.js +1 -1
  43. package/components/ix-field-label.js +1 -1
  44. package/components/ix-field-wrapper.js +1 -1
  45. package/components/ix-filter-chip.js +1 -1
  46. package/components/ix-flip-tile-content.js +1 -1
  47. package/components/ix-flip-tile.js +1 -1
  48. package/components/ix-group-context-menu.js +1 -1
  49. package/components/ix-group-item.js +1 -1
  50. package/components/ix-group.js +1 -1
  51. package/components/ix-helper-text.js +1 -1
  52. package/components/ix-icon-button.js +1 -1
  53. package/components/ix-icon-toggle-button.js +1 -1
  54. package/components/ix-input.js +1 -1
  55. package/components/ix-key-value-list.js +1 -1
  56. package/components/ix-key-value.js +1 -1
  57. package/components/ix-kpi.js +1 -1
  58. package/components/ix-layout-auto.js +1 -1
  59. package/components/ix-layout-grid.js +1 -1
  60. package/components/ix-link-button.js +1 -1
  61. package/components/ix-menu-about-item.js +1 -1
  62. package/components/ix-menu-about-news.js +1 -1
  63. package/components/ix-menu-about.js +1 -1
  64. package/components/ix-menu-avatar-item.js +1 -1
  65. package/components/ix-menu-avatar.js +1 -1
  66. package/components/ix-menu-category.js +1 -1
  67. package/components/ix-menu-expand-icon.js +1 -1
  68. package/components/ix-menu-item.js +1 -1
  69. package/components/ix-menu-settings-item.js +1 -1
  70. package/components/ix-menu-settings.js +1 -1
  71. package/components/ix-menu.js +1 -1
  72. package/components/ix-message-bar.js +1 -1
  73. package/components/ix-modal-content.js +1 -1
  74. package/components/ix-modal-footer.js +1 -1
  75. package/components/ix-modal-header.js +1 -1
  76. package/components/ix-modal-loading.js +1 -1
  77. package/components/ix-modal.js +1 -1
  78. package/components/ix-number-input.js +1 -1
  79. package/components/ix-pagination.js +1 -1
  80. package/components/ix-pane-layout.js +1 -1
  81. package/components/ix-pane.js +1 -1
  82. package/components/ix-pill.js +1 -1
  83. package/components/ix-popover-content.d.ts +11 -0
  84. package/components/ix-popover-content.js +1 -0
  85. package/components/ix-popover-footer.d.ts +11 -0
  86. package/components/ix-popover-footer.js +1 -0
  87. package/components/ix-popover-header.d.ts +11 -0
  88. package/components/ix-popover-header.js +1 -0
  89. package/components/ix-popover-image.d.ts +11 -0
  90. package/components/ix-popover-image.js +1 -0
  91. package/components/ix-popover.d.ts +11 -0
  92. package/components/ix-popover.js +1 -0
  93. package/components/ix-progress-indicator.js +1 -1
  94. package/components/ix-push-card.js +1 -1
  95. package/components/ix-radio-group.js +1 -1
  96. package/components/ix-radio.js +1 -1
  97. package/components/ix-range-field.js +1 -1
  98. package/components/ix-row.js +1 -1
  99. package/components/ix-select-item.js +1 -1
  100. package/components/ix-select.js +1 -1
  101. package/components/ix-slider.js +1 -1
  102. package/components/ix-spinner.js +1 -1
  103. package/components/ix-split-button.js +1 -1
  104. package/components/ix-tab-item.js +1 -1
  105. package/components/ix-tab-panel.js +1 -1
  106. package/components/ix-tab-set.js +1 -1
  107. package/components/ix-tabs.js +1 -1
  108. package/components/ix-textarea.js +1 -1
  109. package/components/ix-tile.js +1 -1
  110. package/components/ix-time-input.js +1 -1
  111. package/components/ix-time-picker.js +1 -1
  112. package/components/ix-toast-container.js +1 -1
  113. package/components/ix-toast.js +1 -1
  114. package/components/ix-toggle-button.js +1 -1
  115. package/components/ix-toggle.js +1 -1
  116. package/components/ix-tooltip.js +1 -1
  117. package/components/ix-tree-item.js +1 -1
  118. package/components/ix-tree.js +1 -1
  119. package/components/ix-typography.js +1 -1
  120. package/components/ix-upload.js +1 -1
  121. package/components/ix-workflow-step.js +1 -1
  122. package/components/ix-workflow-steps.js +1 -1
  123. package/{dist/siemens-ix/p-c350c5d0.entry.js → components/p-3VG6z9c3.js} +1 -1
  124. package/components/p-5ntkLbuJ.js +1 -0
  125. package/components/p-7HGOhDMX.js +1 -0
  126. package/components/p-B-O0ylt_.js +1 -0
  127. package/components/p-BBCsPlPH.js +1 -0
  128. package/components/p-BDlGgfYh.js +1 -0
  129. package/components/{p-BP8g-yqY.js → p-BNAvpXSk.js} +1 -1
  130. package/components/{p-BE4QI9tD.js → p-BST8QY5w.js} +1 -1
  131. package/components/{p-B4Yxzuow.js → p-BWH03B1n.js} +1 -1
  132. package/components/{p-C-wf4kbs.js → p-BWknDysp.js} +1 -1
  133. package/components/p-BbW5EIKF.js +1 -0
  134. package/components/p-BbwShqw_.js +1 -0
  135. package/components/p-BtSt9tC5.js +1 -0
  136. package/components/p-BuBQiemL.js +1 -0
  137. package/components/{p-DQql_9wo.js → p-BzFLbXmT.js} +1 -1
  138. package/components/{p-CcllZcv2.js → p-C-sZLWci.js} +1 -1
  139. package/components/{p-CVmLf9WY.js → p-C0WZnIxc.js} +1 -1
  140. package/components/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
  141. package/components/p-C2jvmCOl.js +1 -0
  142. package/components/p-C5UTTqsv.js +1 -0
  143. package/components/{p-BwC_Hmai.js → p-CAH3dF6j.js} +1 -1
  144. package/{dist/siemens-ix/p-Dl_bUxb7.js → components/p-CApDAYIa.js} +1 -1
  145. package/components/{p-B1q6Xh9M.js → p-CDf5TQum.js} +1 -1
  146. package/components/p-CG9cQxRO.js +1 -0
  147. package/components/p-CGHbrmJg.js +1 -0
  148. package/components/{p-BcxPyyrm.js → p-CIA8i4dm.js} +1 -1
  149. package/components/{p-DUkuP1OH.js → p-CJoOEoc-.js} +1 -1
  150. package/components/p-CMtwWb3-.js +1 -0
  151. package/components/p-CNLoALIl.js +1 -0
  152. package/components/p-CT5pAQCz.js +1 -0
  153. package/components/{p-DN2Mr91y.js → p-CTbTAb9U.js} +1 -1
  154. package/components/p-CpOGS2e_.js +1 -0
  155. package/components/{p-uIG84RqI.js → p-CrDBjFhu.js} +1 -1
  156. package/components/{p-JevOq-9X.js → p-CrLxhwo2.js} +1 -1
  157. package/components/{p-CsP_r-y6.js → p-CuFZ7CXu.js} +1 -1
  158. package/components/{p-CJ3dR7zd.js → p-Cy2KAdml.js} +1 -1
  159. package/components/{p-DSpVcflZ.js → p-Czy7a3I4.js} +1 -1
  160. package/components/p-DDvuSQX3.js +1 -0
  161. package/components/{p-DdMuwGlF.js → p-DHydRnvu.js} +1 -1
  162. package/components/{p-546lBshK.js → p-DKH7tPDu.js} +1 -1
  163. package/components/{p-qsIASuyM.js → p-DM7ma3Eh.js} +1 -1
  164. package/components/p-DT02jDB7.js +1 -0
  165. package/components/p-Dfd_ifAu.js +1 -0
  166. package/components/{p-MZOpritx.js → p-DhWkcMmR.js} +1 -1
  167. package/components/p-DiLKm3tq.js +1 -0
  168. package/components/{p-Cf71L4Ol.js → p-DtOqKp7K.js} +1 -1
  169. package/components/p-DtmgZu-S.js +1 -0
  170. package/components/p-Dw_A3HUC.js +1 -0
  171. package/components/{p-By6x--zJ.js → p-Dwe6tWhq.js} +1 -1
  172. package/components/p-DziPiOL3.js +1 -0
  173. package/components/{p-DfnCSsMy.js → p-GGleop6j.js} +1 -1
  174. package/components/p-GmOVROeD.js +1 -0
  175. package/components/{p-W0q0WVKl.js → p-ImMb0joA.js} +1 -1
  176. package/components/p-Wr4Qf8LA.js +1 -0
  177. package/components/{p-DTcUamMt.js → p-aUZgVnx5.js} +1 -1
  178. package/components/{p-zs7a2E3b.js → p-wFiL3dN1.js} +1 -1
  179. package/components/{p-_Uc7YwjU.js → p-zqHenwXl.js} +1 -1
  180. package/components/{p-CuswfnZ5.js → p-zyYHTdEN.js} +1 -1
  181. package/dist/cjs/{a11y-C_6YiIMa.js → a11y-_XjpTo2w.js} +10 -0
  182. package/dist/cjs/{base-button-C-1izOSS.js → base-button-BP6iIMR7.js} +3 -3
  183. package/dist/cjs/{base-icon-button-BeXf6v9s.js → base-icon-button-BmiGQb9v.js} +2 -2
  184. package/dist/cjs/{component-CYtonfpw.js → component-DgA9FH-W.js} +2 -2
  185. package/dist/cjs/dropdown-controller-kBwdbfGD.js +99 -0
  186. package/dist/cjs/{focus-proxy-BCuVbpDb.js → focus-proxy-CjxFZupW.js} +6 -5
  187. package/dist/cjs/focus-trap-Be3N4ytz.js +310 -0
  188. package/dist/cjs/{focus-utilities-yx7wWjEO.js → focus-utilities-5SZMxJg4.js} +65 -23
  189. package/dist/cjs/{focus-visible.mixin-BU5Ql7d1.js → focus-visible.mixin-1V7Eldn_.js} +2 -2
  190. package/dist/cjs/{helper-text-util-CvfY1JxE.js → helper-text-util-BkHm7ofh.js} +3 -3
  191. package/dist/cjs/{index-Dw-NwUuT.js → index-CwJ-mkQd.js} +2 -2
  192. package/dist/cjs/{index-BKQkUbyE.js → index-DnclGKUw.js} +21 -1
  193. package/dist/cjs/index.cjs.js +2 -2
  194. package/dist/cjs/{inherit-aria-attributes.mixin-Sl7J-OlO.js → inherit-aria-attributes.mixin-EyRU0cDO.js} +2 -2
  195. package/dist/cjs/{input-picker.mixin-EoIayQV9.js → input-picker.mixin-Cf82jV-C.js} +2 -2
  196. package/dist/cjs/{input.fc-CsACCdp7.js → input.fc-DM-hX3xb.js} +3 -3
  197. package/dist/cjs/ix-action-card.cjs.entry.js +5 -4
  198. package/dist/cjs/ix-application-header.cjs.entry.js +14 -14
  199. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +5 -5
  200. package/dist/cjs/ix-application.cjs.entry.js +28 -13
  201. package/dist/cjs/ix-avatar_2.cjs.entry.js +9 -9
  202. package/dist/cjs/ix-blind.cjs.entry.js +9 -9
  203. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +10 -10
  204. package/dist/cjs/ix-breadcrumb.cjs.entry.js +8 -8
  205. package/dist/cjs/ix-button.cjs.entry.js +8 -8
  206. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -7
  207. package/dist/cjs/ix-card-list.cjs.entry.js +8 -8
  208. package/dist/cjs/ix-card_2.cjs.entry.js +4 -4
  209. package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
  210. package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
  211. package/dist/cjs/ix-checkbox.cjs.entry.js +20 -7
  212. package/dist/cjs/ix-chip.cjs.entry.js +11 -11
  213. package/dist/cjs/ix-col_4.cjs.entry.js +21 -23
  214. package/dist/cjs/ix-content-header.cjs.entry.js +5 -5
  215. package/dist/cjs/ix-content.cjs.entry.js +6 -6
  216. package/dist/cjs/ix-css-grid-item.cjs.entry.js +2 -2
  217. package/dist/cjs/ix-css-grid.cjs.entry.js +2 -2
  218. package/dist/cjs/ix-custom-field.cjs.entry.js +3 -3
  219. package/dist/cjs/ix-date-dropdown.cjs.entry.js +14 -14
  220. package/dist/cjs/ix-date-input.cjs.entry.js +15 -14
  221. package/dist/cjs/ix-date-picker.cjs.entry.js +13 -13
  222. package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
  223. package/dist/cjs/ix-datetime-input.cjs.entry.js +14 -13
  224. package/dist/cjs/ix-datetime-picker.cjs.entry.js +6 -6
  225. package/dist/cjs/ix-divider.cjs.entry.js +2 -2
  226. package/dist/cjs/ix-dropdown-button.cjs.entry.js +11 -11
  227. package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
  228. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
  229. package/dist/cjs/ix-dropdown_2.cjs.entry.js +14 -13
  230. package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
  231. package/dist/cjs/ix-event-list-item.cjs.entry.js +7 -7
  232. package/dist/cjs/ix-event-list.cjs.entry.js +3 -3
  233. package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
  234. package/dist/cjs/ix-field-label_2.cjs.entry.js +12 -12
  235. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +30 -13
  236. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +2 -2
  237. package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
  238. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +4 -4
  239. package/dist/cjs/ix-group.cjs.entry.js +11 -11
  240. package/dist/cjs/ix-helper-text.cjs.entry.js +6 -6
  241. package/dist/cjs/ix-icon-button_2.cjs.entry.js +12 -12
  242. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +11 -11
  243. package/dist/cjs/ix-input.cjs.entry.js +11 -13
  244. package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
  245. package/dist/cjs/ix-key-value.cjs.entry.js +2 -2
  246. package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
  247. package/dist/cjs/ix-layout-auto.cjs.entry.js +2 -2
  248. package/dist/cjs/ix-link-button.cjs.entry.js +5 -5
  249. package/dist/cjs/ix-menu-about-item.cjs.entry.js +3 -3
  250. package/dist/cjs/ix-menu-about-news.cjs.entry.js +9 -9
  251. package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
  252. package/dist/cjs/ix-menu-avatar.cjs.entry.js +6 -6
  253. package/dist/cjs/ix-menu-category.cjs.entry.js +255 -38
  254. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +8 -8
  255. package/dist/cjs/ix-menu-item.cjs.entry.js +221 -32
  256. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +3 -3
  257. package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
  258. package/dist/cjs/ix-menu.cjs.entry.js +195 -18
  259. package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
  260. package/dist/cjs/ix-modal-content_2.cjs.entry.js +6 -6
  261. package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
  262. package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
  263. package/dist/cjs/ix-modal.cjs.entry.js +6 -6
  264. package/dist/cjs/ix-number-input.cjs.entry.js +10 -10
  265. package/dist/cjs/ix-pagination.cjs.entry.js +7 -7
  266. package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
  267. package/dist/cjs/ix-pane.cjs.entry.js +102 -25
  268. package/dist/cjs/ix-pill_4.cjs.entry.js +23 -23
  269. package/dist/cjs/ix-popover-content.cjs.entry.js +26 -0
  270. package/dist/cjs/ix-popover-footer.cjs.entry.js +26 -0
  271. package/dist/cjs/ix-popover-header.cjs.entry.js +70 -0
  272. package/dist/cjs/ix-popover-image.cjs.entry.js +33 -0
  273. package/dist/cjs/ix-popover.cjs.entry.js +996 -0
  274. package/dist/cjs/ix-progress-indicator.cjs.entry.js +5 -5
  275. package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
  276. package/dist/cjs/ix-radio-group.cjs.entry.js +4 -4
  277. package/dist/cjs/ix-radio.cjs.entry.js +6 -6
  278. package/dist/cjs/ix-range-field.cjs.entry.js +7 -7
  279. package/dist/cjs/ix-select.cjs.entry.js +394 -24
  280. package/dist/cjs/ix-slider.cjs.entry.js +10 -10
  281. package/dist/cjs/ix-split-button.cjs.entry.js +7 -7
  282. package/dist/cjs/ix-tab-panel.cjs.entry.js +5 -5
  283. package/dist/cjs/ix-textarea.cjs.entry.js +6 -6
  284. package/dist/cjs/ix-tile.cjs.entry.js +5 -5
  285. package/dist/cjs/ix-time-input.cjs.entry.js +15 -14
  286. package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
  287. package/dist/cjs/ix-toast.cjs.entry.js +4 -4
  288. package/dist/cjs/ix-toggle-button.cjs.entry.js +8 -8
  289. package/dist/cjs/ix-toggle.cjs.entry.js +10 -10
  290. package/dist/cjs/ix-tooltip.cjs.entry.js +12 -3
  291. package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
  292. package/dist/cjs/ix-tree.cjs.entry.js +4 -3
  293. package/dist/cjs/ix-typography.cjs.entry.js +2 -2
  294. package/dist/cjs/ix-upload.cjs.entry.js +6 -6
  295. package/dist/cjs/ix-workflow-step.cjs.entry.js +5 -5
  296. package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
  297. package/dist/cjs/{listener-BafrcTaM.js → listener-ClEsCfX0.js} +1 -1
  298. package/dist/cjs/loader.cjs.js +2 -2
  299. package/dist/cjs/{menu-service-D_QsHUgR.js → menu-service-DBg-0e5W.js} +13 -2
  300. package/dist/cjs/path-utils-CQKWhbQW.js +169 -0
  301. package/dist/cjs/{shadow-dom-BG8VqeIu.js → shadow-dom-BL5F7RFW.js} +13 -0
  302. package/dist/cjs/siemens-ix.cjs.js +3 -3
  303. package/dist/cjs/{tab.mixin-DObUK6A4.js → tab.mixin-C1KwKb64.js} +1 -1
  304. package/dist/cjs/uuid-Bo2QzEg9.js +15 -0
  305. package/dist/cjs/{validation-Dier-uPA.js → validation-DJaUH-UR.js} +1 -1
  306. package/dist/collection/collection-manifest.json +6 -1
  307. package/dist/collection/components/action-card/action-card.css +18 -0
  308. package/dist/collection/components/action-card/action-card.js +5 -1
  309. package/dist/collection/components/application/application.js +25 -10
  310. package/dist/collection/components/application-header/application-header.js +9 -9
  311. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +2 -2
  312. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +2 -2
  313. package/dist/collection/components/avatar/avatar.css +1 -1
  314. package/dist/collection/components/blind/blind.css +27 -0
  315. package/dist/collection/components/blind/blind.js +5 -5
  316. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  317. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +3 -3
  318. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
  319. package/dist/collection/components/button/base-button.js +1 -1
  320. package/dist/collection/components/button/button.css +2 -2
  321. package/dist/collection/components/card/card.js +2 -2
  322. package/dist/collection/components/card-accordion/card-accordion.js +4 -4
  323. package/dist/collection/components/card-content/card-content.js +1 -1
  324. package/dist/collection/components/card-list/card-list.css +1 -1
  325. package/dist/collection/components/card-list/card-list.js +6 -6
  326. package/dist/collection/components/card-title/card-title.js +1 -1
  327. package/dist/collection/components/category-filter/category-filter.css +2 -2
  328. package/dist/collection/components/category-filter/category-filter.js +3 -3
  329. package/dist/collection/components/checkbox/checkbox.css +13 -4
  330. package/dist/collection/components/checkbox/checkbox.js +21 -3
  331. package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
  332. package/dist/collection/components/chip/chip.js +4 -4
  333. package/dist/collection/components/col/col.js +2 -2
  334. package/dist/collection/components/content/content.css +2 -2
  335. package/dist/collection/components/content/content.js +3 -3
  336. package/dist/collection/components/content-header/content-header.js +3 -3
  337. package/dist/collection/components/css-grid/css-grid-item.js +1 -1
  338. package/dist/collection/components/css-grid/css-grid.js +1 -1
  339. package/dist/collection/components/custom-field/custom-field.js +1 -1
  340. package/dist/collection/components/date-dropdown/date-dropdown.css +1 -1
  341. package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
  342. package/dist/collection/components/date-input/date-input.js +5 -4
  343. package/dist/collection/components/date-picker/date-picker.css +4 -0
  344. package/dist/collection/components/date-picker/date-picker.js +7 -7
  345. package/dist/collection/components/date-time-card/date-time-card.js +2 -2
  346. package/dist/collection/components/datetime-input/datetime-input.js +3 -3
  347. package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
  348. package/dist/collection/components/divider/divider.js +1 -1
  349. package/dist/collection/components/dropdown/dropdown-controller.js +20 -82
  350. package/dist/collection/components/dropdown/dropdown.js +2 -2
  351. package/dist/collection/components/dropdown-button/dropdown-button.js +6 -6
  352. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  353. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  354. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  355. package/dist/collection/components/empty-state/empty-state.js +1 -1
  356. package/dist/collection/components/event-list/event-list.js +2 -2
  357. package/dist/collection/components/event-list-item/event-list-item.js +4 -4
  358. package/dist/collection/components/expanding-search/expanding-search.js +4 -4
  359. package/dist/collection/components/field-label/field-label.js +2 -2
  360. package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
  361. package/dist/collection/components/filter-chip/filter-chip.css +3 -1
  362. package/dist/collection/components/filter-chip/filter-chip.js +31 -1
  363. package/dist/collection/components/flip-tile/flip-tile.js +3 -3
  364. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  365. package/dist/collection/components/group/group-context-menu.js +1 -1
  366. package/dist/collection/components/group/group.js +8 -8
  367. package/dist/collection/components/helper-text/helper-text.js +1 -1
  368. package/dist/collection/components/icon-button/icon-button.css +2 -2
  369. package/dist/collection/components/icon-button/icon-button.js +2 -2
  370. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +2 -2
  371. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
  372. package/dist/collection/components/input/input.css +2 -2
  373. package/dist/collection/components/input/input.js +5 -7
  374. package/dist/collection/components/input/number-input.js +5 -5
  375. package/dist/collection/components/input/textarea.js +2 -2
  376. package/dist/collection/components/ix-playground/ix-playground.js +1 -1
  377. package/dist/collection/components/key-value/key-value.js +1 -1
  378. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  379. package/dist/collection/components/kpi/kpi.js +3 -3
  380. package/dist/collection/components/layout-auto/layout-auto.js +1 -1
  381. package/dist/collection/components/layout-grid/layout-grid.js +2 -2
  382. package/dist/collection/components/link-button/link-button.js +3 -3
  383. package/dist/collection/components/menu/menu-expand-icon.css +1 -1
  384. package/dist/collection/components/menu/menu-expand-icon.js +3 -3
  385. package/dist/collection/components/menu/menu.css +21 -3
  386. package/dist/collection/components/menu/menu.js +238 -14
  387. package/dist/collection/components/menu-about/menu-about.js +2 -2
  388. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  389. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  390. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  391. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  392. package/dist/collection/components/menu-category/menu-category.js +122 -32
  393. package/dist/collection/components/menu-item/menu-item.js +117 -19
  394. package/dist/collection/components/menu-settings/menu-settings.js +2 -2
  395. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  396. package/dist/collection/components/message-bar/message-bar.js +1 -1
  397. package/dist/collection/components/modal/modal.js +3 -3
  398. package/dist/collection/components/modal-content/modal-content.js +1 -1
  399. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  400. package/dist/collection/components/modal-header/modal-header.css +1 -0
  401. package/dist/collection/components/modal-header/modal-header.js +1 -1
  402. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  403. package/dist/collection/components/pagination/pagination.css +2 -2
  404. package/dist/collection/components/pagination/pagination.js +2 -2
  405. package/dist/collection/components/pane/pane.css +4 -0
  406. package/dist/collection/components/pane/pane.js +119 -21
  407. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  408. package/dist/collection/components/pill/pill.js +4 -4
  409. package/dist/collection/components/popover/popover-controller.js +161 -0
  410. package/dist/collection/components/popover/popover.css +75 -0
  411. package/dist/collection/components/popover/popover.js +940 -0
  412. package/dist/collection/components/popover/test/popover.constants.js +19 -0
  413. package/dist/collection/components/popover/test/popover.fixtures.js +111 -0
  414. package/dist/collection/components/popover/test/popover.page.js +318 -0
  415. package/dist/collection/components/popover-content/popover-content.css +81 -0
  416. package/dist/collection/components/popover-content/popover-content.js +67 -0
  417. package/dist/collection/components/popover-footer/popover-footer.css +91 -0
  418. package/dist/collection/components/popover-footer/popover-footer.js +68 -0
  419. package/dist/collection/components/popover-header/popover-header.css +105 -0
  420. package/dist/collection/components/popover-header/popover-header.js +205 -0
  421. package/dist/collection/components/popover-image/popover-image.css +80 -0
  422. package/dist/collection/components/popover-image/popover-image.js +96 -0
  423. package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
  424. package/dist/collection/components/push-card/push-card.js +1 -1
  425. package/dist/collection/components/radio/radio.js +3 -3
  426. package/dist/collection/components/radio-group/radio-group.js +2 -2
  427. package/dist/collection/components/range-field/range-field.js +2 -2
  428. package/dist/collection/components/row/row.js +1 -1
  429. package/dist/collection/components/select/select.css +25 -3
  430. package/dist/collection/components/select/select.js +420 -16
  431. package/dist/collection/components/select-item/select-item.css +5 -0
  432. package/dist/collection/components/select-item/select-item.js +33 -3
  433. package/dist/collection/components/slider/slider.js +6 -6
  434. package/dist/collection/components/spinner/spinner.js +1 -1
  435. package/dist/collection/components/split-button/split-button.js +1 -1
  436. package/dist/collection/components/tab-item/tab-item.js +5 -5
  437. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  438. package/dist/collection/components/tab-set/tab-set.js +1 -1
  439. package/dist/collection/components/tabs/tabs.js +5 -5
  440. package/dist/collection/components/tile/tile.js +4 -4
  441. package/dist/collection/components/time-input/time-input.js +5 -4
  442. package/dist/collection/components/time-picker/time-picker.js +17 -19
  443. package/dist/collection/components/toast/toast-container.js +2 -2
  444. package/dist/collection/components/toast/toast.js +2 -2
  445. package/dist/collection/components/toggle/toggle.js +3 -3
  446. package/dist/collection/components/toggle-button/toggle-button.css +2 -2
  447. package/dist/collection/components/tooltip/tooltip.js +11 -2
  448. package/dist/collection/components/tree/tree.js +1 -1
  449. package/dist/collection/components/tree-item/tree-item.js +4 -4
  450. package/dist/collection/components/typography/typography.js +1 -1
  451. package/dist/collection/components/upload/upload.js +3 -3
  452. package/dist/collection/components/utils/a11y.js +9 -0
  453. package/dist/collection/components/utils/focus/focus-proxy.js +5 -4
  454. package/dist/collection/components/utils/focus/focus-trap.js +286 -69
  455. package/dist/collection/components/utils/focus/focus-utilities.js +65 -23
  456. package/dist/collection/components/utils/menu-service/menu-service.js +13 -2
  457. package/dist/collection/components/utils/nested-overlay/hierarchy.js +44 -0
  458. package/dist/collection/components/utils/nested-overlay/index.js +11 -0
  459. package/dist/collection/components/utils/nested-overlay/nested-overlay-stack.js +101 -0
  460. package/dist/collection/components/utils/nested-overlay/path-utils.js +17 -0
  461. package/dist/collection/components/utils/nested-overlay/types.js +1 -0
  462. package/dist/collection/components/utils/shadow-dom.js +12 -0
  463. package/dist/collection/components/workflow-step/workflow-step.js +3 -3
  464. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  465. package/dist/esm/{a11y-B5k8YVR0.js → a11y-C21npbUc.js} +10 -1
  466. package/dist/esm/{base-button-hppF0uUM.js → base-button-DZdtpLxn.js} +3 -3
  467. package/dist/esm/{base-icon-button-_xVULsPr.js → base-icon-button-DufFLJC-.js} +2 -2
  468. package/dist/esm/{component-Chfbghog.js → component-DqJSHc3A.js} +2 -2
  469. package/dist/esm/dropdown-controller-Jfg3ZWk6.js +96 -0
  470. package/dist/esm/{focus-proxy-BgLEsVE2.js → focus-proxy-BQyoX-Kl.js} +6 -5
  471. package/dist/esm/focus-trap-IK9ialav.js +304 -0
  472. package/dist/esm/{focus-utilities-DnaItyVQ.js → focus-utilities-6ZxKp7Jn.js} +66 -24
  473. package/dist/esm/{focus-visible.mixin-CoMZ6z5Z.js → focus-visible.mixin-CaRK3Ex_.js} +2 -2
  474. package/dist/esm/{helper-text-util-AEl-1QU6.js → helper-text-util-D0LEFZuB.js} +3 -3
  475. package/dist/esm/{index-Cl7fhG1I.js → index-DgUGsIlh.js} +2 -2
  476. package/dist/esm/{index-Ca5WUunf.js → index-EBgS4zhE.js} +21 -1
  477. package/dist/esm/index.js +2 -2
  478. package/dist/esm/{inherit-aria-attributes.mixin-CBuZQFB-.js → inherit-aria-attributes.mixin-nCmPujqf.js} +2 -2
  479. package/dist/esm/{input-picker.mixin-Bo_sZpC4.js → input-picker.mixin-DudWFH-e.js} +2 -2
  480. package/dist/esm/{input.fc-DjE-oOZc.js → input.fc-CE3kP-L_.js} +3 -3
  481. package/dist/esm/ix-action-card.entry.js +5 -4
  482. package/dist/esm/ix-application-header.entry.js +14 -14
  483. package/dist/esm/ix-application-switch-modal.entry.js +5 -5
  484. package/dist/esm/ix-application.entry.js +28 -13
  485. package/dist/esm/ix-avatar_2.entry.js +9 -9
  486. package/dist/esm/ix-blind.entry.js +9 -9
  487. package/dist/esm/ix-breadcrumb-item.entry.js +10 -10
  488. package/dist/esm/ix-breadcrumb.entry.js +8 -8
  489. package/dist/esm/ix-button.entry.js +8 -8
  490. package/dist/esm/ix-card-accordion_2.entry.js +7 -7
  491. package/dist/esm/ix-card-list.entry.js +8 -8
  492. package/dist/esm/ix-card_2.entry.js +4 -4
  493. package/dist/esm/ix-category-filter.entry.js +8 -8
  494. package/dist/esm/ix-checkbox-group.entry.js +4 -4
  495. package/dist/esm/ix-checkbox.entry.js +20 -7
  496. package/dist/esm/ix-chip.entry.js +11 -11
  497. package/dist/esm/ix-col_4.entry.js +21 -23
  498. package/dist/esm/ix-content-header.entry.js +5 -5
  499. package/dist/esm/ix-content.entry.js +6 -6
  500. package/dist/esm/ix-css-grid-item.entry.js +2 -2
  501. package/dist/esm/ix-css-grid.entry.js +2 -2
  502. package/dist/esm/ix-custom-field.entry.js +3 -3
  503. package/dist/esm/ix-date-dropdown.entry.js +14 -14
  504. package/dist/esm/ix-date-input.entry.js +15 -14
  505. package/dist/esm/ix-date-picker.entry.js +13 -13
  506. package/dist/esm/ix-date-time-card.entry.js +3 -3
  507. package/dist/esm/ix-datetime-input.entry.js +14 -13
  508. package/dist/esm/ix-datetime-picker.entry.js +6 -6
  509. package/dist/esm/ix-divider.entry.js +2 -2
  510. package/dist/esm/ix-dropdown-button.entry.js +11 -11
  511. package/dist/esm/ix-dropdown-header.entry.js +2 -2
  512. package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
  513. package/dist/esm/ix-dropdown_2.entry.js +14 -13
  514. package/dist/esm/ix-empty-state.entry.js +2 -2
  515. package/dist/esm/ix-event-list-item.entry.js +7 -7
  516. package/dist/esm/ix-event-list.entry.js +3 -3
  517. package/dist/esm/ix-expanding-search.entry.js +6 -6
  518. package/dist/esm/ix-field-label_2.entry.js +12 -12
  519. package/dist/esm/ix-filter-chip_2.entry.js +30 -13
  520. package/dist/esm/ix-flip-tile-content.entry.js +2 -2
  521. package/dist/esm/ix-flip-tile.entry.js +6 -6
  522. package/dist/esm/ix-group-context-menu_2.entry.js +4 -4
  523. package/dist/esm/ix-group.entry.js +11 -11
  524. package/dist/esm/ix-helper-text.entry.js +6 -6
  525. package/dist/esm/ix-icon-button_2.entry.js +12 -12
  526. package/dist/esm/ix-icon-toggle-button.entry.js +11 -11
  527. package/dist/esm/ix-input.entry.js +11 -13
  528. package/dist/esm/ix-key-value-list.entry.js +2 -2
  529. package/dist/esm/ix-key-value.entry.js +2 -2
  530. package/dist/esm/ix-kpi.entry.js +5 -5
  531. package/dist/esm/ix-layout-auto.entry.js +2 -2
  532. package/dist/esm/ix-link-button.entry.js +5 -5
  533. package/dist/esm/ix-menu-about-item.entry.js +3 -3
  534. package/dist/esm/ix-menu-about-news.entry.js +9 -9
  535. package/dist/esm/ix-menu-about.entry.js +4 -4
  536. package/dist/esm/ix-menu-avatar.entry.js +6 -6
  537. package/dist/esm/ix-menu-category.entry.js +255 -38
  538. package/dist/esm/ix-menu-expand-icon.entry.js +8 -8
  539. package/dist/esm/ix-menu-item.entry.js +220 -31
  540. package/dist/esm/ix-menu-settings-item.entry.js +3 -3
  541. package/dist/esm/ix-menu-settings.entry.js +4 -4
  542. package/dist/esm/ix-menu.entry.js +195 -18
  543. package/dist/esm/ix-message-bar.entry.js +3 -3
  544. package/dist/esm/ix-modal-content_2.entry.js +6 -6
  545. package/dist/esm/ix-modal-footer.entry.js +2 -2
  546. package/dist/esm/ix-modal-loading.entry.js +2 -2
  547. package/dist/esm/ix-modal.entry.js +6 -6
  548. package/dist/esm/ix-number-input.entry.js +10 -10
  549. package/dist/esm/ix-pagination.entry.js +7 -7
  550. package/dist/esm/ix-pane-layout.entry.js +2 -2
  551. package/dist/esm/ix-pane.entry.js +102 -25
  552. package/dist/esm/ix-pill_4.entry.js +23 -23
  553. package/dist/esm/ix-popover-content.entry.js +24 -0
  554. package/dist/esm/ix-popover-footer.entry.js +24 -0
  555. package/dist/esm/ix-popover-header.entry.js +68 -0
  556. package/dist/esm/ix-popover-image.entry.js +31 -0
  557. package/dist/esm/ix-popover.entry.js +994 -0
  558. package/dist/esm/ix-progress-indicator.entry.js +5 -5
  559. package/dist/esm/ix-push-card.entry.js +2 -2
  560. package/dist/esm/ix-radio-group.entry.js +4 -4
  561. package/dist/esm/ix-radio.entry.js +6 -6
  562. package/dist/esm/ix-range-field.entry.js +7 -7
  563. package/dist/esm/ix-select.entry.js +394 -24
  564. package/dist/esm/ix-slider.entry.js +10 -10
  565. package/dist/esm/ix-split-button.entry.js +7 -7
  566. package/dist/esm/ix-tab-panel.entry.js +5 -5
  567. package/dist/esm/ix-textarea.entry.js +6 -6
  568. package/dist/esm/ix-tile.entry.js +5 -5
  569. package/dist/esm/ix-time-input.entry.js +15 -14
  570. package/dist/esm/ix-toast-container.entry.js +3 -3
  571. package/dist/esm/ix-toast.entry.js +4 -4
  572. package/dist/esm/ix-toggle-button.entry.js +8 -8
  573. package/dist/esm/ix-toggle.entry.js +10 -10
  574. package/dist/esm/ix-tooltip.entry.js +12 -3
  575. package/dist/esm/ix-tree-item.entry.js +6 -6
  576. package/dist/esm/ix-tree.entry.js +4 -3
  577. package/dist/esm/ix-typography.entry.js +2 -2
  578. package/dist/esm/ix-upload.entry.js +6 -6
  579. package/dist/esm/ix-workflow-step.entry.js +5 -5
  580. package/dist/esm/ix-workflow-steps.entry.js +2 -2
  581. package/dist/esm/{listener-Dk6XGheN.js → listener-BjluJgvO.js} +1 -1
  582. package/dist/esm/loader.js +3 -3
  583. package/dist/esm/{menu-service-DTIYRV47.js → menu-service-DYOa8RGJ.js} +13 -2
  584. package/dist/esm/path-utils-CNLoALIl.js +165 -0
  585. package/dist/esm/{shadow-dom-BIe8Nw9M.js → shadow-dom-BClJdFQP.js} +13 -1
  586. package/dist/esm/siemens-ix.js +4 -4
  587. package/dist/esm/{tab.mixin-2hU1i4Yk.js → tab.mixin-BjAM99yM.js} +1 -1
  588. package/dist/esm/uuid-D3T7Lr4G.js +13 -0
  589. package/dist/esm/{validation-BT5aAuSO.js → validation-VVt5EFy0.js} +1 -1
  590. package/dist/siemens-ix/index.esm.js +1 -1
  591. package/dist/siemens-ix/p-074c8b24.entry.js +1 -0
  592. package/dist/siemens-ix/p-080147bd.entry.js +1 -0
  593. package/dist/siemens-ix/p-0d60bd71.entry.js +1 -0
  594. package/dist/siemens-ix/p-0eb3a12a.entry.js +1 -0
  595. package/dist/siemens-ix/p-12930fcd.entry.js +1 -0
  596. package/dist/siemens-ix/p-18cae4df.entry.js +1 -0
  597. package/dist/siemens-ix/p-1a6b7e92.entry.js +1 -0
  598. package/dist/siemens-ix/{p-a5d60068.entry.js → p-2072682b.entry.js} +1 -1
  599. package/dist/siemens-ix/{p-65b8ad90.entry.js → p-21b09017.entry.js} +1 -1
  600. package/dist/siemens-ix/{p-6fb379fb.entry.js → p-21e8ccb6.entry.js} +1 -1
  601. package/dist/siemens-ix/{p-232da11d.entry.js → p-2202ae94.entry.js} +1 -1
  602. package/dist/siemens-ix/{p-12750b7b.entry.js → p-247d2e7a.entry.js} +1 -1
  603. package/dist/siemens-ix/{p-84fbdef9.entry.js → p-24c54468.entry.js} +1 -1
  604. package/dist/siemens-ix/p-264e971c.entry.js +1 -0
  605. package/dist/siemens-ix/p-2b9f7512.entry.js +1 -0
  606. package/dist/siemens-ix/{p-756c8779.entry.js → p-2f7b1e1e.entry.js} +1 -1
  607. package/dist/siemens-ix/p-321a10b6.entry.js +1 -0
  608. package/dist/siemens-ix/{p-df13643b.entry.js → p-34f61a28.entry.js} +1 -1
  609. package/dist/siemens-ix/p-35bfaa91.entry.js +1 -0
  610. package/dist/siemens-ix/{p-48386b43.entry.js → p-3854287c.entry.js} +1 -1
  611. package/dist/siemens-ix/p-3bb5600a.entry.js +1 -0
  612. package/dist/siemens-ix/p-3bc384b7.entry.js +1 -0
  613. package/dist/siemens-ix/p-3pidUFd-.js +1 -0
  614. package/dist/siemens-ix/{p-8493e35e.entry.js → p-46768472.entry.js} +1 -1
  615. package/dist/siemens-ix/p-46b2b660.entry.js +1 -0
  616. package/dist/siemens-ix/p-4bc4a175.entry.js +1 -0
  617. package/dist/siemens-ix/p-4f0f97dd.entry.js +1 -0
  618. package/dist/siemens-ix/p-52dc064a.entry.js +1 -0
  619. package/dist/siemens-ix/p-54a22a58.entry.js +1 -0
  620. package/dist/siemens-ix/{p-986142f0.entry.js → p-5685a2e6.entry.js} +1 -1
  621. package/dist/siemens-ix/p-56d2d54c.entry.js +1 -0
  622. package/dist/siemens-ix/p-5ff289c7.entry.js +1 -0
  623. package/dist/siemens-ix/p-601224bd.entry.js +1 -0
  624. package/dist/siemens-ix/{p-d798773f.entry.js → p-62a7ae9c.entry.js} +1 -1
  625. package/dist/siemens-ix/p-63491f83.entry.js +1 -0
  626. package/dist/siemens-ix/p-641bc66c.entry.js +1 -0
  627. package/dist/siemens-ix/{p-21c0d22c.entry.js → p-646d5219.entry.js} +1 -1
  628. package/dist/siemens-ix/{p-6e63af65.entry.js → p-66b4875e.entry.js} +1 -1
  629. package/dist/siemens-ix/p-6ZxKp7Jn.js +1 -0
  630. package/dist/siemens-ix/{p-5024bd91.entry.js → p-6f78e0f1.entry.js} +1 -1
  631. package/dist/siemens-ix/{p-077cb0a7.entry.js → p-705eded9.entry.js} +1 -1
  632. package/dist/siemens-ix/p-710d32a6.entry.js +1 -0
  633. package/dist/siemens-ix/{p-edb738d9.entry.js → p-71feb871.entry.js} +1 -1
  634. package/dist/siemens-ix/p-7c120d09.entry.js +1 -0
  635. package/dist/siemens-ix/p-7e6a5c38.entry.js +1 -0
  636. package/dist/siemens-ix/p-7fc7c67f.entry.js +1 -0
  637. package/dist/siemens-ix/p-81248fd2.entry.js +1 -0
  638. package/dist/siemens-ix/p-8164a98b.entry.js +1 -0
  639. package/dist/siemens-ix/p-83f4cd88.entry.js +1 -0
  640. package/dist/siemens-ix/{p-38cb18b4.entry.js → p-8900e229.entry.js} +1 -1
  641. package/dist/siemens-ix/p-8969b2f9.entry.js +1 -0
  642. package/dist/siemens-ix/{p-0de68f63.entry.js → p-8c2365cc.entry.js} +1 -1
  643. package/dist/siemens-ix/p-8cea823b.entry.js +1 -0
  644. package/dist/siemens-ix/p-8d05ae35.entry.js +1 -0
  645. package/dist/siemens-ix/{p-68eb9150.entry.js → p-8d73ddac.entry.js} +1 -1
  646. package/dist/siemens-ix/{p-f847a799.entry.js → p-90a5cda7.entry.js} +1 -1
  647. package/dist/siemens-ix/{p-782fb465.entry.js → p-957b77ec.entry.js} +1 -1
  648. package/dist/siemens-ix/{p-280d8b68.entry.js → p-9a88ff9c.entry.js} +1 -1
  649. package/dist/siemens-ix/{p-222881a1.entry.js → p-9d9fec8c.entry.js} +1 -1
  650. package/dist/siemens-ix/p-B0y5hnj5.js +1 -0
  651. package/dist/siemens-ix/p-B4oiZyZC.js +1 -0
  652. package/dist/siemens-ix/p-BClJdFQP.js +1 -0
  653. package/dist/siemens-ix/p-BKuq0po2.js +1 -0
  654. package/{components/p-Dx8kFukG.js → dist/siemens-ix/p-BWgttsqY.js} +1 -1
  655. package/dist/siemens-ix/p-BbwShqw_.js +1 -0
  656. package/dist/siemens-ix/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
  657. package/dist/siemens-ix/{p-DnCbHs-d.js → p-C518yBiI.js} +1 -1
  658. package/dist/siemens-ix/p-CNLoALIl.js +1 -0
  659. package/dist/siemens-ix/{p-BgL7Z4IG.js → p-CXbob2Ew.js} +1 -1
  660. package/dist/siemens-ix/p-D3T7Lr4G.js +1 -0
  661. package/dist/siemens-ix/p-DT02jDB7.js +1 -0
  662. package/dist/siemens-ix/p-DVJeDueL.js +1 -0
  663. package/dist/siemens-ix/p-DgUGsIlh.js +1 -0
  664. package/dist/siemens-ix/p-HpQs38Y0.js +1 -0
  665. package/dist/siemens-ix/{p-a44e8a8f.entry.js → p-a6a0b240.entry.js} +1 -1
  666. package/dist/siemens-ix/{p-bd60b9fe.entry.js → p-ae07f671.entry.js} +1 -1
  667. package/dist/siemens-ix/p-aec23f79.entry.js +1 -0
  668. package/dist/siemens-ix/p-b13f34d1.entry.js +1 -0
  669. package/dist/siemens-ix/p-b181bf0b.entry.js +1 -0
  670. package/dist/siemens-ix/p-b534dadd.entry.js +1 -0
  671. package/dist/siemens-ix/{p-5b3f7baa.entry.js → p-b63d7f36.entry.js} +1 -1
  672. package/dist/siemens-ix/p-b75db823.entry.js +1 -0
  673. package/dist/siemens-ix/{p-c56497da.entry.js → p-b7f2f229.entry.js} +1 -1
  674. package/dist/siemens-ix/p-b8beb613.entry.js +1 -0
  675. package/dist/siemens-ix/p-ba9dcd79.entry.js +1 -0
  676. package/dist/siemens-ix/{p-fcac86a5.entry.js → p-bc0f5cbe.entry.js} +1 -1
  677. package/dist/siemens-ix/{p-dedd5fc0.entry.js → p-bc11adcd.entry.js} +1 -1
  678. package/dist/siemens-ix/{p-2d7e415f.entry.js → p-bfb758cb.entry.js} +1 -1
  679. package/dist/siemens-ix/p-c0c6d772.entry.js +1 -0
  680. package/dist/siemens-ix/p-c0dc5a8e.entry.js +1 -0
  681. package/dist/siemens-ix/{p-04bbcd53.entry.js → p-c6d63b3c.entry.js} +1 -1
  682. package/dist/siemens-ix/{p-3f752a9c.entry.js → p-c97c218d.entry.js} +1 -1
  683. package/dist/siemens-ix/p-cYKY6sUE.js +1 -0
  684. package/dist/siemens-ix/{p-44a3f1f0.entry.js → p-d13c0b78.entry.js} +1 -1
  685. package/dist/siemens-ix/p-d1ab68b3.entry.js +1 -0
  686. package/dist/siemens-ix/p-d253dadb.entry.js +1 -0
  687. package/dist/siemens-ix/{p-2bef3c58.entry.js → p-d6c906b7.entry.js} +1 -1
  688. package/dist/siemens-ix/p-d74baa8a.entry.js +1 -0
  689. package/dist/siemens-ix/{p-d8c99656.entry.js → p-d770d8ba.entry.js} +1 -1
  690. package/dist/siemens-ix/p-d80e7d50.entry.js +1 -0
  691. package/dist/siemens-ix/{p-b17053bc.entry.js → p-d830e3d6.entry.js} +1 -1
  692. package/dist/siemens-ix/{p-ae5569aa.entry.js → p-da2e0f0e.entry.js} +1 -1
  693. package/dist/siemens-ix/{p-f107a580.entry.js → p-db105778.entry.js} +1 -1
  694. package/dist/siemens-ix/{p-1fa6a663.entry.js → p-dc16a32d.entry.js} +1 -1
  695. package/dist/siemens-ix/p-de58069d.entry.js +1 -0
  696. package/dist/siemens-ix/{p-85ce0a9f.entry.js → p-e283d7d1.entry.js} +1 -1
  697. package/dist/siemens-ix/p-e5d2a048.entry.js +1 -0
  698. package/dist/siemens-ix/p-e698e193.entry.js +1 -0
  699. package/dist/siemens-ix/{p-c921c01b.entry.js → p-e9b37020.entry.js} +1 -1
  700. package/dist/siemens-ix/{p-5ae844d7.entry.js → p-ee1617da.entry.js} +1 -1
  701. package/dist/siemens-ix/p-f0d97723.entry.js +1 -0
  702. package/dist/siemens-ix/p-f1257e08.entry.js +1 -0
  703. package/dist/siemens-ix/{p-d440cd94.entry.js → p-f8561834.entry.js} +1 -1
  704. package/dist/siemens-ix/{p-7a83e693.entry.js → p-f9628912.entry.js} +1 -1
  705. package/dist/siemens-ix/{p-2afcdc78.entry.js → p-fa5c236f.entry.js} +1 -1
  706. package/dist/siemens-ix/p-fb1e66a7.entry.js +1 -0
  707. package/dist/siemens-ix/p-fdec73d4.entry.js +1 -0
  708. package/dist/siemens-ix/{p-ed2aea43.entry.js → p-ff1967de.entry.js} +1 -1
  709. package/dist/siemens-ix/{p-yAf8WIcn.js → p-vphIrWGB.js} +1 -1
  710. package/dist/siemens-ix/p-wfVRhTWc.js +1 -0
  711. package/dist/siemens-ix/{p-D148LCh1.js → p-yZFaEeBW.js} +1 -1
  712. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  713. package/dist/types/components/action-card/action-card.d.ts +3 -0
  714. package/dist/types/components/application/application.d.ts +2 -0
  715. package/dist/types/components/checkbox/checkbox.d.ts +5 -0
  716. package/dist/types/components/dropdown/dropdown-controller.d.ts +1 -3
  717. package/dist/types/components/filter-chip/filter-chip.d.ts +6 -0
  718. package/dist/types/components/input/input.d.ts +1 -0
  719. package/dist/types/components/menu/menu.d.ts +31 -1
  720. package/dist/types/components/menu-category/menu-category.d.ts +28 -2
  721. package/dist/types/components/menu-item/menu-item.d.ts +39 -2
  722. package/dist/types/components/pane/pane.d.ts +14 -1
  723. package/dist/types/components/popover/popover-controller.d.ts +52 -0
  724. package/dist/types/components/popover/popover.d.ts +190 -0
  725. package/dist/types/components/popover/test/popover.constants.d.ts +11 -0
  726. package/dist/types/components/popover/test/popover.fixtures.d.ts +29 -0
  727. package/dist/types/components/popover/test/popover.page.d.ts +118 -0
  728. package/dist/types/components/popover-content/popover-content.d.ts +16 -0
  729. package/dist/types/components/popover-footer/popover-footer.d.ts +17 -0
  730. package/dist/types/components/popover-header/popover-header.d.ts +49 -0
  731. package/dist/types/components/popover-image/popover-image.d.ts +21 -0
  732. package/dist/types/components/select/select.d.ts +49 -0
  733. package/dist/types/components/select-item/select-item.d.ts +7 -0
  734. package/dist/types/components/tooltip/tooltip.d.ts +2 -0
  735. package/dist/types/components/utils/a11y.d.ts +5 -0
  736. package/dist/types/components/utils/focus/focus-proxy.d.ts +6 -4
  737. package/dist/types/components/utils/focus/focus-trap.d.ts +16 -1
  738. package/dist/types/components/utils/focus/focus-utilities.d.ts +2 -2
  739. package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -0
  740. package/dist/types/components/utils/nested-overlay/hierarchy.d.ts +6 -0
  741. package/dist/types/components/utils/nested-overlay/index.d.ts +6 -0
  742. package/dist/types/components/utils/nested-overlay/nested-overlay-stack.d.ts +28 -0
  743. package/dist/types/components/utils/nested-overlay/path-utils.d.ts +1 -0
  744. package/dist/types/components/utils/nested-overlay/types.d.ts +13 -0
  745. package/dist/types/components/utils/shadow-dom.d.ts +1 -0
  746. package/dist/types/components.d.ts +486 -12
  747. package/dist/types/stencil-public-runtime.d.ts +1 -0
  748. package/hydrate/index.js +3360 -684
  749. package/hydrate/index.mjs +3360 -684
  750. package/package.json +4 -4
  751. package/components/p-5jph302v.js +0 -1
  752. package/components/p-B1ZcjHve.js +0 -1
  753. package/components/p-B8RlWbEh.js +0 -1
  754. package/components/p-B_czElDE.js +0 -1
  755. package/components/p-BooU9e46.js +0 -1
  756. package/components/p-Btv5ReUJ.js +0 -1
  757. package/components/p-BtvsjuLo.js +0 -1
  758. package/components/p-C95SE6lT.js +0 -1
  759. package/components/p-CDKHgTB8.js +0 -1
  760. package/components/p-CKYjdhXo.js +0 -1
  761. package/components/p-CQj_gEvY.js +0 -1
  762. package/components/p-CYgb41KQ.js +0 -1
  763. package/components/p-C_95k0nq.js +0 -1
  764. package/components/p-CgOv_MV_.js +0 -1
  765. package/components/p-D4RWuUBi.js +0 -1
  766. package/components/p-D4T7_gkf.js +0 -1
  767. package/components/p-D5gbubPJ.js +0 -1
  768. package/components/p-D6Wm2E-0.js +0 -1
  769. package/components/p-D8Wb4thH.js +0 -1
  770. package/components/p-DOCAISxs.js +0 -1
  771. package/components/p-JXbYOM9q.js +0 -1
  772. package/components/p-NLlCSNeG.js +0 -1
  773. package/components/p-VEcjhpT4.js +0 -1
  774. package/components/p-XBJqkmoc.js +0 -1
  775. package/components/p-wEbi9beJ.js +0 -1
  776. package/dist/cjs/dropdown-controller-DeBeUVhj.js +0 -160
  777. package/dist/cjs/focus-trap-_cyPFvFq.js +0 -106
  778. package/dist/esm/dropdown-controller-D6Wm2E-0.js +0 -157
  779. package/dist/esm/focus-trap-DDLHqzV2.js +0 -102
  780. package/dist/siemens-ix/p-12647d5d.entry.js +0 -1
  781. package/dist/siemens-ix/p-15aefb52.entry.js +0 -1
  782. package/dist/siemens-ix/p-1629de03.entry.js +0 -1
  783. package/dist/siemens-ix/p-1ce32501.entry.js +0 -1
  784. package/dist/siemens-ix/p-2142fab0.entry.js +0 -1
  785. package/dist/siemens-ix/p-23aaf08e.entry.js +0 -1
  786. package/dist/siemens-ix/p-25c784e4.entry.js +0 -1
  787. package/dist/siemens-ix/p-2a735134.entry.js +0 -1
  788. package/dist/siemens-ix/p-2d8f3ea3.entry.js +0 -1
  789. package/dist/siemens-ix/p-2e5e7ccf.entry.js +0 -1
  790. package/dist/siemens-ix/p-40a26154.entry.js +0 -1
  791. package/dist/siemens-ix/p-45552c4c.entry.js +0 -1
  792. package/dist/siemens-ix/p-50b75fdf.entry.js +0 -1
  793. package/dist/siemens-ix/p-58d349a2.entry.js +0 -1
  794. package/dist/siemens-ix/p-5a44cb29.entry.js +0 -1
  795. package/dist/siemens-ix/p-5c478e3e.entry.js +0 -1
  796. package/dist/siemens-ix/p-61a481f3.entry.js +0 -1
  797. package/dist/siemens-ix/p-65bc8a0d.entry.js +0 -1
  798. package/dist/siemens-ix/p-69459b73.entry.js +0 -1
  799. package/dist/siemens-ix/p-6df3d9e4.entry.js +0 -1
  800. package/dist/siemens-ix/p-82f44b05.entry.js +0 -1
  801. package/dist/siemens-ix/p-834330b3.entry.js +0 -1
  802. package/dist/siemens-ix/p-8937e9b1.entry.js +0 -1
  803. package/dist/siemens-ix/p-8cfddec2.entry.js +0 -1
  804. package/dist/siemens-ix/p-8d76c0b0.entry.js +0 -1
  805. package/dist/siemens-ix/p-9015a4c5.entry.js +0 -1
  806. package/dist/siemens-ix/p-91b02cb7.entry.js +0 -1
  807. package/dist/siemens-ix/p-9362c304.entry.js +0 -1
  808. package/dist/siemens-ix/p-9586a886.entry.js +0 -1
  809. package/dist/siemens-ix/p-9907d408.entry.js +0 -1
  810. package/dist/siemens-ix/p-9b8f1bc7.entry.js +0 -1
  811. package/dist/siemens-ix/p-BIe8Nw9M.js +0 -1
  812. package/dist/siemens-ix/p-BZApVtkF.js +0 -1
  813. package/dist/siemens-ix/p-CgOv_MV_.js +0 -1
  814. package/dist/siemens-ix/p-Cl7fhG1I.js +0 -1
  815. package/dist/siemens-ix/p-CxGywkh5.js +0 -1
  816. package/dist/siemens-ix/p-D6Wm2E-0.js +0 -1
  817. package/dist/siemens-ix/p-DIWED8Ls.js +0 -1
  818. package/dist/siemens-ix/p-DnaItyVQ.js +0 -1
  819. package/dist/siemens-ix/p-DzWThpzp.js +0 -1
  820. package/dist/siemens-ix/p-GLcPX9PU.js +0 -1
  821. package/dist/siemens-ix/p-Z4IKO1Dx.js +0 -1
  822. package/dist/siemens-ix/p-afa900f7.entry.js +0 -1
  823. package/dist/siemens-ix/p-b1930204.entry.js +0 -1
  824. package/dist/siemens-ix/p-b517c2e1.entry.js +0 -1
  825. package/dist/siemens-ix/p-b96eabf7.entry.js +0 -1
  826. package/dist/siemens-ix/p-ba0eaaf5.entry.js +0 -1
  827. package/dist/siemens-ix/p-bef76eac.entry.js +0 -1
  828. package/dist/siemens-ix/p-c78a5414.entry.js +0 -1
  829. package/dist/siemens-ix/p-cb9f8b47.entry.js +0 -1
  830. package/dist/siemens-ix/p-d34c0c51.entry.js +0 -1
  831. package/dist/siemens-ix/p-da8840cc.entry.js +0 -1
  832. package/dist/siemens-ix/p-dd2b271e.entry.js +0 -1
  833. package/dist/siemens-ix/p-de79c9cf.entry.js +0 -1
  834. package/dist/siemens-ix/p-df32a25c.entry.js +0 -1
  835. package/dist/siemens-ix/p-e09fcd95.entry.js +0 -1
  836. package/dist/siemens-ix/p-e316d8a5.entry.js +0 -1
  837. package/dist/siemens-ix/p-ea440d84.entry.js +0 -1
  838. package/dist/siemens-ix/p-fpBGwEVT.js +0 -1
  839. package/dist/siemens-ix/p-jBB3q9qq.js +0 -1
  840. /package/components/{p-Bxdy-8CE.js → p-CtDOTMOT.js} +0 -0
  841. /package/dist/siemens-ix/{p-Ca5WUunf.js → p-EBgS4zhE.js} +0 -0
@@ -1 +0,0 @@
1
- import{g as e,r as o,c as i,h as l,F as d,H as t}from"./p-Ca5WUunf.js";import{a as r}from"./p-DhE1t8Qh.js";import{a}from"./p-B5k8YVR0.js";import{h as n}from"./p-Cl7fhG1I.js";import{A as s}from"./p-DNIQ2C1K.js";let b=0;const h=class{collapsed=!1;label;sublabel;icon;variant="filled";collapsedChange;get hostElement(){return e(this)}chevronRef;blindId=++b;constructor(e){o(this,e),this.collapsedChange=i(this,"collapsedChange",7)}onHeaderClick(){this.collapsed=!this.collapsed,this.collapsedChange.emit(this.collapsed)}componentDidLoad(){this.animateCollapse(this.collapsed)}get content(){return this.hostElement.shadowRoot.querySelector(".blind-content")}animation(e){this.animateCollapse(e)}animateCollapse(e){e?this.rotateChevronDown():this.rotateChevronUp()}rotateChevronUp(){r(this.chevronRef,{duration:s.defaultTime,easing:"easeInOutSine",rotateZ:180}),r(this.content,{duration:s.defaultTime,easing:"easeInOutSine",opacity:1})}rotateChevronDown(){r(this.chevronRef,{duration:s.defaultTime,easing:"easeInOutSine",rotateZ:0}),r(this.content,{duration:s.defaultTime,easing:"easeInOutSine",opacity:0})}render(){return l(t,{key:"08686a07866cce941b0d3fee3c59acda57fd9697",class:{[`blind-${this.variant}`]:!0}},l("div",{key:"37c3d29dfa4113fa51971c8487158c30dcac0cf6",class:"blind-header-wrapper"},l("button",{key:"1a725a4d9991ef417fdcd06d83565a994d20bc10",class:{"blind-header":!0,[`blind-${this.variant}`]:!0,closed:this.collapsed},type:"button","aria-labelledby":`ix-blind-header-title-${this.blindId}`,"aria-controls":`ix-blind-content-section-${this.blindId}`,"aria-expanded":a(!this.collapsed),onClick:()=>this.onHeaderClick()},l("slot",{key:"acae9cd5182dcfb6003a18713709ef5c5f5ba5c9",name:"custom-header"})),l("div",{key:"c183148b712d24ce5416f704496af3982c5f063c",class:"blind-header-content"},l("ix-icon",{key:"679080e49ed99d10528d6b44f483349794880e9f",class:"collapse-icon",name:n,color:"filled"===this.variant||"outline"===this.variant?"color-std-text":`color-${this.variant}--contrast`,ref:e=>this.chevronRef=e}),l("div",{key:"790921a5077d08519a86e53da114615c62ab3520",class:"blind-header-title",id:`ix-blind-header-title-${this.blindId}`},void 0!==this.label?l(d,null,this.icon&&l("ix-icon",{class:"blind-header-title-icon",name:this.icon,color:"filled"===this.variant||"outline"===this.variant?"color-std-text":`color-${this.variant}--contrast`}),l("div",{class:"blind-header-title-row"},l("div",{class:"blind-header-title-col"},l("ix-typography",{title:this.label,format:"label-lg",bold:!0},l("div",{class:"blind-header-title-label",title:this.label},this.label))),this.sublabel&&l("div",{class:"blind-header-title-col"},l("ix-typography",{title:this.sublabel},l("div",{class:"blind-header-title-sublabel"},this.sublabel)))),l("div",{class:"header-actions"},l("slot",{name:"header-actions"}))):null))),l("section",{key:"e009be22aca2af68a71115cd828695ab6f16d230",id:`ix-blind-content-section-${this.blindId}`,"aria-labelledby":`ix-blind-header-title-${this.blindId}`},l("div",{key:"482ac28924b2edd0b5b6a751a07434764fcb64f8",class:{"blind-content":!0,hide:this.collapsed}},this.collapsed?null:l("slot",null))))}static get watchers(){return{collapsed:[{animation:0}]}}};h.style=":host{display:flex;flex-direction:column;border-radius:var(--theme-blind--border-radius);overflow:hidden}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}: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 .blind-header-wrapper{position:relative;min-height:3rem;height:3rem;overflow:hidden}:host .blind-header-content{display:flex;position:relative;align-items:center;justify-content:flex-start;width:100%;height:100%;pointer-events:none;padding-left:0.5rem}:host .blind-header-title{display:flex;position:relative;align-items:center;flex-grow:1;margin-right:0.5rem}:host .blind-header{all:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:absolute;top:0px;left:0px;pointer-events:all;padding-left:2.5rem;min-height:3rem;height:3rem;width:calc(100% - 2 * var(--theme-blind--border-thickness));border:solid var(--theme-blind--border-thickness) transparent;border-radius:var(--theme-blind--border-radius) var(--theme-blind--border-radius) 0 0;cursor:pointer}:host .blind-header:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr);outline:none}:host .blind-header-title-icon,:host .collapse-icon{margin-right:0.5rem}:host .blind-header-title-row{display:flex;flex-grow:1;overflow:hidden}:host .blind-header-title-col{display:inline-flex;align-items:center;width:calc(100% - 1rem);overflow:hidden}:host .blind-header-title-col:not(:first-of-type){justify-content:flex-end}:host ix-typography{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-label{padding-inline-end:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title-sublabel{padding-inline:0.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .blind-header-title{display:flex;align-items:center;flex-grow:1;height:100%;min-width:0}:host .blind-header-labels{display:inline-flex;flex-grow:1;min-width:0}:host .blind-content{display:block;padding:1rem;transition-property:padding;transition-duration:var(--theme-default-time);transition-timing-function:ease-in}:host .blind-content.hide{max-height:0;padding-top:0px;padding-bottom:0px}:host .header-actions{pointer-events:all;margin-left:auto}:host(.blind-alarm) .blind-header{background-color:var(--theme-color-alarm)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-alarm--hover)}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-alarm) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-alarm--active)}:host(.blind-alarm) .blind-header-title-label,:host(.blind-alarm) .blind-header-title-sublabel{color:var(--theme-color-alarm--contrast)}:host(.blind-alarm){background-color:var(--theme-blind-base--background)}:host(.blind-critical) .blind-header{background-color:var(--theme-color-critical)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-critical--hover)}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-critical) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-critical) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-critical--active)}:host(.blind-critical) .blind-header-title-label,:host(.blind-critical) .blind-header-title-sublabel{color:var(--theme-color-critical--contrast)}:host(.blind-critical){background-color:var(--theme-blind-base--background)}:host(.blind-info) .blind-header{background-color:var(--theme-color-info)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-info--hover)}:host(.blind-info) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-info) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-info) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-info--active)}:host(.blind-info) .blind-header-title-label,:host(.blind-info) .blind-header-title-sublabel{color:var(--theme-color-info--contrast)}:host(.blind-info){background-color:var(--theme-blind-base--background)}:host(.blind-neutral) .blind-header{background-color:var(--theme-color-neutral)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-neutral--hover)}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-neutral) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-neutral--active)}:host(.blind-neutral) .blind-header-title-label,:host(.blind-neutral) .blind-header-title-sublabel{color:var(--theme-color-neutral--contrast)}:host(.blind-neutral){background-color:var(--theme-blind-base--background)}:host(.blind-filled) .blind-header{background-color:var(--theme-color-filled)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-filled) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-filled) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-filled) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-filled) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-filled){background-color:var(--theme-blind-base--background)}:host(.blind-success) .blind-header{background-color:var(--theme-color-success)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-success--hover)}:host(.blind-success) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-success) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-success) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-success--active)}:host(.blind-success) .blind-header-title-label,:host(.blind-success) .blind-header-title-sublabel{color:var(--theme-color-success--contrast)}:host(.blind-success){background-color:var(--theme-blind-base--background)}:host(.blind-warning) .blind-header{background-color:var(--theme-color-warning)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-warning--hover)}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-warning) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-warning) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-warning--active)}:host(.blind-warning) .blind-header-title-label,:host(.blind-warning) .blind-header-title-sublabel{color:var(--theme-color-warning--contrast)}:host(.blind-warning){background-color:var(--theme-blind-base--background)}:host(.blind-primary) .blind-header{background-color:var(--theme-color-primary)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):hover,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).hover{background-color:var(--theme-color-primary--hover)}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled){cursor:pointer}:host(.blind-primary) .blind-header:not(.disabled):not(:disabled):active,:host(.blind-primary) .blind-header:not(.disabled):not(:disabled).active{background-color:var(--theme-color-primary--active)}:host(.blind-primary) .blind-header-title-label,:host(.blind-primary) .blind-header-title-sublabel{color:var(--theme-color-primary--contrast)}:host(.blind-primary){background-color:var(--theme-blind-base--background)}:host(.blind-outline){border:solid var(--theme-blind--border-thickness) var(--theme-blind-base--border-color)}:host(.blind-outline) .blind-header{background-color:var(--theme-color-ghost)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).hover,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}:host(.blind-outline) .blind-header:not(.disabled):not(:disabled).active,:host(.blind-outline) .blind-header:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}:host(.blind-outline) .blind-header-title-label{color:var(--theme-color-std-text)}:host(.blind-outline) .blind-header-title-sublabel{color:var(--theme-color-soft-text)}:host(.blind-outline){border-color:var(--theme-color-soft-bdr)}";export{h as ix_blind}
@@ -1 +0,0 @@
1
- import{M as e,r as o,c as t,g as r,h as n,H as i}from"./p-Ca5WUunf.js";import{N as a}from"./p-Cl7fhG1I.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as u,o as p,d as m,e as v}from"./p-Z4IKO1Dx.js";import{g as y,i as f}from"./p-BFUINhFM.js";import{I as x,h as g,o as k,c as w,a as T}from"./p-DIWED8Ls.js";import{D as I}from"./p-Dl_bUxb7.js";import{m as z}from"./p-Djkc69iv.js";import{r as C}from"./p-BEuV0Xpe.js";import{c as j,g as S,H}from"./p-D148LCh1.js";import"./p-B5k8YVR0.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-D6Wm2E-0.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";import"./p-XBTykBKS.js";const V=class extends(e(...I,x)){constructor(e){super(),o(this,e),this.valueChange=t(this,"valueChange",6),this.validityStateChange=t(this,"validityStateChange",7),this.ixFocus=t(this,"ixFocus",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),e.$hostElement$["s-ei"]?this.formInternals=e.$hostElement$["s-ei"]:(this.formInternals=e.$hostElement$.attachInternals(),e.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return r(this)}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=z();slotEndRef=z();timePickerRef=z();inputElementRef=z();dropdownElementRef=z();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,C((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=j(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const o=e.startOf("day"),{min:t,max:r}=y(this.minTime,this.maxTime,this.format,o);return f(e,t,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const o=l.fromFormat(e,this.format);return o.isValid&&this.isWithinConfiguredBounds(o)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:o.isValid?"customError":o.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const o=this.validateNonEmptyValue(e);o?(this.isInputInvalid=o.isInputInvalid,this.invalidReason=o.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){g(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),k(this.dropdownElementRef)}async closeDropdown(){return w(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return n("div",{class:"input-wrapper"},n(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),n("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),n(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},n("ix-icon-button",{tabindex:-1,ref:e=>e.tabIndex=-1,"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:o,isInvalidByRequired:t,isValid:r,isWarning:n}){this.isInvalid=o||t||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=n}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(T(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=S(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return n(i,{key:"293a527e1b0337b962eb6c24680df978c9b1356d",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},n("ix-field-wrapper",{key:"103566ac44e0dacb9f8e979c16c5ebb53cc144d9",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),n("ix-dropdown",{key:"7cdaaa66afbf87e052b8b2548e002b901c1879e5","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},n("ix-time-picker",{key:"6018c8f9c77ffb1f37f9ca3e4d8b789b28076323",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}}};(function(e,o,t,r){var n,i=arguments.length,a=i<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,o,t,r);else for(var l=e.length-1;l>=0;l--)(n=e[l])&&(a=(i<3?n(a):i>3?n(o,t,a):n(o,t))||a);i>3&&a&&Object.defineProperty(o,t,a)})([H()],V.prototype,"hookValidationLifecycle",null),V.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}: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 .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;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 input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}';export{V as ix_time_input}
@@ -1 +0,0 @@
1
- import{r as a,c as t,g as e,h as o,H as r}from"./p-Ca5WUunf.js";import{A as i}from"./p-Cl7fhG1I.js";import{a as s}from"./p-B5k8YVR0.js";import{m as l}from"./p-Djkc69iv.js";import{a as d}from"./p-BIe8Nw9M.js";const n=class{constructor(e){a(this,e),this.logoutClick=t(this,"logoutClick",7)}get hostElement(){return e(this)}top;bottom;image;initials;tooltipText;ariaLabelTooltip;i18nLogout="Logout";hideLogoutButton=!1;enableTopLayer=!1;showContextMenu=!1;logoutClick;avatarElementId="ix-menu-avatar-id";tooltipRef=l();onSlotChange(){const a=this.hostElement.shadowRoot.querySelector("slot");if(!a)return;const t=d(a);this.showContextMenu=0!==t.length}render(){const a=this.tooltipText??this.top,t=a===this.top;return o(r,{key:"5c6f05897a9a1c5a24b8ac5ba87686b6f83ca090",slot:"ix-menu-avatar"},o("button",{key:"4425caeee1c3ae0c74d45c3253190cc6272416a3",class:"nav-item top-item avatar no-hover",id:this.avatarElementId,tabIndex:0},o("ix-avatar",{key:"c0141851636696906476abd3777f7e5bd64322b7",image:this.image,initials:this.initials}),o("div",{key:"3f79c860b22a4dbcc8e72e768a6709c27a6a78ea",class:"avatar-name"},o("span",{key:"e901a92cee9be95d6602da989872c8870291418a",class:"text-default-single"},this.top),o("span",{key:"7da5bba687c52d0fab08c8c4cdc992bdb3dbd7be",class:"text-default-single"},this.bottom))),!!a&&o("ix-tooltip",{key:"1dd0063f1e2ee34df0076dd7a19b885d19837d80",ref:this.tooltipRef,for:`#${this.avatarElementId}`,placement:"right","aria-hidden":s(t),"aria-label":this.ariaLabelTooltip},a),o("ix-dropdown",{key:"6709e38d692c0f725ffbdd2531fa8d9b5d89bf3c",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&this.hideLogoutButton,offset:{mainAxis:16},onShowChanged:a=>{a.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},enableTopLayer:this.enableTopLayer},o("slot",{key:"40ebda089d3578ddd04b3a304b14406051760df8",onSlotchange:()=>this.onSlotChange()}),!this.hideLogoutButton&&o("ix-menu-avatar-item",{key:"7a0a8e9d709adb8e7cf851fa56e1943cdcd21966",label:this.i18nLogout,icon:i,onClick:a=>{this.logoutClick.emit(a)}})))}};n.style=":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";export{n as ix_menu_avatar}
@@ -1 +0,0 @@
1
- import{r as t,h as e,H as r}from"./p-Ca5WUunf.js";import{J as o,I as s}from"./p-Cl7fhG1I.js";import{g as a}from"./p-DzWThpzp.js";import{a as i}from"./p-B5k8YVR0.js";const n=class{constructor(e){t(this,e)}i18nExpand="Expand";i18nCollapse="Collapse";expanded=!1;breakpoint;pinned=!1;getSmallScreenIcon(){return e("button",{"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,"aria-pressed":i(this.expanded),class:{...a("subtle-tertiary",!0,!1,!1,!1),"menu-expand-button":!0}},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24"},e("rect",{class:"line line-1",x:"2",y:"5",width:"20",height:"2"}),e("rect",{class:"line line-2",x:"2",y:"11",width:"13",height:"2"}),e("rect",{class:"line line-3",x:"2",y:"17",width:"20",height:"2"})))}getLargeScreenIcon(){return e("ix-icon-button",{"aria-pressed":i(this.expanded),"aria-label":this.expanded?this.i18nCollapse:this.i18nExpand,icon:this.expanded?o:s,variant:"subtle-tertiary"})}getMenuIcon(){return this.pinned||"lg"===this.breakpoint||"md"===this.breakpoint?this.getLargeScreenIcon():this.getSmallScreenIcon()}render(){return e(r,{key:"45cdd3674fa759b54c5d0788cbd8711b4339bc2f",class:{expanded:this.expanded,"ix-focusable":!0}},this.getMenuIcon())}};n.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.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-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{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;border-radius:var(--theme-btn--border-radius);pointer-events:all}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host svg{display:inline-block;vertical-align:middle}:host .line{fill:var(--theme-menu-btn--color);opacity:1;x:2px;transition:x 0.075s ease-in var(--theme-default-time), transform 0.075s ease-in-out 0.075s, y 0.075s ease-in-out, opacity 0.075s linear 0.075s;transform-origin:center}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:hover:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--hover)}.menu-expand-button{width:2rem;padding:0px !important;cursor:pointer}:host(:not(.disabled):not(:disabled)){cursor:pointer}:host(:active:not(.disabled):not(:disabled)) .menu-expand-button{background-color:var(--theme-menu-btn--background--active)}:host(.expanded) svg .line-1{opacity:1;transform:rotate(-45deg);y:11px}:host(.expanded) svg .line-2{opacity:0;x:9}:host(.expanded) svg .line-3{opacity:1;transform:rotate(45deg);y:11px}";export{n as ix_menu_expand_icon}
@@ -1 +0,0 @@
1
- import{r as t,g as e,h as i,H as o}from"./p-Ca5WUunf.js";import{c as s,a,r as n,s as r,o as c,d as l,b as h,h as d}from"./p-Bxrgt3H_.js";import{m}from"./p-Djkc69iv.js";import{a as p}from"./p-BIe8Nw9M.js";import{b}from"./p-CKoABG1h.js";const f=t=>null!==t?`${t}px`:"";let u=0;const y=class{constructor(e){t(this,e)}for;titleContent;interactive=!1;placement="top";showDelay=0;hideDelay=50;animationFrame=!1;get hostElement(){return e(this)}visible=!1;hideTooltipTimeout;showTooltipTimeout;visibleFor;disposeAutoUpdate;disposeTriggerListener;disposeTooltipListener;disposeDomChangeListener;instance=u++;dialogRef=m();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:f(i),bottom:f(-6)}:t.startsWith("right")?{...s,left:f(-6),top:f(o)}:t.startsWith("bottom")?{...s,left:f(i),top:f(-6)}:t.startsWith("left")?{...s,right:f(-6),top:f(o)}:void 0}async computeTooltipPosition(t,e){return s(t,e,{strategy:"fixed",placement:this.placement,middleware:[r(),c(12),l({element:this.arrowElement}),h({fallbackStrategy:"initialPlacement",fallbackAxisSideDirection:"end",padding:10}),d()]})}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=a(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:f(a),top:f(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 e=[];return await Promise.all(t.map((async t=>{if("string"==typeof t){const i=await n(t,this.hostElement);i&&e.push(...i)}else t instanceof HTMLElement?e.push(t):t instanceof Promise&&e.push(await t)}))),e}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=b(e)}registerTooltipListener(t){this.disposeTooltipListener?.(),this.disposeTooltipListener=b([{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(){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()}disconnectedCallback(){this.clearTimeouts(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeTooltipListener?.(),this.disposeDomChangeListener?.()}handleTitleIconSlotChange(t){const e=p(t.target);for(const t of e)"ix-icon"===t.tagName.toLowerCase()&&(t.size="16")}render(){return i(o,{key:"5327a81a35b5b7b02f301e241ee2f002f4bd44d8",role:"tooltip",class:{visible:this.visible}},i("dialog",{key:"e6196e83ab381de6eb75e53e7b763916a0cb2848",ref:this.dialogRef,id:"tooltip-"+this.instance,class:"dialog",popover:"manual",inert:!this.visible},i("div",{key:"1a67af364a20c0e11cb0eb89ad60fe0811affd07",class:"tooltip-container"},i("div",{key:"2dd620324b6025bd5957a81b6aa0454eb4c7bb6e",class:"content-wrapper"},i("div",{key:"7f1d40ea0cfc81b883cc4bbde53c2dc4223987cc",class:"tooltip-title"},i("slot",{key:"7056f34a3999f0e38c097359ec23fa8b9e22aa68",name:"title-icon",onSlotchange:t=>this.handleTitleIconSlotChange(t)}),i("ix-typography",{key:"cdaa694af6adc24aef201cffe93d9aadc32a48d9",format:"h5"},this.titleContent,i("slot",{key:"3f358d3931d3cc12bf858c331a160bbf1e616152",name:"title-content"}))),i("slot",{key:"6077989200f829d7cb2eec01d0fc5b60fb1d43d6"}),i("div",{key:"2f439327319e891070266b1cc8a51e77c45b4c58",class:"arrow"})))))}};y.style='.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)}';export{y as ix_tooltip}
@@ -1 +0,0 @@
1
- import{r as t,c as e,g as i,h as l,H as r,F as s}from"./p-Ca5WUunf.js";import{c as o}from"./p-CX81WQtk.js";import{e as a,k as n}from"./p-Cl7fhG1I.js";import{r as h}from"./p-BEuV0Xpe.js";function c(t){return t.label?l("div",{class:"CardList_Title"},l("ix-icon-button",{variant:"tertiary",icon:n,onClick:t.onClick,iconColor:"color-primary",class:{CardList__Title__Button:!0,CardList__Title__Button__Collapsed:t.isCollapsed},"aria-label":t.ariaLabelExpandButton}),l("ix-typography",{class:"CardList_Title__Label",format:"body-lg"},t.label),!t.hideShowAll&&l("ix-button",{class:"CardList__Title__Show__All",variant:"tertiary",onClick:t.onShowAllClick},t.showLess?t.labelShowLess:l(s,null,l("span",null,t.showAllLabel),l("span",null,isNaN(t.showAllCounter)?null:` (${t.showAllCounter})`)))):null}const _=class{constructor(i){t(this,i),this.collapseChanged=e(this,"collapseChanged",7),this.showAllClick=e(this,"showAllClick",7),this.showMoreCardClick=e(this,"showMoreCardClick",7)}ariaLabelExpandButton;label;collapse=!1;listStyle="stack";maxVisibleCards=12;showAllCount;suppressOverflowHandling=!1;hideShowAll=!1;i18nShowAll="Show all";i18nShowLess="Show less";i18nMoreCards="There are more cards available";collapseChanged;showAllClick;showMoreCardClick;get hostElement(){return i(this)}isShowingAll=!1;hasOverflowingElements=!1;numberOfOverflowingElements=0;numberOfAllChildElements=0;leftScrollDistance=0;rightScrollDistance=0;observer;onCardListVisibilityToggle(){this.collapse=!this.collapse,this.collapseChanged.emit(this.collapse)}handleClick(t,e){const{defaultPrevented:i}=t.emit({nativeEvent:e});i||(this.isShowingAll=!this.isShowingAll,this.changeVisibilityOfSlotChildren())}onShowAllClick(t){this.handleClick(this.showAllClick,t)}getListChildren(){return this.hostElement.shadowRoot.querySelector(".CardList__Content > slot").assignedElements({flatten:!0})}changeVisibilityOfSlotChildren(){const t=this.getListChildren(),e=this.isShowingAll?t.length:this.maxVisibleCards;t.forEach(((t,i)=>{if(t instanceof HTMLElement){if(i>e-1)return void t.classList.add("display-none");t.classList.remove("display-none")}})),this.hasOverflowingElements=e<t.length,this.numberOfOverflowingElements=t.length-e,this.numberOfAllChildElements=t.length,h((()=>this.detectOverflow()))}registerOverflowHandler(){this.observer=o((()=>{this.changeVisibilityOfSlotChildren()})),this.observer.observe(this.hostElement.shadowRoot.querySelector(".CardList__Content"),{childList:!0,subtree:!0}),h((()=>{this.changeVisibilityOfSlotChildren()}))}shouldHandleOverflow(){return!this.suppressOverflowHandling&&("stack"===this.listStyle||"scroll"===this.listStyle||void 0)}get listElement(){return this.hostElement.shadowRoot.querySelector(".CardList__Content")}onCardListScroll(){this.detectOverflow()}isShowMoreCardVisible(){return!1===this.suppressOverflowHandling&&this.hasOverflowingElements}getOpacityFromScrollDistance(t){return this.listElement?0===t?0:t>100?1:t/100:0}computeMaskLayer(){return{"--ix-card-list-overflow":`linear-gradient(\n 90deg,\n transparent 0px,\n black ${80*(this.getOpacityFromScrollDistance(this.leftScrollDistance)>0?1:0)}px,\n black calc(100% - ${80*(this.getOpacityFromScrollDistance(this.rightScrollDistance)>0?1:0)}px),\n transparent 100%\n )`}}detectOverflow(){if(!this.listElement)return;const{clientWidth:t,scrollWidth:e,scrollLeft:i}=this.listElement;this.leftScrollDistance=i,this.rightScrollDistance=e-i-t}componentDidLoad(){this.shouldHandleOverflow()&&this.registerOverflowHandler()}disconnectedCallback(){this.observer&&this.observer.disconnect()}render(){return l(r,{key:"72dc154668f2a7ff123cc3ebf874cf40858cca51"},l(c,{key:"841d5b5fca34c925707d161de1e70b32d089841c",isCollapsed:this.collapse,label:this.label,showAllLabel:this.i18nShowAll,showAllCounter:void 0===this.showAllCount?this.numberOfAllChildElements:this.showAllCount,showLess:this.isShowingAll,labelShowLess:this.i18nShowLess,onClick:()=>this.onCardListVisibilityToggle(),onShowAllClick:t=>this.onShowAllClick(t),hideShowAll:this.hideShowAll}),l("div",{key:"8f0c772fd5282eac63078c8f7c5873ccf81c08c2",class:{CardList__Overflow:!0},style:this.computeMaskLayer()},l("div",{key:"504f496228535e8cae45ed92631c33b8be7ba2cc",class:{CardList__Content:!0,CardList__Content__Collapsed:this.collapse,CardList__Style__Flexbox__Scroll:"stack"===this.listStyle,CardList__Style__Infinite__Scroll:"scroll"===this.listStyle},onScroll:()=>this.onCardListScroll()},l("slot",{key:"f95b698b9662865eabed3adc1ebed999efe342d2",onSlotchange:()=>{this.changeVisibilityOfSlotChildren()}}),this.isShowMoreCardVisible()?l("ix-card",{class:{Show__All__Card:!0},onClick:t=>{this.handleClick(this.showMoreCardClick,t)}},l("ix-card-content",null,l("div",{class:"Show__All__Card__Content"},l("ix-icon",{name:a,size:"32",class:"Show__All__Card__Icon"}),l("span",{class:"Show__All__Card__Text"},this.i18nMoreCards," (",this.numberOfOverflowingElements,")")))):null)))}};_.style=":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;margin:0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .CardList_Title{display:flex;position:relative;height:1.5rem;align-items:center;width:100%;margin-bottom:1rem}:host .CardList_Title__Label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .CardList__Title__Button{margin-right:1rem;transition:var(--theme-default-time) transform ease-in-out}:host .CardList__Title__Button__Collapsed{transform:rotate(-90deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}:host .CardList__Content{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}:host .CardList__Content__Collapsed{min-height:0px;max-height:0px;overflow:hidden;opacity:0}:host .CardList__Style__Flexbox__Scroll{flex-wrap:wrap}:host .CardList__Style__Infinite__Scroll{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar{display:none}:host .CardList__Overflow{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}:host .Show__All__Card{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}:host .CardList__Style__Infinite__Scroll .Show__All__Card{margin-top:2.375rem}:host .CardList__Style__Flexbox__Scroll .Show__All__Card{margin-bottom:2.375rem}:host .Show__All__Card:hover{background-color:var(--theme-color-ghost--hover)}:host .Show__All__Card:active{background-color:var(--theme-color-ghost--active)}:host .Show__All__Card__Content{display:flex;justify-content:center;align-items:center;height:100%}:host .Show__All__Card__Icon{display:flex;position:absolute;height:4rem;width:4rem;justify-content:center;align-items:center}:host .Show__All__Card__Text{margin-bottom:0px;margin-top:auto}::slotted(.display-none){display:none !important}";export{_ as ix_card_list}
@@ -1 +0,0 @@
1
- import{M as t,r as e,c as i,g as s,h as o,H as r}from"./p-Ca5WUunf.js";import{l as n,t as a,h as l,E as h}from"./p-Cl7fhG1I.js";import{a as d}from"./p-B5k8YVR0.js";import{P as c,a as u,u as p,F as b}from"./p-CxGywkh5.js";import{q as m,I as f}from"./p-DnaItyVQ.js";import{D as v}from"./p-Dl_bUxb7.js";import{A as y}from"./p-CM-NUHTW.js";import{C as g}from"./p-CUbYLenp.js";import{m as x}from"./p-Djkc69iv.js";import{r as w}from"./p-BEuV0Xpe.js";import{H as k}from"./p-D148LCh1.js";import"./p-BIe8Nw9M.js";import"./p-XBTykBKS.js";let I=0;const C=class extends(t(...v,g,y)){constructor(t){super(),e(this,t),this.valueChange=i(this,"valueChange",7),this.inputChange=i(this,"inputChange",7),this.addItem=i(this,"addItem",7),this.ixBlur=i(this,"ixBlur",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return s(this)}formInternals;name;required=!1;label;ariaLabelClearIconButton="Clear selection";ariaLabelAddItem="Add item";warningText;infoText;invalidText;validText;helperText;showTextAsTooltip;value="";allowClear=!1;mode="single";editable=!1;disabled=!1;readonly=!1;i18nPlaceholder="Select an option";i18nPlaceholderEditable="Type of select option";i18nSelectListHeader="Select an option";i18nNoMatches="No matches";i18nAllSelected="All";i18nRemoveSelectedItem="Remove";hideListHeader=!1;dropdownWidth;dropdownMaxWidth;collapseMultipleSelection=!1;enableTopLayer=!1;valueChange;inputChange;addItem;ixBlur;dropdownShow=!1;selectedLabels=[];isDropdownEmpty=!1;inputFilterText="";inputValue="";hasInputFocus=!1;dropdownItemsVisualFocused=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;hostId="ix-select-"+I++;dropdownWrapperRef=x();dropdownAnchorRef=x();inputRef=x();dropdownRef=x();proxyListObserver=null;inputElement;touched=!1;get nonShadowItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get shadowItems(){return Array.from(this.hostElement.shadowRoot.querySelectorAll("ix-select-item"))}get focusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item:not([disabled]):not([hidden]), ix-dropdown-item:not([disabled]):not([hidden])"))}get allFocusableItems(){return Array.from(this.hostElement.querySelectorAll("ix-select-item, ix-dropdown-item"))}get items(){return[...this.nonShadowItems,...this.shadowItems]}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemElement(){return this.hostElement.querySelector("ix-dropdown-item.add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}get isEveryDropdownItemHidden(){return this.items.every((t=>!0===t.hidden))}watchValue(t){this.value=t,this.updateSelection()}updateFormInternalValue(t){Array.isArray(t)?this.formInternals.setFormValue(t.join(",")):this.formInternals.setFormValue(t)}async hasValidValue(){return this.required&&!!this.hasValue()}hasValue(){return Array.isArray(this.value)?!!this.value.length:!!this.value}itemClick(t){const e=this.value,i=this.toggleValue(t);this.value=i,this.emitValueChange(i)?this.value=e:(this.updateSelection(),this.isMultipleMode&&this.inputFilterText&&(this.clearInput(),this.removeHiddenAttributeFromItems()))}emitAddItem(t){if(void 0===t||""===t.trim())return!1;const{defaultPrevented:e}=this.addItem.emit(t);if(e)return!0;const i=document.createElement("ix-select-item");return i.value=t,i.label=t,this.addItemElement?.before(i),w((()=>{this.clearInput(),this.itemClick(t)})),!1}toggleValue(t){if(!this.isMultipleMode)return t;if(!this.value)return[t];let e=this.value;return Array.isArray(e)||(e=[e]),e.includes(t)?e.filter((e=>e!==t)):[...e,t]}updateSelection(){let t=[];this.value&&(t=Array.isArray(this.value)?[...this.value]:[this.value]),this.items.forEach((e=>{e.selected=t.some((t=>typeof t!=typeof e.value?t.toString()===e.value.toString():t===e.value))})),this.selectedLabels=this.selectedItems.map((t=>t.label??t.value)),this.dropdownShow&&this.inputFilterText||(this.inputValue=this.selectedLabels?.length&&this.isSingleMode?this.selectedLabels[0]??"":"",this.inputElement&&(this.inputElement.value=this.inputValue))}emitValueChange(t){const{defaultPrevented:e}=this.valueChange.emit(t);return!!e||(this.updateFormInternalValue(t),!1)}createAddItemElement(){const t=()=>{this.emitAddItem(this.inputFilterText)};this.hostElement.querySelector(".add-item")||this.hostElement.appendChild((()=>{const e=document.createElement("ix-dropdown-item");return e.hidden=!0,e.setAttribute("data-testid","add-item"),e.icon=h,e.classList.add("add-item"),e.addEventListener("click",t),e.style.order=Number.MAX_SAFE_INTEGER.toString(),e.ariaHidden="true",e.role="presentation",e})())}componentDidLoad(){this.inputElement?.addEventListener("input",(()=>{this.dropdownShow=!0,this.inputChange.emit(this.inputElement?.value)})),this.createAddItemElement(),this.proxyListObserver=new MutationObserver((()=>{this.updateAriaProxyListbox()})),this.proxyListObserver.observe(this.hostElement,{attributes:!0,attributeFilter:["aria-selected"],subtree:!0,childList:!0})}componentWillLoad(){this.updateSelection(),this.updateFormInternalValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),this.proxyListObserver?.disconnect()}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.updateSelection()}itemExists(t){return this.items.find((e=>e.label===t))}getActiveVisualFocusedItem(){const t=m(this.hostElement,`.${f}`);return t.length>0?t[0]:null}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail?(this.inputElement?.focus(),this.hasValue()&&this.inputElement?.select(),this.inputFilterText||this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()):(this.updateSelection(),this.inputFilterText="",this.dropdownItemsVisualFocused=!1,this.inputElement?.setAttribute("aria-activedescendant",""))}setItemFilter(){this.inputFilterText=this.inputElement?.value.trim()??"",this.inputFilterText?this.items.forEach((t=>{const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${c}`);t.hidden=!1,e&&(e.hidden=!1,e.setAttribute("aria-hidden","false")),t.label?.toLowerCase().includes(this.inputFilterText.toLowerCase())||(t.hidden=!0,e&&(e.hidden=!0,e.setAttribute("aria-hidden","true")))})):this.removeHiddenAttributeFromItems(),this.isDropdownEmpty=this.isEveryDropdownItemHidden,this.checkVisibilityOfProxyList()}checkVisibilityOfProxyList(){const t=this.hostElement?.shadowRoot?.getElementById(`${this.hostId}-${u}`);t&&(t.hidden=this.isDropdownEmpty)}removeHiddenAttributeFromItems(){this.items.forEach((t=>{t.hidden=!1;const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${c}`);e&&(e.hidden=!1,e.setAttribute("aria-hidden","false"))}))}clearInput(){this.inputElement&&(this.inputElement.value=""),this.inputFilterText=""}clear(){this.clearInput(),this.selectedLabels=[];const t=this.isSingleMode?"":[];this.value=t,this.emitValueChange(t),this.dropdownShow=!1}onInputBlur(t){this.ixBlur.emit(),this.touched=!0,this.hasInputFocus=!1,this.editable||this.isSingleMode||this.dropdownShow||"multiple"===this.mode||(t.target.value=this.selectedLabels.toString())}onInputFocus(){this.hasInputFocus=!0}placeholderValue(){return this.disabled||this.readonly?"":this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder}isAddItemVisible(){return!this.itemExists(this.inputFilterText)&&this.editable&&this.inputFilterText}shouldDisplayAllChip(){return this.selectedItems.length===this.items.length&&this.collapseMultipleSelection}getRemoveChipAriaLabel(t){const e=(t.label??t.value)?.toString().trim();return e?`${this.i18nRemoveSelectedItem} ${e}`:this.i18nRemoveSelectedItem}renderAllChip(){return o("ix-filter-chip",{disabled:this.disabled||this.readonly,ariaLabelCloseIconButton:`${this.i18nRemoveSelectedItem} ${this.i18nAllSelected}`,onCloseClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}},`${this.i18nAllSelected} (${this.selectedItems.length})`)}renderChip(t){return o("ix-filter-chip",{disabled:this.disabled||this.readonly,key:t.value,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),onCloseClick:()=>{this.itemClick(t.value),this.inputElement?.focus()}},t.label)}onValidationChange({isInvalid:t,isInvalidByRequired:e,isValid:i,isInfo:s,isWarning:o}){this.isInvalid=t||e,this.isValid=i,this.isWarning=o,this.isInfo=s}async getAssociatedFormElement(){return this.formInternals.form}getNativeInputElement(){return this.inputElement?Promise.resolve(this.inputElement):Promise.reject(new Error("Input element not found"))}async focusInput(){const t=await this.getNativeInputElement();t&&t.focus()}isTouched(){return Promise.resolve(this.touched)}getControllingAriaElement(){return this.inputRef.waitForCurrent()}isAriaActiveDescendantActive(){return this.dropdownShow}getAriaActiveDescendantProxyItemId(){return"proxy-listbox-item"}componentWillRender(){this.addItemElement&&(this.addItemElement.hidden=!this.isAddItemVisible(),this.addItemElement.label=this.inputFilterText),this.updateAriaProxyListbox()}updateAriaProxyListbox(){const t=this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);0!==this.focusableItems.length&&p(t,this.focusableItems,((t,e)=>{const i="IX-SELECT-ITEM"===t.tagName,s=t.getAttribute("aria-label")||t.label||(i?t.value:"")||"",o=i?t.selected:t.checked;e.role="option",e.innerText=t.label??"",e.ariaLabel=s,e.ariaSelected=d(!!o),e.addEventListener("click",(e=>{e.stopPropagation(),e.preventDefault(),t.click()})),this.addItemElement===t&&(e.ariaLabel=`${this.ariaLabelAddItem}: ${t.label}`),t.ariaHidden="true"}))}render(){return o(r,{key:"cf11caa1c57e34844d376a74d5c534184d322380",id:this.getHostElementId(),class:{readonly:this.readonly,disabled:this.disabled,"show-focus-outline":this.hasInputFocus&&!this.dropdownItemsVisualFocused},tabIndex:this.disabled?-1:0},o("ix-field-wrapper",{key:"b21d0e4a1e7f914893e9e2c1f4aff7e89ab4c066",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.inputRef},o("div",{key:"4f94efb21c4f1949ce6dad3ec8ba2664da2b3d9d",class:{select:!0,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t),this.dropdownWrapperRef(t)}},o("div",{key:"24d3ce5cab8107f69347917beca581dd71d6ba3a",class:"input-container"},o("div",{key:"01adbf419c634fb8ccae19bc2dd4aa18a90553ae",class:"chips"},this.isMultipleMode&&0!==this.items.length&&(this.shouldDisplayAllChip()?this.renderAllChip():this.selectedItems?.map((t=>this.renderChip(t)))),o("div",{key:"9a8a9b3e4c57776d737e66fc836addaba9950cd3",class:"trigger"},o("input",{key:"5f50f19cb0c6ab190535b2952d5e757548355124",id:`${this.hostId}-input`,role:"combobox","aria-controls":`${this.hostId}-proxy-listbox`,"aria-expanded":d(this.dropdownShow),"aria-autocomplete":"list","aria-disabled":d(this.disabled),autocomplete:"off","data-testid":"input",disabled:this.disabled,readOnly:this.readonly,required:this.required,type:"text",class:{"allow-clear":this.allowClear&&!!this.selectedLabels?.length},placeholder:this.placeholderValue(),value:this.inputValue??"",ref:t=>{this.inputElement=t,this.inputRef(t)},onFocus:()=>this.onInputFocus(),onBlur:t=>this.onInputBlur(t),onInput:()=>this.setItemFilter()}),!this.allowClear||this.disabled||this.readonly||!this.selectedLabels?.length&&!this.inputFilterText?null:o("ix-icon-button",{key:"clear",class:"clear",icon:n,variant:"subtle-tertiary",oval:!0,size:"16",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()},"aria-label":this.ariaLabelClearIconButton}),this.disabled||this.readonly?null:o("ix-icon-button",{"aria-label":this.dropdownShow?"Close select dropdown":"Open select dropdown","aria-hidden":"true",ref:t=>{const e=t;e.tabIndex=-1,e.ariaHidden="true"},"data-select-dropdown":!0,key:"dropdown",class:{"dropdown-visible":this.dropdownShow},icon:this.dropdownShow?a:l,variant:"subtle-tertiary"})))))),o("ix-dropdown",{key:"187d36c8fd120fffa047648a4ff8e8e9e1a444e3",id:`${this.hostId}-listbox`,keyboardActivationKeys:["ArrowUp","ArrowDown"],keyboardItemTriggerKeys:["Enter"],disableFocusTrap:!0,focusHost:this.hostElement,ref:this.dropdownRef,show:this.dropdownShow,closeBehavior:this.isMultipleMode?"outside":"both",hidden:this.disabled||this.readonly,anchor:this.dropdownAnchorRef.waitForCurrent(),trigger:this.dropdownWrapperRef.waitForCurrent(),onShowChange:t=>{(this.disabled||this.readonly)&&t.detail&&t.preventDefault()},onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",enableTopLayer:this.enableTopLayer,overwriteDropdownStyle:async()=>{const t={},e=this.hostElement.shadowRoot?.querySelector(".select")?.getBoundingClientRect().width;return e&&(t.minWidth=`${e}px`),this.dropdownWidth&&(t.width=`min(${this.dropdownWidth}, 100%)`),this.dropdownMaxWidth&&(t.maxWidth=`min(${this.dropdownMaxWidth}, 100%)`),t},onClick:t=>{const e=t.target;if("IX-DROPDOWN-ITEM"!==e.tagName&&"IX-SELECT-ITEM"!==e.tagName)return;const i=this.getActiveVisualFocusedItem()??e;i&&(t.stopPropagation(),i.classList.contains("add-item")||(this.itemClick(i.value),this.setItemFilter()),this.isSingleMode&&(this.dropdownShow=!1))}},o("div",{key:"c2e65bc3e1df99c75ca482ea229c5e35d13c45ed","aria-hidden":"true",class:{"select-list-header":!0,hidden:this.hideListHeader||this.isDropdownEmpty},title:this.i18nSelectListHeader,onClick:t=>t.preventDefault()},this.i18nSelectListHeader),o("slot",{key:"404e34ea75f438e875cebc94fd87cc8aa0c217c5",onSlotchange:()=>{this.updateSelection()}}),o(b,{key:"18274eb400e5947dce03156c500b0392d0a6d1b7",hostId:this.hostId,otherProps:{"aria-hidden":d(!this.dropdownShow),"aria-multiselectable":d(this.isMultipleMode),hidden:this.disabled||this.readonly}}),this.isDropdownEmpty&&!this.editable&&o("div",{key:"800629d019d4ba79cff9f91f904d47aef41d7c25",class:"select-list-header"},this.i18nNoMatches)))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}]}}};(function(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)})([k()],C.prototype,"onValidationChange",null),C.style=":host{display:inline-block;position:relative;min-height:2rem;height:auto;border-radius:var(--theme-input--border-radius)}: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 .select{position:relative;display:flex;align-items:center;width:100%;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem;box-shadow:var(--theme-inset-shadow-1) !important}:host .select:hover:not(.readonly):not(.disabled){background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}:host .select.readonly,:host .select.disabled{box-shadow:none !important}:host .select.readonly,:host .select.readonly:hover,:host .select.readonly:active,:host .select.disabled,:host .select.disabled:hover,:host .select.disabled:active{background-color:transparent !important}:host .select.readonly:focus,:host .select.readonly:focus-within,:host .select.readonly:focus-visible,:host .select.disabled:focus,:host .select.disabled:focus-within,:host .select.disabled:focus-visible{outline:none}:host .select.readonly input:focus,:host .select.readonly input:focus-visible,:host .select.disabled input:focus,:host .select.disabled input:focus-visible{outline:none}:host .select.disabled{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .select.disabled input{color:var(--theme-input--color--disabled)}:host .select.readonly{border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .select.readonly input{color:var(--theme-input--color--readonly)}:host .trigger{display:flex;align-items:center;flex-grow:1;height:100%}:host .input-container{display:flex;position:relative;align-items:flex-start;width:100%;height:100%}:host .input-container .chips{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}:host .input-container .chips>ix-filter-chip{margin:0.1rem}:host .input-container ix-icon-button{height:1.875rem;width:1.875rem;min-height:1.875rem;min-width:1.875rem}:host .input-container input{background:transparent;height:1.75rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container input,:host .input-container input:hover,:host .input-container input:focus-visible{border:none;outline:none}:host .input-container input::-moz-placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input::placeholder{color:var(--theme-input-select-icon--color)}:host .input-container input.hide-placeholder::-moz-placeholder{opacity:0}:host .input-container input.hide-placeholder::placeholder{opacity:0}:host ix-dropdown{display:flex;flex-direction:column;max-width:100%}:host .dropdown-visible{--ix-icon-button-color:var(--theme-color-std-text--hover)}:host .add-item{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}:host .select-list-header{display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .hidden{display:none !important}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}:host(.ix-focused) .select,:host(.show-focus-outline) .select{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--warning);background-color:var(--theme-input--background--warning)}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select{border-color:var(--theme-input--border-color--invalid);background-color:var(--theme-input--background--invalid)}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:hover{border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .select:active{border-color:var(--theme-input--border-color--invalid--active) !important}";export{C as ix_select}
@@ -1 +0,0 @@
1
- import{r as t,h as s,H as l}from"./p-Ca5WUunf.js";const n=class{constructor(s){t(this,s)}contentVisible=!1;render(){return s(l,{key:"d1b72dd5673729ccf22fba396a0f9b903098ba82"},this.contentVisible?s("slot",null):null)}};n.style=":host{display:block}";export{n as ix_flip_tile_content}
@@ -1 +0,0 @@
1
- import{r as t,g as e,h as o,H as i}from"./p-Ca5WUunf.js";import{S as a}from"./p-Cl7fhG1I.js";import{b as s,a as r}from"./p-B5k8YVR0.js";import{m as h}from"./p-Djkc69iv.js";import{m as n}from"./p-CgOv_MV_.js";import{c as l}from"./p-CX81WQtk.js";import"./p-CWshStHZ.js";let c=0;const d=class{constructor(e){t(this,e)}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;get hostElement(){return e(this)}tooltip;ariaHiddenTooltip=!1;menuExpanded=!1;internalItemId=((t,e)=>"ix-menu-item--"+e++)(0,c++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=l((()=>{this.setTooltip()}));componentWillLoad(){this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category"),this.onIconChange(),this.menuExpanded=n.nativeElement?.expand||!1,this.menuExpandedDisposer=n.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0,this.ariaHiddenTooltip=this.tooltipText===this.label||this.tooltipText===this.hostElement.textContent}connectedCallback(){this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=a)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category")?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const e={class:"tab",...s(this.hostElement)},a=[this.icon&&o("ix-icon",{key:"ede9e4b1fa44d9e04403a52de0d76d68b2632c1d",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?o("div",{class:"notification"},o("div",{class:"pill"},this.notifications)):null,o("span",{key:"4a936a1ec12559ea2aad0f18bfffa2c63113377e",id:this.internalItemId,class:"tab-text text-default"},this.label,o("slot",{key:"342c1995e13133c3f359e1d485ac604aea4f49ae"}))];return o(i,{key:"df2f4deb5b013e2d34b971ee532c9d0a10859372",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},"aria-disabled":this.disabled?"true":null,tabIndex:this.disabled?-1:0,role:this.isHostedInsideCategory?"menuitem":void 0,...t},this.href?o("a",{...e,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())}},a):o("button",{...e,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t)},a),o("ix-tooltip",{key:"58a9cc7702130b9a1c023ec55b85bda0cff48ea7",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":r(this.ariaHiddenTooltip),"aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{icon:[{onIconChange:0}]}}};d.style=':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}';export{d as ix_menu_item}
@@ -1 +0,0 @@
1
- import{M as t,r as e,c as i,g as s,h as o,H as r}from"./p-Ca5WUunf.js";import{f as a,i as n,s as h,o as d,a as c,b as l,c as m}from"./p-Bxrgt3H_.js";import{a as b}from"./p-CKoABG1h.js";import{b as u}from"./p-GLcPX9PU.js";import{q as p,b as g,I as w,c as v,d as f,e as k,a as x}from"./p-DnaItyVQ.js";import{D as y,r as E,h as C}from"./p-Dl_bUxb7.js";import{m as A}from"./p-Djkc69iv.js";import{r as I}from"./p-BEuV0Xpe.js";import{d as D,h as T}from"./p-D6Wm2E-0.js";import{T as j,j as S}from"./p-Cl7fhG1I.js";import{a as O}from"./p-B5k8YVR0.js";import{C as R}from"./p-CUbYLenp.js";import{F as P}from"./p-BgL7Z4IG.js";import"./p-BIe8Nw9M.js";const F=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],z=F.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),L=F.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),U=(t,e,i=z)=>e&&e.matches(i)?t.findIndex((t=>t===e)):-1;let M=0;const B=class extends(t(...y)){constructor(t){super(),e(this,t),this.showChange=i(this,"showChange",7),this.showChanged=i(this,"showChanged",7),this.experimentalRequestFocus=i(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=i(this,"experimentalFocusNextElement",7)}get hostElement(){return s(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-"+M++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){D.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(){D.dismiss(this),D.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()?D.dismiss(this):D.present(this),D.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>I((async()=>{let i=!1;this.callbackFocusElement&&(i=await this.callbackFocusElement(t)??!1),i||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),i=e=>I((async()=>{let i=!1;this.callbackFocusElement&&(i=await this.callbackFocusElement(t)??!1),i||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)D.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?i(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?i(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=b(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=b(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 D.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,i=t.intersectionRect.bottom<t.boundingClientRect.bottom,s=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),i&&(this.fallbackPlacement=this.createFallbackPlacement("top")),s&&(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 i=e.querySelector??z,s=e.activeQuerySelector??L,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),s)[0]),a=e.setItemActive??(t=>(t=>{I((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),I((()=>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(i)?[t]:Array.from(t.querySelectorAll(i))))))),d=[...d,...Array.from(t().querySelectorAll(i))]}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,i=L)=>{const s=U(t,e,i)+1;return t[s>=t.length?0:s]})(d,h,s);void 0!==t&&a(t);break}case"ArrowUp":{if(n.altKey)return;n.preventDefault();const t=((t,e,i=L)=>{const s=U(t,e,i)-1;return t[s<0?t.length-1:s]})(d,h,s);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||u(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){I((()=>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){I((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),i=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:i})}))}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(),E(),!this.disableFocusTrap&&C()&&I((()=>{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,i=this.isAnchorSubmenu();let s=this.positioningStrategy;this.enableTopLayer&&(s="fixed");let o={strategy:s,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(l({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=i?"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 i=await m(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=i.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(i.x)}px,${Math.round(i.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=D.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?D.dismissOthers(this.getId()):D.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"),D.present(D.getDropdownById(e[0])),this.forwardQueryElement=D.getDropdownById(e[0]).hostElement,I((()=>{v(D.getDropdownById(e[0]).hostElement)})))}closeSubmenu(){const t=D.getParentDropdownId(this.getId());if(t){const e=D.getDropdownById(t),i=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(D.dismissChildren(t),e&&i.length>0){const t=i[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),I((()=>{k(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),o(r,{key:"e822f0f658533d267365bb69eed0223ecf9dc4eb",...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?o("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},o("div",{class:"dropdown-container"},this.header&&o("div",{class:"dropdown-header"},this.header),this.show&&o("slot",null))):o("div",{style:{display:"contents"},role:"presentation"},this.header&&o("div",{class:"dropdown-header"},this.header),this.show&&o("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}};B.style=":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}";const $=class extends(t(...y,R,P)){constructor(t){super(),e(this,t),this.itemClick=i(this,"itemClick",7)}get hostElement(){return s(this)}label;icon;ariaLabelIcon;ariaLabelButton;hover=!1;disabled=!1;checked=!1;itemRole="menuitem";isSubMenu=!1;suppressChecked=!1;hasVisualFocus=!1;itemClick;async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return void 0===this.label&&""===this.hostElement.innerText&&void 0!==this.icon}render(){const t=this.getHostElementId();let e={};return this.isSubMenu&&(e={"aria-haspopup":"menu","aria-expanded":"false"}),o(r,{key:"7eab5813bffdb69a55c339ef91acfaff1d075683",id:t,role:this.itemRole,"aria-disabled":O(this.disabled),"aria-label":this.hostElement.ariaLabel??this.ariaLabelButton,class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu,[x]:!this.disabled,"outline-visible":this.hasVisualFocus},onClick:()=>{this.disabled||this.emitItemClick()},onKeyDown:t=>{this.disabled||"Enter"!==t.key&&" "!==t.key||this.emitItemClick()},...e},o("div",{key:"d3027e3165c38811222d4a82afae6a8f4a85ee29",class:{"dropdown-item":!0,"no-checked-field":this.suppressChecked,disabled:this.disabled}},this.suppressChecked?null:o("div",{class:"dropdown-item-checked"},this.checked?o("ix-icon",{"aria-hidden":"true",class:"checkmark",name:j,size:"16"}):null),this.icon?o("ix-icon",{class:"dropdown-item-icon",name:this.icon,"aria-label":this.ariaLabelIcon}):null,o("div",{key:"bc618870c35cf9f4c8da8dbf8e6148c9cdd6ec22",class:"dropdown-item-text"},this.label,o("slot",{key:"6c65471535c990245af19722ed847cd6b534d419"})),this.isSubMenu?o("ix-icon",{name:S,class:"submenu-icon"}):null))}static get watchers(){return{ixFocusVisible:[{$internal_checkAriaSelected:0}]}}};$.style=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}: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-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}:host(:focus-visible){outline:none}:host(:focus-visible) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.ix-focused){outline:none}:host(.ix-focused) .dropdown-item{border-color:var(--theme-color-focus-bdr)}:host(.outline-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:-0.0625rem}:host([hidden]){display:none !important}";export{B as ix_dropdown,$ as ix_dropdown_item}
@@ -1 +0,0 @@
1
- import{r as t,c as i,g as e,h as s,H as o}from"./p-Ca5WUunf.js";import{d as h}from"./p-D6Wm2E-0.js";import{r as n,d as r}from"./p-D5rshXh5.js";const c=t=>!Number.isNaN(Number(t));class a{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw new Error("Missing required `generate` function");if(!c(s.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight))throw new Error("\n Invalid required `itemHeight` value, expected number or array\n ".trim());this._itemHeights=c(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=c(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw new Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=`${i}px`)}));const h=Boolean(s.horizontal),n=s[h?"width":"height"];if(n){const t=c(n),i=!t&&"%"===n.slice(-1),e=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:c(n)?n:e}const r=s.scrollContainer,d=s.itemHeight*s.total,l=this._maxElementHeight;d>l&&console.warn(["HyperList: The maximum element height",l+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:`${s.width}`,height:r?`${d}px`:`${s.height}`,overflow:r?"none":"auto",position:"relative"}),r&&a.mergeStyle(s.scrollContainer,{overflow:"auto"}),a.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:`${d}px`}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&c(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw new Error(`Generator did not return a DOM Node for index: ${t}`);e.classList.add(i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=Boolean(t.horizontal),e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${s}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,d=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(d/n),this._containerSize=d,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=Boolean(this._config.horizontal),i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue(`padding-${t}`);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const d=class{constructor(e){t(this,e),this.contextChange=i(this,"contextChange",7),this.nodeToggled=i(this,"nodeToggled",7),this.nodeClicked=i(this,"nodeClicked",7),this.nodeRemoved=i(this,"nodeRemoved",7)}get hostElement(){return e(this)}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=Boolean(s.disabled||h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const r=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},r)),null===c&&(c=n(s,h,r));const a=c;return a.setAttribute("data-tree-node-id",s.id),a.style.paddingRight="1rem",this.updatePadding(a,s),this.dirtyItems.delete(s.id),a}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=r){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(r);this.hyperlist=new a(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:i}=t;if(t.preventDefault(),t.stopPropagation(),!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e];if(!s.hasChildren)return;if(s.disabled)return;const o=this.getContext(e);o.isDisabled||(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o))}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e],o=this.getContext(e);if(s.disabled||o.isDisabled)return;const n=t.composedPath(),r=n.indexOf(this.hostElement),c=n.slice(0,r);if(!h.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;o.isSelected=!0,this.setContext(e,o)}this.toggleOnItemClick&&s.hasChildren&&(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)),this.nodeClicked.emit(e)}}render(){return s(o,{key:"a1fa7eaef9868fd912800c99a8f168dd00e27944",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"8a61ead359019d6ebd9c8da77d1a7d0bcb393cde"}))}static get watchers(){return{model:[{onModelChange:0}]}}};d.style=":host{display:block}";export{d as ix_tree}
@@ -1 +0,0 @@
1
- import{M as t,r,c as o,g as e,h as a,H as i}from"./p-Ca5WUunf.js";import{t as s,h as n}from"./p-Cl7fhG1I.js";import{b as d,a as l}from"./p-B5k8YVR0.js";import{m as h}from"./p-Djkc69iv.js";import{D as b}from"./p-Dl_bUxb7.js";import{A as c}from"./p-CM-NUHTW.js";import{C as u}from"./p-CUbYLenp.js";import{b as p}from"./p-BIe8Nw9M.js";import"./p-DnaItyVQ.js";const m=class extends(t(...b,u,c)){constructor(t){super(),r(this,t),this.showChange=o(this,"showChange",7),this.showChanged=o(this,"showChanged",7)}get hostElement(){return e(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=h();dropdownRef=h();hostContext;getTriangle(){return a("div",{class:{triangle:!0,[this.variant]:!0,hide:!!this.label,disabled:this.disabled}})}onDropdownShowChanged=t=>{this.disabled&&t.detail||(this.dropdownShow=t.detail)};componentDidLoad(){this.inheritAriaAttributes=d(this.hostElement,["aria-label","aria-activedescendant","aria-haspopup","aria-controls","aria-disabled","aria-expanded","aria-current","role"])}componentWillRender(){this.hostContext={breadcrumb:!!p(this.hostElement,"ix-breadcrumb"),datePicker:!!p(this.hostElement,"ix-date-picker"),splitButton:!!p(this.hostElement,"ix-split-button"),tabs:!!p(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 t={...this.inheritAriaAttributes,"aria-haspopup":"true","aria-disabled":l(this.disabled),"aria-expanded":l(this.dropdownShow),role:"button"};this.inheritAriaAttributes["aria-controls"]||(t["aria-controls"]=`dropdown-button-menu-${this.dropdownButtonId}`);const r={id:`dropdown-button-${this.dropdownButtonId}`,disabled:this.disabled,variant:this.variant},o=this.hostContext?.breadcrumb||this.hostContext?.datePicker||this.hostContext?.splitButton||this.hostContext?.tabs;return a(i,{key:"59d07afdec3de70b4ff4b3c7b63fc1a8cdc6a1c1",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,...t},a("div",{key:"092c941db7574a1ada117b855dfb62934d2e6a3e",class:"dropdown-button"},this.label||null===this.label?a("ix-button",{...r,class:"internal-button",alignment:"start",ref:t=>t.tabIndex=-1,ariaLabelButton:this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")},a("div",{class:"content"},this.icon?a("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,a("div",{class:"button-label"},this.label),a("slot",{name:"button-label"}),!o&&a("ix-icon",{"aria-hidden":"true",name:this.dropdownShow?s:n,size:"24"}))):a("div",null,a("ix-icon-button",{...r,icon:this.icon,ref:t=>t.tabIndex=-1,"aria-label":this.ariaLabelDropdownButton??(this.dropdownShow?"Close dropdown":"Open dropdown")}),!o&&this.getTriangle())),a("ix-dropdown",{key:"2d1d3f151c4aea4bc2bac6708c9554cacb3993bd",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:t=>this.onDropdownShowChanged(t),onScroll:t=>{const r=new CustomEvent("scroll",{bubbles:t.bubbles,cancelable:t.cancelable,detail:t.detail});this.hostElement.dispatchEvent(r)}},a("slot",{key:"dc1d3c88cde3ec8d126d967c9248aa9046fd0bf7"})))}};m.style=":host{display:inline-block;position:relative;height:2rem;width:auto;--ix-dropdown-button-border-radius-left:var(--theme-btn--border-radius);--ix-dropdown-button-border-radius-right:var(--theme-btn--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(--theme-btn-primary--color)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-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(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host([aria-expanded=true]:focus-visible){outline:none}:host(.disabled){pointer-events:none}";export{m as ix_dropdown_button}
@@ -1 +0,0 @@
1
- import{r,h as a,H as t}from"./p-Ca5WUunf.js";import{g as o,a as e}from"./p-B5k8YVR0.js";const i=class{constructor(a){r(this,a)}variant="outline";icon=void 0;ariaLabelIcon;heading;subheading;selected=!1;ariaLabelCard;passive=!1;getSubheadingTextColor(){return"outline"===this.variant||"filled"===this.variant?"soft":void 0}render(){const r=!this.ariaLabelCard&&this.heading?"ix-action-card-heading":void 0;return a(t,{key:"3c4975b39af044bc6af37f6420fa95c772904906"},a("ix-card",{key:"aab19e577dd323f564c4fb00e1a0a6dd893a5744",selected:this.selected,variant:this.variant,passive:this.passive,class:"pointer","aria-label":this.ariaLabelCard,"aria-labelledby":r,role:r?"group":void 0},a("ix-card-content",{key:"fa5beccb483bd702884770b50e7105a6b57167a1"},this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon||o(this.icon)}):null,a("div",{key:"d694d8b0a424c7971c2fa2e860045cf25b20ae3d"},this.heading?a("ix-typography",{id:"ix-action-card-heading","aria-hidden":e(!r),format:"h4"},this.heading):null,this.subheading?a("ix-typography",{format:"h5","text-color":this.getSubheadingTextColor()},this.subheading):null,a("slot",{key:"edf7f011821f3fe44120583025255ecdb9441f4f"})))))}};i.style=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";export{i as ix_action_card}
@@ -1 +0,0 @@
1
- import{r as e,c,g as o,h as r,F as h,H as d}from"./p-Ca5WUunf.js";import{a as t}from"./p-B5k8YVR0.js";import{m as b}from"./p-Djkc69iv.js";import{H as a}from"./p-D148LCh1.js";import"./p-XBTykBKS.js";const k=class{constructor(o){e(this,o),this.checkedChange=c(this,"checkedChange",7),this.valueChange=c(this,"valueChange",7),this.ixBlur=c(this,"ixBlur",7),o.$hostElement$["s-ei"]?this.formInternals=o.$hostElement$["s-ei"]:(this.formInternals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return o(this)}formInternals;name;value="on";label;checked=!1;disabled=!1;indeterminate=!1;required=!1;checkedChange;valueChange;ixBlur;touched=!1;inputRef=b((e=>{e.checked=this.checked}));setCheckedState(e){this.checked=e,this.checkedChange.emit(this.checked)}onCheckedChange(){this.touched=!0,this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}renderCheckmark(){return r("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},this.indeterminate&&r(h,null,r("rect",{width:"18",height:"18",fill:"transparent"}),r("rect",{x:"3",y:"8",width:"12",height:"2",fill:"var(--ix-checkbox-check-color)"})),this.checked&&r("path",{d:"M3.65625 8.15625L8.4375 12.9375L14.625 3.9375",stroke:"var(--ix-checkbox-check-color)","stroke-width":"2"}))}render(){return r(d,{key:"7cf9106ea2b83fcc4913a4552cf91c09f0a0ec16","aria-checked":t(this.checked),"aria-disabled":t(this.disabled),role:"checkbox",class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate},onFocus:()=>this.touched=!0,onBlur:()=>this.ixBlur.emit()},r("label",{key:"ea4e86f56eb29791d77991e31a95bc0e8958b943"},r("input",{key:"59446931420ba7c117d6b8bc392cdcd5c99723ae","aria-checked":t(this.checked),required:this.required,disabled:this.disabled,checked:this.checked,ref:this.inputRef,type:"checkbox",onChange:()=>this.setCheckedState(!this.checked)}),r("button",{key:"842691bcb514facd3f0588b8d49e069ac6655866",disabled:this.disabled,class:{checked:this.checked},onClick:()=>this.setCheckedState(!this.checked)},this.renderCheckmark()),r("ix-typography",{key:"92c580ec9a1ffdb83b0d7dc5d0d8a5addfad7432",format:"label",textColor:this.disabled?"weak":"std"},this.label,r("slot",{key:"ae78de9041287d4ea3ad3820be9ba6f4fc062b2e"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}};(function(e,c,o,r){var h,d=arguments.length,t=d<3?c:null===r?r=Object.getOwnPropertyDescriptor(c,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)t=Reflect.decorate(e,c,o,r);else for(var b=e.length-1;b>=0;b--)(h=e[b])&&(t=(d<3?h(t):d>3?h(c,o,t):h(c,o))||t);d>3&&t&&Object.defineProperty(c,o,t)})([a()],k.prototype,"updateClassMappings",null),k.style=":host{--ix-checkbox-check-color:var(--theme-color-primary--contrast);display:inline-block;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 button{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;margin-right:0.5rem}:host button:disabled{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host button:focus-visible{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-checkbox--focus--outline-offset)}:host input[type=checkbox]{display:none}:host label{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;cursor:pointer}:host ix-typography{margin-top:0.125rem}:host button{background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.checked) button,:host(.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.checked:hover) button,:host(.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.checked:active) button,:host(.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.checked.disabled) button,:host(.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-info) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--info );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--info--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--info--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--info );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--info--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--info--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--info );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--info--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--info--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--info );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--info--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--info--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--info );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--info--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--info--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--info );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--info--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--info--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-info:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-info:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-info.checked) button,:host(.ix-info.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-info.checked:hover) button,:host(.ix-info.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-info.checked:active) button,:host(.ix-info.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-info.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) button,:host(.ix-info.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-warning) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--warning );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--warning--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--warning--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--warning );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--warning--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--warning--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--warning );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--warning--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--warning--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--warning );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--warning--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--warning--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--warning );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--warning--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--warning--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--warning );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--warning--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--warning--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-warning:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-warning:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-warning.checked) button,:host(.ix-warning.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-warning.checked:hover) button,:host(.ix-warning.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-warning.checked:active) button,:host(.ix-warning.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-warning.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) button,:host(.ix-warning.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid--required) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--invalid );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--invalid--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--invalid--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--invalid );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--invalid--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--invalid--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--invalid );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--invalid--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--invalid--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--invalid );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--invalid--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--invalid--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--invalid );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--invalid--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--invalid--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--invalid );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--invalid--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--invalid--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid--required:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid--required:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid--required.checked) button,:host(.ix-invalid--required.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid--required.checked:hover) button,:host(.ix-invalid--required.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) button,:host(.ix-invalid--required.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid--required.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) button,:host(.ix-invalid--required.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.ix-invalid) button{--theme-checkbox-unchecked--background:var( --theme-checkbox-unchecked--background--invalid );--theme-checkbox-unchecked--background--hover:var( --theme-checkbox-unchecked--background--invalid--hover );--theme-checkbox-unchecked--background--active:var( --theme-checkbox-unchecked--background--invalid--active );--theme-checkbox-unchecked--border-color:var( --theme-checkbox-unchecked--border-color--invalid );--theme-checkbox-unchecked--border-color--hover:var( --theme-checkbox-unchecked--border-color--invalid--hover );--theme-checkbox-unchecked--border-color--active:var( --theme-checkbox-unchecked--border-color--invalid--active );--theme-checkbox-checked--background:var( --theme-checkbox-checked--background--invalid );--theme-checkbox-checked--background--hover:var( --theme-checkbox-checked--background--invalid--hover );--theme-checkbox-checked--background--active:var( --theme-checkbox-checked--background--invalid--active );--theme-checkbox-checked--border-color:var( --theme-checkbox-checked--border-color--invalid );--theme-checkbox-checked--border-color--hover:var( --theme-checkbox-checked--border-color--invalid--hover );--theme-checkbox-checked--border-color--active:var( --theme-checkbox-checked--border-color--invalid--active );--theme-checkbox-mixed--background:var( --theme-checkbox-mixed--background--invalid );--theme-checkbox-mixed--background--hover:var( --theme-checkbox-mixed--background--invalid--hover );--theme-checkbox-mixed--background--active:var( --theme-checkbox-mixed--background--invalid--active );--theme-checkbox-mixed--border-color:var( --theme-checkbox-mixed--border-color--invalid );--theme-checkbox-mixed--border-color--hover:var( --theme-checkbox-mixed--border-color--invalid--hover );--theme-checkbox-mixed--border-color--active:var( --theme-checkbox-mixed--border-color--invalid--active );background-color:var(--theme-checkbox-unchecked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color)}:host(.ix-invalid:hover) button{background-color:var(--theme-checkbox-unchecked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover)}:host(.ix-invalid:active) button{background-color:var(--theme-checkbox-unchecked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active)}:host(.ix-invalid.checked) button,:host(.ix-invalid.indeterminate) button{background-color:var(--theme-checkbox-checked--background);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color)}:host(.ix-invalid.checked:hover) button,:host(.ix-invalid.indeterminate:hover) button{background-color:var(--theme-checkbox-checked--background--hover);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover)}:host(.ix-invalid.checked:active) button,:host(.ix-invalid.indeterminate:active) button{background-color:var(--theme-checkbox-checked--background--active);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active)}:host(.ix-invalid.disabled) button{background-color:var(--theme-checkbox-unchecked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) button,:host(.ix-invalid.indeterminate.disabled) button{background-color:var(--theme-checkbox-checked--background--disabled);border:var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled)}:host(.disabled){pointer-events:none}:host(.disabled) button,:host(.disabled) label,:host(.disabled) input{pointer-events:none}";export{k as ix_checkbox}
@@ -1 +0,0 @@
1
- import{M as r,r as e,g as t,h as o,H as a}from"./p-Ca5WUunf.js";import{B as d}from"./p-fpBGwEVT.js";import{g as i,b as n}from"./p-B5k8YVR0.js";import{D as b}from"./p-Dl_bUxb7.js";import{I as s}from"./p-yAf8WIcn.js";import"./p-DzWThpzp.js";import"./p-DnaItyVQ.js";import"./p-BIe8Nw9M.js";const l=class extends(r(...b,s)){constructor(r){super(),e(this,r)}get hostElement(){return t(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 t={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 o(a,{key:"b1ad69ccd94cf290a88db0d5f9da8c5992bba336",class:{...this.getIconSizeClass(),disabled:this.disabled||this.loading},tabIndex:this.disabled?-1:0},o(d,{key:"928bd44422d72964601e7311a4faa257df34e91b",...t}))}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}]}}};l.style=":host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.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: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}";const c=class{constructor(r){e(this,r)}get hostElement(){return t(this)}variant="secondary";size="medium";hideTrack=!1;render(){const r=n(this.hostElement);return void 0===r["aria-label"]&&(r["aria-label"]="Loading"),r.role="status",r["aria-busy"]="true",o(a,{key:"835ff861b90c96a284b144cd4b7df3bd19c547be",...r},o("div",{key:"0fd777eaca9341e38e0e19bd73b03af5bd188eb8",class:{primary:"primary"===this.variant,[this.size]:!0,"hide-track":this.hideTrack}}))}};c.style=':host{display:block;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}.xx-small{width:0.75rem;height:0.75rem;min-width:0.75rem;min-height:0.75rem;max-width:0.75rem;max-height:0.75rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.xx-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.xx-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:1px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.x-small{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.x-small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.x-small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.small{width:1.5rem;height:1.5rem;min-width:1.5rem;min-height:1.5rem;max-width:1.5rem;max-height:1.5rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.small::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.small:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.medium{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.medium::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.medium:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:2px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}:host{display:block;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}.large{width:6rem;height:6rem;min-width:6rem;min-height:6rem;max-width:6rem;max-height:6rem;border-radius:100%;position:relative;animation:rotate 2s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes clipMask{0%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}12.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)}25%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)}37.5%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)}50%{clip-path:polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)}62.5%{clip-path:polygon(50% 50%, 100% 0, 100% 0, 100% 100%, 0 100%, 0 0)}75%{clip-path:polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 0 100%, 0 0)}87.5%{clip-path:polygon(50% 50%, 0 100%, 0 100%, 0 100%, 0 100%, 0 0)}100%{clip-path:polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)}}.large::after{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--ix-button-color, var(--theme-color-soft-text));animation:clipMask 3s linear infinite}.large:not(.hide-track)::before{content:"";box-sizing:border-box;position:absolute;inset:8.33%;border-radius:100%;border:4px solid var(--theme-color-component-3)}.primary::after{border-color:var(--theme-color-dynamic)}.primary::before{border-color:var(--theme-color-ghost--hover)}';export{l as ix_icon_button,c as ix_spinner}