@siemens/ix 5.1.0 → 5.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (541) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/ix-action-card.js +1 -1
  3. package/components/ix-application-header.js +1 -1
  4. package/components/ix-application-switch-modal.js +1 -1
  5. package/components/ix-application.js +1 -1
  6. package/components/ix-avatar.js +1 -1
  7. package/components/ix-blind.js +1 -1
  8. package/components/ix-breadcrumb.js +1 -1
  9. package/components/ix-button.js +1 -1
  10. package/components/ix-card-accordion.js +1 -1
  11. package/components/ix-card-content.js +1 -1
  12. package/components/ix-card-list.js +1 -1
  13. package/components/ix-card-title.js +1 -1
  14. package/components/ix-card.js +1 -1
  15. package/components/ix-category-filter.js +1 -1
  16. package/components/ix-checkbox-group.js +1 -1
  17. package/components/ix-checkbox.js +1 -1
  18. package/components/ix-chip.js +1 -1
  19. package/components/ix-col.js +1 -1
  20. package/components/ix-content-header.js +1 -1
  21. package/components/ix-content.js +1 -1
  22. package/components/ix-css-grid-item.js +1 -1
  23. package/components/ix-css-grid.js +1 -1
  24. package/components/ix-custom-field.js +1 -1
  25. package/components/ix-date-dropdown.js +1 -1
  26. package/components/ix-date-input.js +1 -1
  27. package/components/ix-date-picker.js +1 -1
  28. package/components/ix-datetime-input.js +1 -1
  29. package/components/ix-datetime-picker.js +1 -1
  30. package/components/ix-dropdown-button.js +1 -1
  31. package/components/ix-dropdown-header.js +1 -1
  32. package/components/ix-dropdown-item.js +1 -1
  33. package/components/ix-dropdown-quick-actions.js +1 -1
  34. package/components/ix-dropdown.js +1 -1
  35. package/components/ix-empty-state.js +1 -1
  36. package/components/ix-event-list-item.js +1 -1
  37. package/components/ix-event-list.js +1 -1
  38. package/components/ix-field-label.js +1 -1
  39. package/components/ix-field-wrapper.js +1 -1
  40. package/components/ix-filter-chip.js +1 -1
  41. package/components/ix-flip-tile-content.js +1 -1
  42. package/components/ix-flip-tile.js +1 -1
  43. package/components/ix-group-context-menu.js +1 -1
  44. package/components/ix-group.js +1 -1
  45. package/components/ix-helper-text.js +1 -1
  46. package/components/ix-input.js +1 -1
  47. package/components/ix-key-value-list.js +1 -1
  48. package/components/ix-layout-auto.js +1 -1
  49. package/components/ix-layout-grid.js +1 -1
  50. package/components/ix-link-button.js +1 -1
  51. package/components/ix-menu-about-item.js +1 -1
  52. package/components/ix-menu-about-news.js +1 -1
  53. package/components/ix-menu-about.js +1 -1
  54. package/components/ix-menu-avatar-item.js +1 -1
  55. package/components/ix-menu-avatar.js +1 -1
  56. package/components/ix-menu-category.js +1 -1
  57. package/components/ix-menu-item.js +1 -1
  58. package/components/ix-menu-settings-item.js +1 -1
  59. package/components/ix-menu-settings.js +1 -1
  60. package/components/ix-menu.js +1 -1
  61. package/components/ix-message-bar.js +1 -1
  62. package/components/ix-modal-content.js +1 -1
  63. package/components/ix-modal-footer.js +1 -1
  64. package/components/ix-modal-header.js +1 -1
  65. package/components/ix-modal.js +1 -1
  66. package/components/ix-number-input.js +1 -1
  67. package/components/ix-pagination.js +1 -1
  68. package/components/ix-pane-layout.js +1 -1
  69. package/components/ix-pane.js +1 -1
  70. package/components/ix-pill.js +1 -1
  71. package/components/ix-popover-content.js +1 -1
  72. package/components/ix-popover-footer.js +1 -1
  73. package/components/ix-popover-header.js +1 -1
  74. package/components/ix-popover.js +1 -1
  75. package/components/ix-progress-indicator.js +1 -1
  76. package/components/ix-push-card.js +1 -1
  77. package/components/ix-radio-group.js +1 -1
  78. package/components/ix-radio.js +1 -1
  79. package/components/ix-range-field.js +1 -1
  80. package/components/ix-row.js +1 -1
  81. package/components/ix-select-item.js +1 -1
  82. package/components/ix-select.js +1 -1
  83. package/components/ix-slider.js +1 -1
  84. package/components/ix-split-button.js +1 -1
  85. package/components/ix-tab-item.js +1 -1
  86. package/components/ix-tabs.js +1 -1
  87. package/components/ix-textarea.js +1 -1
  88. package/components/ix-tile.js +1 -1
  89. package/components/ix-time-input.js +1 -1
  90. package/components/ix-time-picker.js +1 -1
  91. package/components/ix-toast-container.js +1 -1
  92. package/components/ix-toast.js +1 -1
  93. package/components/ix-toggle-button.js +1 -1
  94. package/components/ix-toggle.js +1 -1
  95. package/components/ix-tooltip.js +1 -1
  96. package/components/ix-tree-item.js +1 -1
  97. package/components/ix-tree.js +1 -1
  98. package/components/ix-typography.js +1 -1
  99. package/components/ix-upload.js +1 -1
  100. package/components/ix-workflow-step.js +1 -1
  101. package/components/ix-workflow-steps.js +1 -1
  102. package/components/{p-DhWkcMmR.js → p-1KOHyx-1.js} +1 -1
  103. package/components/{p-zqHenwXl.js → p-BH2Yhp3V.js} +1 -1
  104. package/components/{p-CrDBjFhu.js → p-BIcWFids.js} +1 -1
  105. package/components/{p-CGHbrmJg.js → p-BRoFUwzJ.js} +1 -1
  106. package/components/{p-CIA8i4dm.js → p-BZgc6bzH.js} +1 -1
  107. package/components/{p-Wr4Qf8LA.js → p-B_MBGj0b.js} +1 -1
  108. package/components/{p-BuBQiemL.js → p-Bj_6nynP.js} +1 -1
  109. package/components/p-C7MRPZvZ.js +1 -0
  110. package/components/{p-aUZgVnx5.js → p-CHV-_J6i.js} +1 -1
  111. package/components/{p-CrLxhwo2.js → p-CUvmGsh_.js} +1 -1
  112. package/components/{p-CJoOEoc-.js → p-Ca8JFa1v.js} +1 -1
  113. package/components/p-CbbabcAR.js +1 -0
  114. package/components/{p-C2jvmCOl.js → p-CgHioxG-.js} +1 -1
  115. package/components/{p-zyYHTdEN.js → p-CkIELF-1.js} +1 -1
  116. package/components/{p-CT5pAQCz.js → p-Cvpz1Ji5.js} +1 -1
  117. package/components/{p-DHydRnvu.js → p-D1sONqtj.js} +1 -1
  118. package/components/{p-CG9cQxRO.js → p-D69Mojvn.js} +1 -1
  119. package/components/p-DLe8Pp58.js +1 -0
  120. package/components/{p-C0WZnIxc.js → p-DO3HtUke.js} +1 -1
  121. package/components/{p-Cy2KAdml.js → p-DfdjJL6W.js} +1 -1
  122. package/components/{p-C-sZLWci.js → p-DjIyhGBC.js} +1 -1
  123. package/components/{p-BbW5EIKF.js → p-DkAUNod9.js} +1 -1
  124. package/components/{p-Dfd_ifAu.js → p-Dl_YKIKl.js} +1 -1
  125. package/components/{p-BNAvpXSk.js → p-DuMiVxY1.js} +1 -1
  126. package/components/{p-ImMb0joA.js → p-DwmHytZi.js} +1 -1
  127. package/components/{p-BDlGgfYh.js → p-LbnItC1h.js} +1 -1
  128. package/components/{p-CpOGS2e_.js → p-R1AQtGdV.js} +1 -1
  129. package/components/{p-wFiL3dN1.js → p-_f_q2Etu.js} +1 -1
  130. package/components/{p-DtOqKp7K.js → p-baqpOH0g.js} +1 -1
  131. package/components/p-f1jZqaUz.js +1 -0
  132. package/components/{p-B-O0ylt_.js → p-olkZUb1j.js} +1 -1
  133. package/components/{p-CDf5TQum.js → p-z19mjzlp.js} +1 -1
  134. package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
  135. package/dist/cjs/ix-application-header.cjs.entry.js +9 -9
  136. package/dist/cjs/ix-application.cjs.entry.js +3 -3
  137. package/dist/cjs/ix-blind.cjs.entry.js +5 -5
  138. package/dist/cjs/ix-breadcrumb.cjs.entry.js +2 -2
  139. package/dist/cjs/ix-button.cjs.entry.js +2 -2
  140. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +5 -5
  141. package/dist/cjs/ix-card-list.cjs.entry.js +4 -4
  142. package/dist/cjs/ix-card_2.cjs.entry.js +3 -3
  143. package/dist/cjs/ix-checkbox-group.cjs.entry.js +2 -2
  144. package/dist/cjs/ix-checkbox.cjs.entry.js +3 -3
  145. package/dist/cjs/ix-chip.cjs.entry.js +4 -4
  146. package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
  147. package/dist/cjs/ix-content-header.cjs.entry.js +3 -3
  148. package/dist/cjs/ix-content.cjs.entry.js +3 -3
  149. package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
  150. package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
  151. package/dist/cjs/ix-custom-field.cjs.entry.js +1 -1
  152. package/dist/cjs/ix-date-input.cjs.entry.js +1 -1
  153. package/dist/cjs/ix-datetime-input.cjs.entry.js +1 -1
  154. package/dist/cjs/ix-dropdown-button.cjs.entry.js +4 -4
  155. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
  156. package/dist/cjs/ix-dropdown_2.cjs.entry.js +4 -4
  157. package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
  158. package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
  159. package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
  160. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
  161. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
  162. package/dist/cjs/ix-flip-tile.cjs.entry.js +3 -3
  163. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
  164. package/dist/cjs/ix-group.cjs.entry.js +8 -8
  165. package/dist/cjs/ix-input.cjs.entry.js +1 -1
  166. package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
  167. package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
  168. package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
  169. package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
  170. package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
  171. package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
  172. package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
  173. package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
  174. package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
  175. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
  176. package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
  177. package/dist/cjs/ix-menu.cjs.entry.js +12 -12
  178. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  179. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  180. package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
  181. package/dist/cjs/ix-modal.cjs.entry.js +3 -3
  182. package/dist/cjs/ix-number-input.cjs.entry.js +1 -1
  183. package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
  184. package/dist/cjs/ix-pane.cjs.entry.js +7 -7
  185. package/dist/cjs/ix-pill_4.cjs.entry.js +14 -14
  186. package/dist/cjs/ix-popover-content.cjs.entry.js +1 -1
  187. package/dist/cjs/ix-popover-footer.cjs.entry.js +1 -1
  188. package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
  189. package/dist/cjs/ix-popover.cjs.entry.js +1 -1
  190. package/dist/cjs/ix-progress-indicator.cjs.entry.js +3 -3
  191. package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
  192. package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
  193. package/dist/cjs/ix-radio.cjs.entry.js +3 -3
  194. package/dist/cjs/ix-range-field.cjs.entry.js +2 -2
  195. package/dist/cjs/ix-select.cjs.entry.js +13 -10
  196. package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
  197. package/dist/cjs/ix-textarea.cjs.entry.js +1 -1
  198. package/dist/cjs/ix-tile.cjs.entry.js +4 -4
  199. package/dist/cjs/ix-time-input.cjs.entry.js +1 -1
  200. package/dist/cjs/ix-toast-container.cjs.entry.js +2 -2
  201. package/dist/cjs/ix-toast.cjs.entry.js +2 -2
  202. package/dist/cjs/ix-toggle-button.cjs.entry.js +2 -2
  203. package/dist/cjs/ix-tooltip.cjs.entry.js +1 -1
  204. package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
  205. package/dist/cjs/ix-tree.cjs.entry.js +1 -1
  206. package/dist/cjs/ix-typography.cjs.entry.js +1 -1
  207. package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
  208. package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
  209. package/dist/collection/components/action-card/action-card.js +3 -3
  210. package/dist/collection/components/application/application.js +10 -3
  211. package/dist/collection/components/application-header/application-header.js +10 -9
  212. package/dist/collection/components/avatar/avatar.js +3 -0
  213. package/dist/collection/components/blind/blind.js +10 -5
  214. package/dist/collection/components/breadcrumb/breadcrumb.js +5 -2
  215. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +3 -0
  216. package/dist/collection/components/button/button.js +5 -2
  217. package/dist/collection/components/card/card.js +6 -2
  218. package/dist/collection/components/card-accordion/card-accordion.js +7 -4
  219. package/dist/collection/components/card-content/card-content.js +4 -1
  220. package/dist/collection/components/card-list/card-list.js +7 -4
  221. package/dist/collection/components/card-title/card-title.js +2 -1
  222. package/dist/collection/components/checkbox/checkbox.js +4 -3
  223. package/dist/collection/components/checkbox-group/checkbox-group.js +3 -2
  224. package/dist/collection/components/chip/chip.js +7 -4
  225. package/dist/collection/components/col/col.js +5 -2
  226. package/dist/collection/components/content/content.js +4 -3
  227. package/dist/collection/components/content-header/content-header.js +4 -4
  228. package/dist/collection/components/css-grid/css-grid-item.js +2 -1
  229. package/dist/collection/components/css-grid/css-grid.js +2 -1
  230. package/dist/collection/components/custom-field/custom-field.js +4 -1
  231. package/dist/collection/components/date-input/date-input.css +1 -0
  232. package/dist/collection/components/datetime-input/datetime-input.css +1 -0
  233. package/dist/collection/components/dropdown/dropdown.js +4 -1
  234. package/dist/collection/components/dropdown-button/dropdown-button.js +8 -4
  235. package/dist/collection/components/dropdown-item/dropdown-item.js +6 -3
  236. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +4 -1
  237. package/dist/collection/components/event-list/event-list.js +5 -2
  238. package/dist/collection/components/event-list-item/event-list-item.js +7 -4
  239. package/dist/collection/components/field-label/field-label.js +5 -2
  240. package/dist/collection/components/filter-chip/filter-chip.js +5 -2
  241. package/dist/collection/components/flip-tile/flip-tile.js +8 -3
  242. package/dist/collection/components/flip-tile-content/flip-tile-content.js +4 -1
  243. package/dist/collection/components/group/group-context-menu.js +4 -1
  244. package/dist/collection/components/group/group.js +14 -8
  245. package/dist/collection/components/group-item/group-item.js +3 -0
  246. package/dist/collection/components/input/input.css +1 -0
  247. package/dist/collection/components/input/number-input.css +1 -0
  248. package/dist/collection/components/input/textarea.css +1 -0
  249. package/dist/collection/components/key-value-list/key-value-list.js +4 -1
  250. package/dist/collection/components/layout-auto/layout-auto.js +4 -1
  251. package/dist/collection/components/layout-grid/layout-grid.js +5 -2
  252. package/dist/collection/components/link-button/link-button.js +6 -3
  253. package/dist/collection/components/menu/menu.js +20 -12
  254. package/dist/collection/components/menu-about/menu-about.js +5 -2
  255. package/dist/collection/components/menu-about-item/menu-about-item.js +2 -1
  256. package/dist/collection/components/menu-about-news/menu-about-news.js +7 -4
  257. package/dist/collection/components/menu-avatar/menu-avatar.js +5 -2
  258. package/dist/collection/components/menu-category/menu-category.js +8 -5
  259. package/dist/collection/components/menu-item/menu-item.js +5 -5
  260. package/dist/collection/components/menu-settings/menu-settings.js +5 -2
  261. package/dist/collection/components/menu-settings-item/menu-settings-item.js +2 -1
  262. package/dist/collection/components/message-bar/message-bar.js +4 -1
  263. package/dist/collection/components/modal/modal.js +6 -3
  264. package/dist/collection/components/modal-content/modal-content.js +4 -1
  265. package/dist/collection/components/modal-footer/modal-footer.js +4 -1
  266. package/dist/collection/components/modal-header/modal-header.js +4 -1
  267. package/dist/collection/components/pane/pane.js +8 -7
  268. package/dist/collection/components/pane-layout/pane-layout.js +9 -1
  269. package/dist/collection/components/pill/pill.js +7 -4
  270. package/dist/collection/components/popover/popover.js +2 -2
  271. package/dist/collection/components/popover-content/popover-content.js +2 -2
  272. package/dist/collection/components/popover-footer/popover-footer.js +2 -2
  273. package/dist/collection/components/popover-header/popover-header.js +2 -2
  274. package/dist/collection/components/progress-indicator/progress-indicator.js +5 -3
  275. package/dist/collection/components/push-card/push-card.js +5 -1
  276. package/dist/collection/components/radio/radio.js +4 -3
  277. package/dist/collection/components/radio-group/radio-group.js +3 -2
  278. package/dist/collection/components/range-field/range-field.js +5 -2
  279. package/dist/collection/components/row/row.js +4 -1
  280. package/dist/collection/components/select/select.js +14 -10
  281. package/dist/collection/components/split-button/split-button.js +4 -1
  282. package/dist/collection/components/tab-item/tab-item.js +8 -5
  283. package/dist/collection/components/tabs/tabs.js +8 -5
  284. package/dist/collection/components/tile/tile.js +10 -4
  285. package/dist/collection/components/time-input/time-input.css +1 -0
  286. package/dist/collection/components/toast/toast-container.js +5 -2
  287. package/dist/collection/components/toast/toast.js +6 -2
  288. package/dist/collection/components/toggle-button/toggle-button.js +5 -2
  289. package/dist/collection/components/tooltip/tooltip.js +2 -1
  290. package/dist/collection/components/tree/tree.js +4 -1
  291. package/dist/collection/components/tree-item/tree-item.js +7 -4
  292. package/dist/collection/components/typography/typography.js +4 -1
  293. package/dist/collection/components/workflow-step/workflow-step.js +7 -3
  294. package/dist/collection/components/workflow-steps/workflow-steps.js +4 -1
  295. package/dist/esm/ix-action-card.entry.js +2 -2
  296. package/dist/esm/ix-application-header.entry.js +9 -9
  297. package/dist/esm/ix-application.entry.js +3 -3
  298. package/dist/esm/ix-blind.entry.js +5 -5
  299. package/dist/esm/ix-breadcrumb.entry.js +2 -2
  300. package/dist/esm/ix-button.entry.js +2 -2
  301. package/dist/esm/ix-card-accordion_2.entry.js +5 -5
  302. package/dist/esm/ix-card-list.entry.js +4 -4
  303. package/dist/esm/ix-card_2.entry.js +3 -3
  304. package/dist/esm/ix-checkbox-group.entry.js +2 -2
  305. package/dist/esm/ix-checkbox.entry.js +3 -3
  306. package/dist/esm/ix-chip.entry.js +4 -4
  307. package/dist/esm/ix-col_4.entry.js +5 -5
  308. package/dist/esm/ix-content-header.entry.js +3 -3
  309. package/dist/esm/ix-content.entry.js +3 -3
  310. package/dist/esm/ix-css-grid-item.entry.js +1 -1
  311. package/dist/esm/ix-css-grid.entry.js +1 -1
  312. package/dist/esm/ix-custom-field.entry.js +1 -1
  313. package/dist/esm/ix-date-input.entry.js +1 -1
  314. package/dist/esm/ix-datetime-input.entry.js +1 -1
  315. package/dist/esm/ix-dropdown-button.entry.js +4 -4
  316. package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
  317. package/dist/esm/ix-dropdown_2.entry.js +4 -4
  318. package/dist/esm/ix-event-list-item.entry.js +4 -4
  319. package/dist/esm/ix-event-list.entry.js +2 -2
  320. package/dist/esm/ix-field-label_2.entry.js +2 -2
  321. package/dist/esm/ix-filter-chip_2.entry.js +2 -2
  322. package/dist/esm/ix-flip-tile-content.entry.js +1 -1
  323. package/dist/esm/ix-flip-tile.entry.js +3 -3
  324. package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
  325. package/dist/esm/ix-group.entry.js +8 -8
  326. package/dist/esm/ix-input.entry.js +1 -1
  327. package/dist/esm/ix-key-value-list.entry.js +1 -1
  328. package/dist/esm/ix-layout-auto.entry.js +1 -1
  329. package/dist/esm/ix-link-button.entry.js +3 -3
  330. package/dist/esm/ix-menu-about-item.entry.js +1 -1
  331. package/dist/esm/ix-menu-about-news.entry.js +4 -4
  332. package/dist/esm/ix-menu-about.entry.js +2 -2
  333. package/dist/esm/ix-menu-avatar.entry.js +2 -2
  334. package/dist/esm/ix-menu-category.entry.js +5 -5
  335. package/dist/esm/ix-menu-item.entry.js +4 -4
  336. package/dist/esm/ix-menu-settings-item.entry.js +1 -1
  337. package/dist/esm/ix-menu-settings.entry.js +2 -2
  338. package/dist/esm/ix-menu.entry.js +12 -12
  339. package/dist/esm/ix-message-bar.entry.js +1 -1
  340. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  341. package/dist/esm/ix-modal-footer.entry.js +1 -1
  342. package/dist/esm/ix-modal.entry.js +3 -3
  343. package/dist/esm/ix-number-input.entry.js +1 -1
  344. package/dist/esm/ix-pane-layout.entry.js +1 -1
  345. package/dist/esm/ix-pane.entry.js +7 -7
  346. package/dist/esm/ix-pill_4.entry.js +14 -14
  347. package/dist/esm/ix-popover-content.entry.js +1 -1
  348. package/dist/esm/ix-popover-footer.entry.js +1 -1
  349. package/dist/esm/ix-popover-header.entry.js +1 -1
  350. package/dist/esm/ix-popover.entry.js +1 -1
  351. package/dist/esm/ix-progress-indicator.entry.js +3 -3
  352. package/dist/esm/ix-push-card.entry.js +1 -1
  353. package/dist/esm/ix-radio-group.entry.js +2 -2
  354. package/dist/esm/ix-radio.entry.js +3 -3
  355. package/dist/esm/ix-range-field.entry.js +2 -2
  356. package/dist/esm/ix-select.entry.js +13 -10
  357. package/dist/esm/ix-split-button.entry.js +1 -1
  358. package/dist/esm/ix-textarea.entry.js +1 -1
  359. package/dist/esm/ix-tile.entry.js +4 -4
  360. package/dist/esm/ix-time-input.entry.js +1 -1
  361. package/dist/esm/ix-toast-container.entry.js +2 -2
  362. package/dist/esm/ix-toast.entry.js +2 -2
  363. package/dist/esm/ix-toggle-button.entry.js +2 -2
  364. package/dist/esm/ix-tooltip.entry.js +1 -1
  365. package/dist/esm/ix-tree-item.entry.js +4 -4
  366. package/dist/esm/ix-tree.entry.js +1 -1
  367. package/dist/esm/ix-typography.entry.js +1 -1
  368. package/dist/esm/ix-workflow-step.entry.js +3 -3
  369. package/dist/esm/ix-workflow-steps.entry.js +1 -1
  370. package/dist/siemens-ix/{p-321a10b6.entry.js → p-03215d55.entry.js} +1 -1
  371. package/dist/siemens-ix/{p-c97c218d.entry.js → p-04a42013.entry.js} +1 -1
  372. package/dist/siemens-ix/{p-b75db823.entry.js → p-0b24f8d0.entry.js} +1 -1
  373. package/dist/siemens-ix/{p-9d9fec8c.entry.js → p-0e74e65c.entry.js} +1 -1
  374. package/dist/siemens-ix/{p-bc11adcd.entry.js → p-0fd5baf1.entry.js} +1 -1
  375. package/dist/siemens-ix/{p-641bc66c.entry.js → p-1cd9a45a.entry.js} +1 -1
  376. package/dist/siemens-ix/{p-90a5cda7.entry.js → p-1ea183fb.entry.js} +1 -1
  377. package/dist/siemens-ix/{p-957b77ec.entry.js → p-227ba1b8.entry.js} +1 -1
  378. package/dist/siemens-ix/{p-f8561834.entry.js → p-2753ed4e.entry.js} +1 -1
  379. package/dist/siemens-ix/{p-c6d63b3c.entry.js → p-2eb094c0.entry.js} +1 -1
  380. package/dist/siemens-ix/{p-646d5219.entry.js → p-34eaf010.entry.js} +1 -1
  381. package/dist/siemens-ix/{p-fb1e66a7.entry.js → p-39fb1c9e.entry.js} +1 -1
  382. package/dist/siemens-ix/{p-7e6a5c38.entry.js → p-3bfa4bbc.entry.js} +1 -1
  383. package/dist/siemens-ix/{p-f0d97723.entry.js → p-3f5ac9f7.entry.js} +1 -1
  384. package/dist/siemens-ix/{p-f9628912.entry.js → p-4154d18a.entry.js} +1 -1
  385. package/dist/siemens-ix/{p-2202ae94.entry.js → p-427f85c3.entry.js} +1 -1
  386. package/dist/siemens-ix/{p-46768472.entry.js → p-45106215.entry.js} +1 -1
  387. package/dist/siemens-ix/{p-b7f2f229.entry.js → p-4ceb3543.entry.js} +1 -1
  388. package/dist/siemens-ix/{p-0eb3a12a.entry.js → p-4d179abe.entry.js} +1 -1
  389. package/dist/siemens-ix/{p-4f0f97dd.entry.js → p-4faa3c03.entry.js} +1 -1
  390. package/dist/siemens-ix/{p-e283d7d1.entry.js → p-50a44cb9.entry.js} +1 -1
  391. package/dist/siemens-ix/{p-5685a2e6.entry.js → p-52096875.entry.js} +1 -1
  392. package/dist/siemens-ix/{p-2b9f7512.entry.js → p-57678563.entry.js} +1 -1
  393. package/dist/siemens-ix/{p-264e971c.entry.js → p-5d7ede96.entry.js} +1 -1
  394. package/dist/siemens-ix/{p-d80e7d50.entry.js → p-6aa5adb4.entry.js} +1 -1
  395. package/dist/siemens-ix/{p-b13f34d1.entry.js → p-703c7e7c.entry.js} +1 -1
  396. package/dist/siemens-ix/{p-2f7b1e1e.entry.js → p-71a31d92.entry.js} +1 -1
  397. package/dist/siemens-ix/{p-8c2365cc.entry.js → p-71a5fae5.entry.js} +1 -1
  398. package/dist/siemens-ix/{p-8969b2f9.entry.js → p-747d14a2.entry.js} +1 -1
  399. package/dist/siemens-ix/{p-d6c906b7.entry.js → p-7655c4c2.entry.js} +1 -1
  400. package/dist/siemens-ix/{p-b8beb613.entry.js → p-7899597f.entry.js} +1 -1
  401. package/dist/siemens-ix/{p-46b2b660.entry.js → p-8658717f.entry.js} +1 -1
  402. package/dist/siemens-ix/{p-62a7ae9c.entry.js → p-8b839f30.entry.js} +1 -1
  403. package/dist/siemens-ix/{p-db105778.entry.js → p-8d535dc9.entry.js} +1 -1
  404. package/dist/siemens-ix/{p-3bc384b7.entry.js → p-8f72a218.entry.js} +1 -1
  405. package/dist/siemens-ix/{p-8d73ddac.entry.js → p-95e8951f.entry.js} +1 -1
  406. package/dist/siemens-ix/{p-4bc4a175.entry.js → p-96a3b3df.entry.js} +1 -1
  407. package/dist/siemens-ix/{p-f1257e08.entry.js → p-9f2905df.entry.js} +1 -1
  408. package/dist/siemens-ix/{p-d253dadb.entry.js → p-a25f267b.entry.js} +1 -1
  409. package/dist/siemens-ix/{p-080147bd.entry.js → p-a2aa806e.entry.js} +1 -1
  410. package/dist/siemens-ix/{p-21e8ccb6.entry.js → p-a44b1452.entry.js} +1 -1
  411. package/dist/siemens-ix/p-a7f5e11e.entry.js +1 -0
  412. package/dist/siemens-ix/p-a8911648.entry.js +1 -0
  413. package/dist/siemens-ix/p-aa904521.entry.js +1 -0
  414. package/dist/siemens-ix/p-ab202c45.entry.js +1 -0
  415. package/dist/siemens-ix/{p-12930fcd.entry.js → p-ac804eb2.entry.js} +1 -1
  416. package/dist/siemens-ix/p-af808244.entry.js +1 -0
  417. package/dist/siemens-ix/{p-2072682b.entry.js → p-b004e845.entry.js} +1 -1
  418. package/dist/siemens-ix/{p-aec23f79.entry.js → p-b2fe56c7.entry.js} +1 -1
  419. package/dist/siemens-ix/{p-ff1967de.entry.js → p-b7570885.entry.js} +1 -1
  420. package/dist/siemens-ix/{p-247d2e7a.entry.js → p-bddd1cca.entry.js} +1 -1
  421. package/dist/siemens-ix/{p-b181bf0b.entry.js → p-c0d56b86.entry.js} +1 -1
  422. package/dist/siemens-ix/{p-ae07f671.entry.js → p-c1c209f6.entry.js} +1 -1
  423. package/dist/siemens-ix/{p-710d32a6.entry.js → p-c69036b1.entry.js} +1 -1
  424. package/dist/siemens-ix/{p-24c54468.entry.js → p-c9718f0d.entry.js} +1 -1
  425. package/dist/siemens-ix/{p-d74baa8a.entry.js → p-cd42c4e6.entry.js} +1 -1
  426. package/dist/siemens-ix/p-d02d2e49.entry.js +1 -0
  427. package/dist/siemens-ix/{p-d830e3d6.entry.js → p-d16ee3bd.entry.js} +1 -1
  428. package/dist/siemens-ix/{p-56d2d54c.entry.js → p-d1cd3cb9.entry.js} +1 -1
  429. package/dist/siemens-ix/{p-6f78e0f1.entry.js → p-d45ff0a0.entry.js} +1 -1
  430. package/dist/siemens-ix/{p-9a88ff9c.entry.js → p-d5761950.entry.js} +1 -1
  431. package/dist/siemens-ix/{p-a6a0b240.entry.js → p-d699bb26.entry.js} +1 -1
  432. package/dist/siemens-ix/{p-35bfaa91.entry.js → p-daf43138.entry.js} +1 -1
  433. package/dist/siemens-ix/{p-3854287c.entry.js → p-ddcc8627.entry.js} +1 -1
  434. package/dist/siemens-ix/{p-63491f83.entry.js → p-e3da7c67.entry.js} +1 -1
  435. package/dist/siemens-ix/{p-52dc064a.entry.js → p-e58ae892.entry.js} +1 -1
  436. package/dist/siemens-ix/{p-de58069d.entry.js → p-e5e220c7.entry.js} +1 -1
  437. package/dist/siemens-ix/{p-d1ab68b3.entry.js → p-e6046255.entry.js} +1 -1
  438. package/dist/siemens-ix/{p-34f61a28.entry.js → p-ea9691c1.entry.js} +1 -1
  439. package/dist/siemens-ix/{p-66b4875e.entry.js → p-eac237a1.entry.js} +1 -1
  440. package/dist/siemens-ix/p-eff190ad.entry.js +1 -0
  441. package/dist/siemens-ix/{p-ba9dcd79.entry.js → p-f1cd82bd.entry.js} +1 -1
  442. package/dist/siemens-ix/{p-ee1617da.entry.js → p-f43c97cf.entry.js} +1 -1
  443. package/dist/siemens-ix/p-f507157f.entry.js +1 -0
  444. package/dist/siemens-ix/p-fbd006be.entry.js +1 -0
  445. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  446. package/dist/types/components/action-card/action-card.d.ts +1 -1
  447. package/dist/types/components/application/application.d.ts +7 -0
  448. package/dist/types/components/application-header/application-header.d.ts +1 -0
  449. package/dist/types/components/avatar/avatar.d.ts +3 -0
  450. package/dist/types/components/blind/blind.d.ts +5 -0
  451. package/dist/types/components/breadcrumb/breadcrumb.d.ts +3 -0
  452. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +3 -0
  453. package/dist/types/components/button/button.d.ts +3 -0
  454. package/dist/types/components/card/card.d.ts +4 -0
  455. package/dist/types/components/card-accordion/card-accordion.d.ts +3 -0
  456. package/dist/types/components/card-content/card-content.d.ts +3 -0
  457. package/dist/types/components/card-list/card-list.d.ts +3 -0
  458. package/dist/types/components/card-title/card-title.d.ts +1 -0
  459. package/dist/types/components/checkbox/checkbox.d.ts +1 -0
  460. package/dist/types/components/checkbox-group/checkbox-group.d.ts +1 -0
  461. package/dist/types/components/chip/chip.d.ts +3 -0
  462. package/dist/types/components/col/col.d.ts +3 -0
  463. package/dist/types/components/content/content.d.ts +1 -0
  464. package/dist/types/components/content-header/content-header.d.ts +1 -1
  465. package/dist/types/components/css-grid/css-grid-item.d.ts +1 -0
  466. package/dist/types/components/css-grid/css-grid.d.ts +1 -0
  467. package/dist/types/components/custom-field/custom-field.d.ts +3 -0
  468. package/dist/types/components/dropdown/dropdown.d.ts +3 -0
  469. package/dist/types/components/dropdown-button/dropdown-button.d.ts +4 -0
  470. package/dist/types/components/dropdown-item/dropdown-item.d.ts +3 -0
  471. package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +3 -0
  472. package/dist/types/components/event-list/event-list.d.ts +3 -0
  473. package/dist/types/components/event-list-item/event-list-item.d.ts +3 -0
  474. package/dist/types/components/field-label/field-label.d.ts +3 -0
  475. package/dist/types/components/filter-chip/filter-chip.d.ts +3 -0
  476. package/dist/types/components/flip-tile/flip-tile.d.ts +5 -0
  477. package/dist/types/components/flip-tile-content/flip-tile-content.d.ts +3 -0
  478. package/dist/types/components/group/group-context-menu.d.ts +3 -0
  479. package/dist/types/components/group/group.d.ts +6 -0
  480. package/dist/types/components/group-item/group-item.d.ts +3 -0
  481. package/dist/types/components/key-value-list/key-value-list.d.ts +3 -0
  482. package/dist/types/components/layout-auto/layout-auto.d.ts +3 -0
  483. package/dist/types/components/layout-grid/layout-grid.d.ts +3 -0
  484. package/dist/types/components/link-button/link-button.d.ts +3 -0
  485. package/dist/types/components/menu/menu.d.ts +8 -0
  486. package/dist/types/components/menu-about/menu-about.d.ts +3 -0
  487. package/dist/types/components/menu-about-item/menu-about-item.d.ts +1 -0
  488. package/dist/types/components/menu-about-news/menu-about-news.d.ts +3 -0
  489. package/dist/types/components/menu-avatar/menu-avatar.d.ts +3 -0
  490. package/dist/types/components/menu-category/menu-category.d.ts +3 -0
  491. package/dist/types/components/menu-item/menu-item.d.ts +1 -1
  492. package/dist/types/components/menu-settings/menu-settings.d.ts +3 -0
  493. package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +1 -0
  494. package/dist/types/components/message-bar/message-bar.d.ts +3 -0
  495. package/dist/types/components/modal/modal.d.ts +3 -0
  496. package/dist/types/components/modal-content/modal-content.d.ts +3 -0
  497. package/dist/types/components/modal-footer/modal-footer.d.ts +3 -0
  498. package/dist/types/components/modal-header/modal-header.d.ts +3 -0
  499. package/dist/types/components/pane/pane.d.ts +1 -0
  500. package/dist/types/components/pane-layout/pane-layout.d.ts +8 -0
  501. package/dist/types/components/pill/pill.d.ts +3 -0
  502. package/dist/types/components/popover/popover.d.ts +1 -1
  503. package/dist/types/components/popover-content/popover-content.d.ts +1 -1
  504. package/dist/types/components/popover-footer/popover-footer.d.ts +1 -1
  505. package/dist/types/components/popover-header/popover-header.d.ts +1 -1
  506. package/dist/types/components/progress-indicator/progress-indicator.d.ts +2 -0
  507. package/dist/types/components/push-card/push-card.d.ts +4 -0
  508. package/dist/types/components/radio/radio.d.ts +1 -0
  509. package/dist/types/components/radio-group/radio-group.d.ts +1 -0
  510. package/dist/types/components/range-field/range-field.d.ts +3 -0
  511. package/dist/types/components/row/row.d.ts +3 -0
  512. package/dist/types/components/select/select.d.ts +1 -0
  513. package/dist/types/components/split-button/split-button.d.ts +3 -0
  514. package/dist/types/components/tab-item/tab-item.d.ts +3 -0
  515. package/dist/types/components/tabs/tabs.d.ts +3 -0
  516. package/dist/types/components/tile/tile.d.ts +6 -0
  517. package/dist/types/components/toast/toast-container.d.ts +3 -0
  518. package/dist/types/components/toast/toast.d.ts +4 -0
  519. package/dist/types/components/toggle-button/toggle-button.d.ts +3 -0
  520. package/dist/types/components/tooltip/tooltip.d.ts +1 -0
  521. package/dist/types/components/tree/tree.d.ts +3 -0
  522. package/dist/types/components/tree-item/tree-item.d.ts +3 -0
  523. package/dist/types/components/typography/typography.d.ts +3 -0
  524. package/dist/types/components/workflow-step/workflow-step.d.ts +4 -0
  525. package/dist/types/components/workflow-steps/workflow-steps.d.ts +3 -0
  526. package/hydrate/index.js +439 -217
  527. package/hydrate/index.mjs +439 -217
  528. package/package.json +1 -1
  529. package/components/p-5ntkLbuJ.js +0 -1
  530. package/components/p-CMtwWb3-.js +0 -1
  531. package/components/p-DDvuSQX3.js +0 -1
  532. package/components/p-DiLKm3tq.js +0 -1
  533. package/dist/siemens-ix/p-074c8b24.entry.js +0 -1
  534. package/dist/siemens-ix/p-0d60bd71.entry.js +0 -1
  535. package/dist/siemens-ix/p-705eded9.entry.js +0 -1
  536. package/dist/siemens-ix/p-7fc7c67f.entry.js +0 -1
  537. package/dist/siemens-ix/p-81248fd2.entry.js +0 -1
  538. package/dist/siemens-ix/p-8d05ae35.entry.js +0 -1
  539. package/dist/siemens-ix/p-c0dc5a8e.entry.js +0 -1
  540. package/dist/siemens-ix/p-e5d2a048.entry.js +0 -1
  541. package/dist/siemens-ix/p-e698e193.entry.js +0 -1
@@ -1 +1 @@
1
- import{M as t,r as e,c as i,g as s,h as o,f as r,H as n}from"./p-EBgS4zhE.js";import{l as h,t as a,h as l,E as d}from"./p-DgUGsIlh.js";import{a as c}from"./p-C21npbUc.js";import{P as u,a as p,u as b,F as m}from"./p-BKuq0po2.js";import{q as f,I as v}from"./p-6ZxKp7Jn.js";import{D as w}from"./p-BWgttsqY.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 k}from"./p-BEuV0Xpe.js";import{H as C}from"./p-yZFaEeBW.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";let I=0;const A=class extends(t(...w,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";i18nMoreItems="{count} more";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="";visibleChipValues=null;hiddenChipValues=[];overflowDropdownShow=!1;hasInputFocus=!1;dropdownItemsVisualFocused=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;hostId="ix-select-"+I++;dropdownWrapperRef=x();dropdownAnchorRef=x();inputRef=x();dropdownRef=x();chipElementRefs=new Map;chipWidths=new Map;overflowChipRef=x();chipsContainerRef=x();clearButtonRef=x();chipHorizontalMargin=4;triggerMinWidth=78;overflowChipFallbackWidth=52;overflowChipWidth=0;chipsResizeObserver;overflowDropdownOpenedByKeyboard=!1;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()}watchDisabledReadonly(){this.chipWidths.clear(),this.overflowChipWidth=0}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),k((()=>{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.pruneChipWidthCache(),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=d,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});const t=this.chipsContainerRef.current;t&&(this.chipsResizeObserver=new ResizeObserver((()=>{this.handleChipsContainerResize()})),this.chipsResizeObserver.observe(t))}componentWillLoad(){this.updateSelection(),this.updateFormInternalValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),this.proxyListObserver?.disconnect(),this.chipsResizeObserver?.disconnect()}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.chipWidths.clear(),this.updateSelection()}itemExists(t){return this.items.find((e=>e.label===t))}getActiveVisualFocusedItem(){const t=f(this.hostElement,`.${v}`);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}-${u}`);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}-${p}`);t&&(t.hidden=this.isDropdownEmpty)}removeHiddenAttributeFromItems(){this.items.forEach((t=>{t.hidden=!1;const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);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,e){const i=t.value.toString();return o("ix-filter-chip",{class:{"chip-measuring":e},disabled:this.disabled||this.readonly,key:i,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),ref:t=>{t?this.chipElementRefs.set(i,t):this.chipElementRefs.delete(i)},onCloseClick:()=>{this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderHiddenChip(t){return o("ix-filter-chip",{class:"chip-hidden-item",disabled:this.disabled||this.readonly,key:`hidden-${t.value}`,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),onCloseClick:()=>{this.overflowDropdownShow=!1,this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderOverflowChip(){const t=this.hiddenChipValues.length,e=this.i18nMoreItems.replace("{count}",t.toString());return o("ix-filter-chip",{key:"overflow-chip",class:"chip-overflow",hideCloseButton:!0,disabled:this.disabled||this.readonly,tabindex:this.disabled||this.readonly?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c(this.overflowDropdownShow),"aria-label":e,ref:this.overflowChipRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.toggleOverflowDropdown()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownOpenedByKeyboard=!0,this.overflowDropdownShow=!0)}},`+${t}`)}renderMultipleModeChips(){if(0===this.items.length)return null;if(this.shouldDisplayAllChip())return this.renderAllChip();const t=this.selectedItems;if(0===t.length)return null;const e=t.filter((t=>{const e=t.value.toString();return!!this.chipWidths.has(e)&&(null===this.visibleChipValues||this.visibleChipValues.includes(e))})),i=t.filter((t=>!this.chipWidths.has(t.value.toString())));return[...e.map((t=>this.renderChip(t,!1))),this.hiddenChipValues.length>0?this.renderOverflowChip():null,...i.map((t=>this.renderChip(t,!0)))]}renderOverflowDropdown(){return o("ix-dropdown",{class:"overflow-dropdown",show:this.overflowDropdownShow,anchor:this.overflowChipRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:t=>{this.overflowDropdownShow=t.detail,t.detail&&this.overflowDropdownOpenedByKeyboard&&(this.overflowDropdownOpenedByKeyboard=!1,this.focusOverflowRemoveButton(0))}},o("div",{class:"overflow-dropdown-content"},this.hiddenChipValues.map((t=>{const e=this.selectedItems.find((e=>e.value.toString()===t));return e?this.renderHiddenChip(e):null}))))}toggleOverflowDropdown(){this.disabled||this.readonly||(this.overflowDropdownShow=!this.overflowDropdownShow)}getOverflowRemoveButtons(){const t=this.hostElement.shadowRoot?.querySelector("ix-dropdown.overflow-dropdown");return t?Array.from(t.querySelectorAll("ix-filter-chip.chip-hidden-item")).flatMap((t=>{const e=t.shadowRoot?.querySelector("ix-icon-button"),i=e?.shadowRoot?.querySelector("button");return i?[i]:[]})):[]}focusOverflowRemoveButton(t){k((()=>{const e=this.getOverflowRemoveButtons()[t];e&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest"}))}))}onOverflowRemoveButtonKeyDown(t){if(!this.overflowDropdownShow)return;const e=this.getOverflowRemoveButtons(),i=e.findIndex((e=>t.composedPath().includes(e)));if(-1!==i)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i+1)%e.length);break;case"ArrowUp":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i-1+e.length)%e.length);break;case"Tab":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton(t.shiftKey?(i-1+e.length)%e.length:(i+1)%e.length);break;case"Escape":t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownShow=!1,this.focusOverflowChip()}}focusOverflowChip(){k((()=>{this.overflowChipRef.current?.focus({preventScroll:!0})}))}pruneChipWidthCache(){const t=new Set(this.selectedItems.map((t=>t.value.toString())));for(const e of this.chipWidths.keys())t.has(e)||this.chipWidths.delete(e)}sameChipValues(t,e){return t===e||null!==t&&null!==e&&t.length===e.length&&t.every(((t,i)=>t===e[i]))}applyOverflowState(t,e){this.sameChipValues(this.visibleChipValues,t)||(this.visibleChipValues=t),this.sameChipValues(this.hiddenChipValues,e)||(this.hiddenChipValues=e),0===e.length&&this.overflowDropdownShow&&(this.overflowDropdownShow=!1)}getChipWidthWithMargin(t){return(this.chipWidths.get(t)??0)+this.chipHorizontalMargin}getOverflowChipWidthWithMargin(){return(this.overflowChipWidth||this.overflowChipFallbackWidth)+this.chipHorizontalMargin}canShowAllChips(t,e){return t.reduce(((t,e)=>t+this.getChipWidthWithMargin(e)),0)<=e}getOverflowChipValues(t,e){const[i,...s]=t;if(void 0===i)return{visible:[],hidden:[]};const o=[i],r=[];let n=this.getChipWidthWithMargin(i);const h=this.getOverflowChipWidthWithMargin();for(const[t,i]of s.entries()){const a=this.getChipWidthWithMargin(i);if(!(n+a+h<=e)){r.push(...s.slice(t));break}o.push(i),n+=a}return{visible:o,hidden:r}}hasUnmeasuredSelectedChips(t){return t.some((t=>!this.chipWidths.has(t)))}getChipOverflowContext(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return this.applyOverflowState(null,[]),null;const t=this.chipsContainerRef.current;if(!t)return null;const e=this.selectedItems.map((t=>t.value.toString()));return 0===e.length?(this.applyOverflowState(null,[]),null):{container:t,values:e}}handleChipsContainerResize(){const t=this.getChipOverflowContext();t&&(this.hasUnmeasuredSelectedChips(t.values)?r(this):this.calculateChipOverflow(t))}calculateChipOverflow(t=this.getChipOverflowContext()){if(!t)return;const{container:e,values:i}=t;if(!i.every((t=>this.chipWidths.has(t))))return;const s=e.clientWidth-this.triggerMinWidth-(this.allowClear&&this.clearButtonRef.current?this.clearButtonRef.current.offsetWidth:0);if(this.canShowAllChips(i,s))return void this.applyOverflowState(null,[]);const{visible:o,hidden:r}=this.getOverflowChipValues(i,s);this.applyOverflowState(o,r)}async waitForComponentReady(t){const e=t;"function"==typeof e?.componentOnReady&&await e.componentOnReady()}waitForNextFrame(){return new Promise((t=>k((()=>t()))))}async waitForChipLayout(t){await Promise.all(t.map((t=>this.waitForComponentReady(t)))),await this.waitForNextFrame()}async measureSelectedChipWidths(t){const e=t.map((t=>this.chipElementRefs.get(t.value.toString())));await this.waitForChipLayout(e);let i=!1;for(const e of t){const t=e.value.toString(),s=this.chipElementRefs.get(t);s&&s.offsetWidth>0&&(this.chipWidths.set(t,s.offsetWidth),i=!0)}return i}async measureOverflowChipWidth(){if(0===this.hiddenChipValues.length||this.overflowChipWidth>0)return;const t=await this.overflowChipRef.waitForCurrent();await this.waitForChipLayout([t]),t.offsetWidth>0&&(this.overflowChipWidth=t.offsetWidth)}async componentDidRender(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return void this.applyOverflowState(null,[]);const t=this.selectedItems;if(0===t.length)return void this.applyOverflowState(null,[]);const e=t.filter((t=>!this.chipWidths.has(t.value.toString())));e.length>0?await this.measureSelectedChipWidths(e)&&(this.calculateChipOverflow(),r(this)):(await this.measureOverflowChipWidth(),this.calculateChipOverflow())}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(){if(this.addItemElement&&(this.addItemElement.hidden=!this.isAddItemVisible(),this.addItemElement.label=this.inputFilterText),this.updateAriaProxyListbox(),this.isMultipleMode&&!this.shouldDisplayAllChip()){const t=this.selectedItems;t.length>0&&t.every((t=>this.chipWidths.has(t.value.toString())))&&this.calculateChipOverflow()}}updateAriaProxyListbox(){const t=this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);0!==this.focusableItems.length&&b(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=c(!!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(n,{key:"3d24590fff4b5d99842ec846719e68d65e13d69d",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:"38d7afa06295f5ad795a43cfbe875e341f9837bd",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:"e3640d7028f8e43208243a7a49d1065897199f85",class:{select:!0,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t),this.dropdownWrapperRef(t)}},o("div",{key:"8f7f92597a46203db9c2bb9d6059dec538d5b288",class:"input-container"},o("div",{key:"500f47f8ae57080d867b84ce31972108d5ef931d",class:"chips",ref:this.chipsContainerRef},this.isMultipleMode&&this.renderMultipleModeChips(),o("div",{key:"330c7e488669f0ca1283e0f2fe1a09ed9a823397",class:"trigger"},o("input",{key:"69b2a620b3802ad51d9a092b589e9ab48290cb4c",id:`${this.hostId}-input`,role:"combobox","aria-controls":`${this.hostId}-proxy-listbox`,"aria-expanded":c(this.dropdownShow),"aria-autocomplete":"list","aria-disabled":c(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:h,variant:"subtle-tertiary",oval:!0,size:"16",ref:this.clearButtonRef,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:"c44d1ab3cc63edc72b69a328290f51b677002bfa",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:"992a4564d8d601adad70a14fb45efc22155f66ea","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:"e4294d41e1d797ad9fff11f36deb1bdc9cf87208",onSlotchange:()=>{this.updateSelection()}}),o(m,{key:"4d1c63a6f403f3cac6558176d3360d68b21c78c8",hostId:this.hostId,otherProps:{"aria-hidden":c(!this.dropdownShow),"aria-multiselectable":c(this.isMultipleMode),hidden:this.disabled||this.readonly}}),this.isDropdownEmpty&&!this.editable&&o("div",{key:"a962db05209dba24fd4e800fc79c0a2c220ebe88",class:"select-list-header"},this.i18nNoMatches)),this.isMultipleMode&&!this.shouldDisplayAllChip()&&this.hiddenChipValues.length>0&&this.renderOverflowDropdown())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly: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 h=t.length-1;h>=0;h--)(o=t[h])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)})([C()],A.prototype,"onValidationChange",null),A.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:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}: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 .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}: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{A as ix_select}
1
+ import{M as t,r as e,c as i,g as s,h as o,f as r,H as n}from"./p-EBgS4zhE.js";import{l as h,t as a,h as l,E as d}from"./p-DgUGsIlh.js";import{a as c}from"./p-C21npbUc.js";import{P as u,a as p,u as b,F as m}from"./p-BKuq0po2.js";import{q as f,I as v}from"./p-6ZxKp7Jn.js";import{D as w}from"./p-BWgttsqY.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 k}from"./p-BEuV0Xpe.js";import{H as C}from"./p-yZFaEeBW.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";let I=0;const A=class extends(t(...w,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";i18nMoreItems="{count} more";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="";visibleChipValues=null;hiddenChipValues=[];overflowDropdownShow=!1;hasInputFocus=!1;dropdownItemsVisualFocused=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;hostId="ix-select-"+I++;dropdownWrapperRef=x();dropdownAnchorRef=x();inputRef=x();dropdownRef=x();chipElementRefs=new Map;chipWidths=new Map;overflowChipRef=x();chipsContainerRef=x();clearButtonRef=x();chipHorizontalMargin=4;triggerMinWidth=78;overflowChipFallbackWidth=52;overflowChipWidth=0;chipsResizeObserver;overflowDropdownOpenedByKeyboard=!1;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()}watchDisabledReadonly(){this.chipWidths.clear(),this.overflowChipWidth=0}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),k((()=>{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.pruneChipWidthCache(),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=d,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});const t=this.chipsContainerRef.current;t&&(this.chipsResizeObserver=new ResizeObserver((()=>{this.handleChipsContainerResize()})),this.chipsResizeObserver.observe(t))}componentWillLoad(){this.updateSelection(),this.updateFormInternalValue(this.value)}disconnectedCallback(){super.disconnectedCallback(),this.proxyListObserver?.disconnect(),this.chipsResizeObserver?.disconnect()}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.chipWidths.clear(),this.updateSelection()}itemExists(t){return this.items.find((e=>e.label===t))}getActiveVisualFocusedItem(){const t=f(this.hostElement,`.${v}`);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}-${u}`);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}-${p}`);t&&(t.hidden=this.isDropdownEmpty)}removeHiddenAttributeFromItems(){this.items.forEach((t=>{t.hidden=!1;const e=this.hostElement.shadowRoot?.getElementById(`${t.id}-${u}`);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,e){const i=t.value.toString();return o("ix-filter-chip",{class:{"chip-measuring":e},disabled:this.disabled||this.readonly,key:i,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),ref:t=>{t?this.chipElementRefs.set(i,t):this.chipElementRefs.delete(i)},onCloseClick:()=>{this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderHiddenChip(t){return o("ix-filter-chip",{class:"chip-hidden-item",disabled:this.disabled||this.readonly,key:`hidden-${t.value}`,ariaLabelCloseIconButton:this.getRemoveChipAriaLabel(t),onCloseClick:()=>{this.overflowDropdownShow=!1,this.itemClick(t.value),this.inputElement?.focus()}},t.label)}renderOverflowChip(){const t=this.hiddenChipValues.length,e=this.i18nMoreItems.replace("{count}",t.toString());return o("ix-filter-chip",{key:"overflow-chip",class:"chip-overflow",hideCloseButton:!0,disabled:this.disabled||this.readonly,tabindex:this.disabled||this.readonly?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c(this.overflowDropdownShow),"aria-label":e,ref:this.overflowChipRef,onClick:t=>{t.preventDefault(),t.stopPropagation(),this.toggleOverflowDropdown()},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownOpenedByKeyboard=!0,this.overflowDropdownShow=!0)}},`+${t}`)}renderMultipleModeChips(){if(0===this.items.length)return null;if(this.shouldDisplayAllChip())return this.renderAllChip();const t=this.selectedItems;if(0===t.length)return null;const e=t.filter((t=>{const e=t.value.toString();return!!this.chipWidths.has(e)&&(null===this.visibleChipValues||this.visibleChipValues.includes(e))})),i=t.filter((t=>!this.chipWidths.has(t.value.toString())));return[...e.map((t=>this.renderChip(t,!1))),this.hiddenChipValues.length>0?this.renderOverflowChip():null,...i.map((t=>this.renderChip(t,!0)))]}renderOverflowDropdown(){return o("ix-dropdown",{class:"overflow-dropdown",show:this.overflowDropdownShow,anchor:this.overflowChipRef.waitForCurrent(),closeBehavior:"outside",placement:"bottom-start",onShowChanged:t=>{this.overflowDropdownShow=t.detail,t.detail&&this.overflowDropdownOpenedByKeyboard&&(this.overflowDropdownOpenedByKeyboard=!1,this.focusOverflowRemoveButton(0))}},o("div",{class:"overflow-dropdown-content"},this.hiddenChipValues.map((t=>{const e=this.selectedItems.find((e=>e.value.toString()===t));return e?this.renderHiddenChip(e):null}))))}toggleOverflowDropdown(){this.disabled||this.readonly||(this.overflowDropdownShow=!this.overflowDropdownShow)}getOverflowRemoveButtons(){const t=this.hostElement.shadowRoot?.querySelector("ix-dropdown.overflow-dropdown");return t?Array.from(t.querySelectorAll("ix-filter-chip.chip-hidden-item")).flatMap((t=>{const e=t.shadowRoot?.querySelector("ix-icon-button"),i=e?.shadowRoot?.querySelector("button");return i?[i]:[]})):[]}focusOverflowRemoveButton(t){k((()=>{const e=this.getOverflowRemoveButtons()[t];e&&(e.focus({preventScroll:!0}),e.scrollIntoView({block:"nearest"}))}))}onOverflowRemoveButtonKeyDown(t){if(!this.overflowDropdownShow)return;const e=this.getOverflowRemoveButtons(),i=e.findIndex((e=>t.composedPath().includes(e)));if(-1!==i)switch(t.key){case"ArrowDown":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i+1)%e.length);break;case"ArrowUp":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton((i-1+e.length)%e.length);break;case"Tab":t.preventDefault(),t.stopImmediatePropagation(),this.focusOverflowRemoveButton(t.shiftKey?(i-1+e.length)%e.length:(i+1)%e.length);break;case"Escape":t.preventDefault(),t.stopImmediatePropagation(),this.overflowDropdownShow=!1,this.focusOverflowChip()}}focusOverflowChip(){k((()=>{this.overflowChipRef.current?.focus({preventScroll:!0})}))}pruneChipWidthCache(){const t=new Set(this.selectedItems.map((t=>t.value.toString())));for(const e of this.chipWidths.keys())t.has(e)||this.chipWidths.delete(e)}sameChipValues(t,e){return t===e||null!==t&&null!==e&&t.length===e.length&&t.every(((t,i)=>t===e[i]))}applyOverflowState(t,e){this.sameChipValues(this.visibleChipValues,t)||(this.visibleChipValues=t),this.sameChipValues(this.hiddenChipValues,e)||(this.hiddenChipValues=e),0===e.length&&this.overflowDropdownShow&&(this.overflowDropdownShow=!1)}getChipWidthWithMargin(t){return(this.chipWidths.get(t)??0)+this.chipHorizontalMargin}getOverflowChipWidthWithMargin(){return(this.overflowChipWidth||this.overflowChipFallbackWidth)+this.chipHorizontalMargin}canShowAllChips(t,e){return t.reduce(((t,e)=>t+this.getChipWidthWithMargin(e)),0)<=e}getOverflowChipValues(t,e){const[i,...s]=t;if(void 0===i)return{visible:[],hidden:[]};const o=[i],r=[];let n=this.getChipWidthWithMargin(i);const h=this.getOverflowChipWidthWithMargin();for(const[t,i]of s.entries()){const a=this.getChipWidthWithMargin(i);if(!(n+a+h<=e)){r.push(...s.slice(t));break}o.push(i),n+=a}return{visible:o,hidden:r}}hasUnmeasuredSelectedChips(t){return t.some((t=>!this.chipWidths.has(t)))}getChipOverflowContext(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return this.applyOverflowState(null,[]),null;const t=this.chipsContainerRef.current;if(!t)return null;const e=this.selectedItems.map((t=>t.value.toString()));return 0===e.length?(this.applyOverflowState(null,[]),null):{container:t,values:e}}handleChipsContainerResize(){const t=this.getChipOverflowContext();t&&(this.hasUnmeasuredSelectedChips(t.values)?r(this):this.calculateChipOverflow(t))}calculateChipOverflow(t=this.getChipOverflowContext()){if(!t)return;const{container:e,values:i}=t;if(!i.every((t=>this.chipWidths.has(t))))return;const s=e.clientWidth-this.triggerMinWidth-(this.allowClear&&this.clearButtonRef.current?this.clearButtonRef.current.offsetWidth:0);if(this.canShowAllChips(i,s))return void this.applyOverflowState(null,[]);const{visible:o,hidden:r}=this.getOverflowChipValues(i,s);this.applyOverflowState(o,r)}async waitForComponentReady(t){const e=t;"function"==typeof e?.componentOnReady&&await e.componentOnReady()}waitForNextFrame(){return new Promise((t=>k((()=>t()))))}async waitForChipLayout(t){await Promise.all(t.map((t=>this.waitForComponentReady(t)))),await this.waitForNextFrame()}async measureSelectedChipWidths(t){const e=t.map((t=>this.chipElementRefs.get(t.value.toString())));await this.waitForChipLayout(e);let i=!1;for(const e of t){const t=e.value.toString(),s=this.chipElementRefs.get(t);s&&s.offsetWidth>0&&(this.chipWidths.set(t,s.offsetWidth),i=!0)}return i}async measureOverflowChipWidth(){if(0===this.hiddenChipValues.length||this.overflowChipWidth>0)return;const t=await this.overflowChipRef.waitForCurrent();await this.waitForChipLayout([t]),t.offsetWidth>0&&(this.overflowChipWidth=t.offsetWidth)}async componentDidRender(){if(!this.isMultipleMode||this.shouldDisplayAllChip())return void this.applyOverflowState(null,[]);const t=this.selectedItems;if(0===t.length)return void this.applyOverflowState(null,[]);const e=t.filter((t=>!this.chipWidths.has(t.value.toString())));e.length>0?await this.measureSelectedChipWidths(e)&&(this.calculateChipOverflow(),r(this)):(await this.measureOverflowChipWidth(),this.calculateChipOverflow())}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(){if(this.addItemElement&&(this.addItemElement.hidden=!this.isAddItemVisible(),this.addItemElement.label=this.inputFilterText),this.updateAriaProxyListbox(),this.isMultipleMode&&!this.shouldDisplayAllChip()){const t=this.selectedItems;t.length>0&&t.every((t=>this.chipWidths.has(t.value.toString())))&&this.calculateChipOverflow()}}updateAriaProxyListbox(){const t=this.hostElement.shadowRoot?.getElementById(`${this.hostId}-proxy-listbox`);0!==this.focusableItems.length&&b(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=c(!!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(n,{key:"9415e1e8af83d128ad9214824c182a9c03a70180",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:"36b59b412aab4e527f2e09c7b800344d4831436e",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:"353d3300511ab5311f1359d8591d58ffa862c8d1",class:{select:!0,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchorRef(t),this.dropdownWrapperRef(t)}},o("div",{key:"66708c6629d362e2187de9620b6a1386863c0fdf",class:"input-container"},o("div",{key:"b5c607cd3766f624d8c608a4eaeb31bea7d3d387",class:"chips",ref:this.chipsContainerRef},this.isMultipleMode&&this.renderMultipleModeChips(),o("div",{key:"84084dbaa7e87c16acd3ca2b487a60eb130f6cc7",class:"trigger"},o("input",{key:"f1f7203f87901eca257935c2a4729fd6e2e3db00",id:`${this.hostId}-input`,role:"combobox","aria-controls":`${this.hostId}-proxy-listbox`,"aria-expanded":c(this.dropdownShow),"aria-autocomplete":"list","aria-disabled":c(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:h,variant:"subtle-tertiary",oval:!0,size:"16",ref:this.clearButtonRef,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",tabindex:-1,ref:t=>{if(!t)return;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:"1339c822f5fe72b80e0080f9bdc0a157f74fe7ad",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:"df5024089e37d2a0416dd42d3e5c8c5c07ac5f4c","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:"b9d758bf0a6c7452ab9e626f37c9fbb5b0a74dfc",onSlotchange:()=>{this.updateSelection()}}),o(m,{key:"a4bb5eed7ee4ab735ecf0141fc32c69df8c8d57c",hostId:this.hostId,otherProps:{"aria-hidden":c(!this.dropdownShow),"aria-multiselectable":c(this.isMultipleMode),hidden:this.disabled||this.readonly}}),this.isDropdownEmpty&&!this.editable&&o("div",{key:"926fa88d0788351f0f2e865fe4ced2bb8422a43d",class:"select-list-header"},this.i18nNoMatches)),this.isMultipleMode&&!this.shouldDisplayAllChip()&&this.hiddenChipValues.length>0&&this.renderOverflowDropdown())}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],disabled:[{watchDisabledReadonly:0}],readonly:[{watchDisabledReadonly: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 h=t.length-1;h>=0;h--)(o=t[h])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);r>3&&n&&Object.defineProperty(e,i,n)})([C()],A.prototype,"onValidationChange",null),A.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:nowrap;height:100%;flex-grow:1;overflow:hidden}:host .input-container .chips>ix-filter-chip{margin:0.1rem;flex-shrink:0;max-width:min(40%, 14rem)}:host .input-container .chips>ix-filter-chip.chip-measuring{position:absolute;visibility:hidden;pointer-events:none}:host .input-container .chips>ix-filter-chip.chip-overflow{cursor:pointer}:host .input-container .chips>ix-filter-chip.chip-overflow:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}: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 .overflow-dropdown-content{display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;max-height:16rem;overflow-y:auto;padding:0.5rem}: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{A as ix_select}
@@ -1 +1 @@
1
- import{r,h as o,H as t}from"./p-EBgS4zhE.js";const e=class{constructor(o){r(this,o)}render(){return o(t,{key:"6d10985e1922b6bffbc82d758fc2c5d64e0af761"},o("slot",{key:"438d07e19d688048e331c64ca62f08c67b7ce0ae"}))}};e.style=":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}: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}";export{e as ix_modal_footer}
1
+ import{r,h as o,H as t}from"./p-EBgS4zhE.js";const e=class{constructor(o){r(this,o)}render(){return o(t,{key:"fbfacdb34450ce3cfbab374acfb09126c731d57d"},o("slot",{key:"f07cfe797970762196e720bb99294bf1b708e688"}))}};e.style=":host{display:flex;padding:0.5rem;justify-content:flex-end;align-items:center;gap:0.5rem;align-self:stretch}: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}";export{e as ix_modal_footer}
@@ -1 +1 @@
1
- import{r as t,g as e,h as r,H as s}from"./p-EBgS4zhE.js";import{c as i}from"./p-CX81WQtk.js";import{a as o}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";const h=class{constructor(e){t(this,e)}mutationObserver=i(this.onMutation.bind(this));static fadeOutDuration=50;static fadeInDuration=150;get hostElement(){return e(this)}itemHeight="S";compact=!1;animated=!1;chevron=!1;watchChevron(t){this.handleChevron(t)}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),!Number.isNaN(Number(this.itemHeight))){const t=o(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{this.setCustomHeight(e,t)}))}this.handleChevron(this.chevron),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0})}onMutation(t){this.triggerFadeOut().then((()=>{if(!Number.isNaN(Number(this.itemHeight))){const e=o(this.itemHeight);this.findEventListItems(t).forEach((t=>this.setCustomHeight(t,e)))}this.handleChevron(this.chevron),this.triggerFadeIn()}))}findEventListItems(t){const e=[];return t.forEach((t=>{"childList"===t.type&&t.addedNodes.forEach((t=>{"IX-EVENT-LIST-ITEM"===t.tagName&&e.push(t)}))})),e}setCustomHeight(t,e){t.style.setProperty("--event-list-item-height",e)}triggerFadeOut(){return new Promise((t=>{this.animated||t();const e=this.hostElement.shadowRoot.querySelector("ul");a(e,{opacity:[{opacity:1,easing:"easeInSine"},{opacity:0}],duration:h.fadeOutDuration,onComplete:()=>{t()}})}))}triggerFadeIn(){this.animated&&this.hostElement.querySelectorAll("ix-event-list-item").forEach(((t,e)=>{const r=80*e;a(t,{offset:r/(r+h.fadeInDuration),duration:h.fadeInDuration+r,opacity:[0,1],easing:"easeInOutSine",delay:r,autoplay:!0})}))}handleChevron(t){this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{t?e.setAttribute("chevron","true"):void 0!==t&&e.removeAttribute("chevron")}))}render(){return r(s,{key:"a8161bcd519a0ea5d700db37a1d265d9bf742080",class:{"item-size-s":"S"===this.itemHeight,"item-size-l":"L"===this.itemHeight,compact:this.compact}},r("div",{key:"121bef25c280fea75efaf170b49c0752f00b9123",role:"list"},r("slot",{key:"bfb322b874b47d0beb33813d0b352d08b59e9437"})))}static get watchers(){return{chevron:[{watchChevron:0}]}}};h.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}:host(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}";export{h as ix_event_list}
1
+ import{r as t,g as e,h as r,H as s}from"./p-EBgS4zhE.js";import{c as i}from"./p-CX81WQtk.js";import{a as o}from"./p-JJddxCCh.js";import{a}from"./p-DhE1t8Qh.js";const h=class{constructor(e){t(this,e)}mutationObserver=i(this.onMutation.bind(this));static fadeOutDuration=50;static fadeInDuration=150;get hostElement(){return e(this)}itemHeight="S";compact=!1;animated=!1;chevron=!1;watchChevron(t){this.handleChevron(t)}componentDidLoad(){if(this.animated&&this.triggerFadeIn(),!Number.isNaN(Number(this.itemHeight))){const t=o(this.itemHeight);this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{this.setCustomHeight(e,t)}))}this.handleChevron(this.chevron),this.mutationObserver.observe(this.hostElement,{childList:!0,subtree:!0})}onMutation(t){this.triggerFadeOut().then((()=>{if(!Number.isNaN(Number(this.itemHeight))){const e=o(this.itemHeight);this.findEventListItems(t).forEach((t=>this.setCustomHeight(t,e)))}this.handleChevron(this.chevron),this.triggerFadeIn()}))}findEventListItems(t){const e=[];return t.forEach((t=>{"childList"===t.type&&t.addedNodes.forEach((t=>{"IX-EVENT-LIST-ITEM"===t.tagName&&e.push(t)}))})),e}setCustomHeight(t,e){t.style.setProperty("--event-list-item-height",e)}triggerFadeOut(){return new Promise((t=>{this.animated||t();const e=this.hostElement.shadowRoot.querySelector("ul");a(e,{opacity:[{opacity:1,easing:"easeInSine"},{opacity:0}],duration:h.fadeOutDuration,onComplete:()=>{t()}})}))}triggerFadeIn(){this.animated&&this.hostElement.querySelectorAll("ix-event-list-item").forEach(((t,e)=>{const r=80*e;a(t,{offset:r/(r+h.fadeInDuration),duration:h.fadeInDuration+r,opacity:[0,1],easing:"easeInOutSine",delay:r,autoplay:!0})}))}handleChevron(t){this.hostElement.querySelectorAll("ix-event-list-item").forEach((e=>{t?e.setAttribute("chevron","true"):void 0!==t&&e.removeAttribute("chevron")}))}render(){return r(s,{key:"658281cbf0ee3fad909a2385437d1911c3c6f75f",class:{"item-size-s":"S"===this.itemHeight,"item-size-l":"L"===this.itemHeight,compact:this.compact}},r("div",{key:"01328d11ed8a045241f4382d1ce3ec1a162190f2",role:"list"},r("slot",{key:"8d7a0a467ca57d359cbd05b0f5f3f4f5e11a4e79"})))}static get watchers(){return{chevron:[{watchChevron:0}]}}};h.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}:host(.item-size-l){--event-list-item-height:6.5rem;--event-list-item-content-white-space:normal}:host(.compact){--event-list-item-border-radius:0;--event-list-item-margin-bottom:0}";export{h as ix_event_list}
@@ -1 +1 @@
1
- import{r as e,c as o,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{s as a,u as i}from"./p-DgUGsIlh.js";import{m as d}from"./p-Djkc69iv.js";import{m as l,a as s,b as h,g as c,d as b,I as p,i as u,j as m,f as v,k as y,o as f,S as x}from"./p-wfVRhTWc.js";import{H as g}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-XBTykBKS.js";let k=0;const w=class{constructor(t){e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",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 t(this)}formInternals;type="text";name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;maxLength;minLength;allowedCharactersPattern;suppressSubmitOnEnter=!1;textAlignment="start";valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputType="text";initialValue;inputRef=d();slotEndRef=d();slotStartRef=d();passwordToggleRef=()=>this.updatePaddings();inputId="input-"+k++;touched=!1;disposableChangesAndVisibilityObservers;updateClassMappings(e){l(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value),this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.inputRef.current&&this.touched&&c(this,this.inputRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=u(this);return r(n,{key:"39e2e23db5a53ee6b5af6be560210e134fc05972",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"11b06932337c40f4aed4ca7e472486bcc9fb443e",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},r("div",{key:"a4acff054f170436d054b1126ed983c441a4a862",class:"input-wrapper"},r(b,{key:"f5cedd24a63534c6ae89791eb13b1d130dad5123",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(p,{key:"d1b802c2c12e6bf2ef97c57c06de1e1c1ea0a81b",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onFocus:()=>v(this,this.value),onEnterKeyChange:e=>m(e,this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{f(this,this.inputRef.current,this.value),this.touched=!0},ariaAttributes:e,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(x,{key:"1546044564575e540f091b3a0b610627a06a1da2",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},"password"===this.type&&!this.disabled&&r("ix-icon-button",{key:"1f31b154f0c715c38a6e5303e458c768839b85d6",ref:this.passwordToggleRef,color:"color-weak-text",class:"password-eye",variant:"tertiary",size:"16",icon:"password"===this.inputType?a:i,onClick:()=>{this.inputType="password"!==this.inputType?"password":"text"}}))),!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"e0759b32acfe0e8e50882861ce69c9951ce8fd82",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength)))}static get formAssociated(){return!0}static get watchers(){return{type:[{updateInputType:0}]}}};(function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)})([g()],w.prototype,"updateClassMappings",null),w.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 input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}';export{w as ix_input}
1
+ import{r as e,c as o,g as t,h as r,H as n}from"./p-EBgS4zhE.js";import{s as a,u as i}from"./p-DgUGsIlh.js";import{m as d}from"./p-Djkc69iv.js";import{m as l,a as s,b as h,g as c,d as b,I as p,i as u,j as m,f as v,k as y,o as f,S as x}from"./p-wfVRhTWc.js";import{H as g}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-XBTykBKS.js";let k=0;const w=class{constructor(t){e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",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 t(this)}formInternals;type="text";name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;pattern;maxLength;minLength;allowedCharactersPattern;suppressSubmitOnEnter=!1;textAlignment="start";valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;inputType="text";initialValue;inputRef=d();slotEndRef=d();slotStartRef=d();passwordToggleRef=()=>this.updatePaddings();inputId="input-"+k++;touched=!1;disposableChangesAndVisibilityObservers;updateClassMappings(e){l(this,e)}updateInputType(){this.inputType=this.type}componentWillLoad(){this.updateFormInternalValue(this.value),this.inputType=this.type}connectedCallback(){this.disposableChangesAndVisibilityObservers=s(this.hostElement,this.updatePaddings.bind(this))}updatePaddings(){h(this.slotStartRef.current,this.slotEndRef.current,this.inputRef.current)}disconnectedCallback(){this.disposableChangesAndVisibilityObservers?.()}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.inputRef.current&&this.touched&&c(this,this.inputRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.inputRef.waitForCurrent()}async getValidityState(){const e=await this.inputRef.waitForCurrent();return Promise.resolve(e.validity)}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}render(){const e=u(this);return r(n,{key:"39e2e23db5a53ee6b5af6be560210e134fc05972",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"11b06932337c40f4aed4ca7e472486bcc9fb443e",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},r("div",{key:"a4acff054f170436d054b1126ed983c441a4a862",class:"input-wrapper"},r(b,{key:"f5cedd24a63534c6ae89791eb13b1d130dad5123",slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r(p,{key:"d1b802c2c12e6bf2ef97c57c06de1e1c1ea0a81b",id:this.inputId,readonly:this.readonly,disabled:this.disabled,maxLength:this.maxLength,minLength:this.minLength,pattern:this.pattern,type:this.inputType,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,inputRef:this.inputRef,onKeyPress:e=>y(this,e),onFocus:()=>v(this,this.value),onEnterKeyChange:e=>m(e,this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{f(this,this.inputRef.current,this.value),this.touched=!0},ariaAttributes:e,form:this.formInternals.form??void 0,suppressSubmitOnEnter:this.suppressSubmitOnEnter,textAlignment:this.textAlignment}),r(x,{key:"1546044564575e540f091b3a0b610627a06a1da2",slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},"password"===this.type&&!this.disabled&&r("ix-icon-button",{key:"1f31b154f0c715c38a6e5303e458c768839b85d6",ref:this.passwordToggleRef,color:"color-weak-text",class:"password-eye",variant:"tertiary",size:"16",icon:"password"===this.inputType?a:i,onClick:()=>{this.inputType="password"!==this.inputType?"password":"text"}}))),!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"e0759b32acfe0e8e50882861ce69c9951ce8fd82",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength)))}static get formAssociated(){return!0}static get watchers(){return{type:[{updateInputType:0}]}}};(function(e,o,t,r){var n,a=arguments.length,i=a<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(i=(a<3?n(i):a>3?n(o,t,i):n(o,t))||i);a>3&&i&&Object.defineProperty(o,t,i)})([g()],w.prototype,"updateClassMappings",null),w.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;color:var(--theme-input--color--disabled)}: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 input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}';export{w as ix_input}
@@ -1 +1 @@
1
- import{r as t,h as e,H as o}from"./p-EBgS4zhE.js";const n=class{constructor(e){t(this,e)}format;textColor;bold=!1;textDecoration="none";static getTextColor(t){return t.startsWith("inv-")||!t.endsWith("-contrast")?`var(--theme-color-${t}-text)`:`var(--theme-color-${t.replace("-","--")})`}render(){let t={};t[`typography-${this.format??"body"}`]=!0,"none"!==this.textDecoration&&(t[`typography-decoration-${this.textDecoration}`]=!0),t["typography-weight-bold"]=this.bold;let i={};return this.textColor&&(i={color:n.getTextColor(this.textColor)}),e(o,{key:"618a929c958412cf860566ff38de557af16b4df1",class:t,style:i},e("slot",{key:"a766532919f0d8aa5e844b5501c724c5a149b2c0"}))}};n.style='.typography-label,:host(.typography-label){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-sm);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}.typography-label-xs,:host(.typography-label-xs){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--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){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--1);line-height:var(--theme-line-height-sm);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}.typography-label-lg,:host(.typography-label-lg){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-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){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}.typography-body-xs,:host(.typography-body-xs){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--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){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--1);line-height:var(--theme-line-height-lg);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}.typography-body-lg,:host(.typography-body-lg){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-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){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-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){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-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){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-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){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-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){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-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){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-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.h6,.typography-h6,:host(.typography-h6){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--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.h5,.typography-h5,:host(.typography-h5){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-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.h4,.typography-h4,:host(.typography-h4){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-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.h3,.typography-h3,:host(.typography-h3){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-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.h2,.typography-h2,:host(.typography-h2){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-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.h1,.typography-h1,:host(.typography-h1){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-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);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}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}: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}:host(.text-xs){font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-s){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption-single){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default){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(.text-default-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-title){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(.text-default-title-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-h2){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-xl){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}';export{n as ix_typography}
1
+ import{r as t,h as e,H as o}from"./p-EBgS4zhE.js";const n=class{constructor(e){t(this,e)}format;textColor;bold=!1;textDecoration="none";static getTextColor(t){return t.startsWith("inv-")||!t.endsWith("-contrast")?`var(--theme-color-${t}-text)`:`var(--theme-color-${t.replace("-","--")})`}render(){let t={};t[`typography-${this.format??"body"}`]=!0,"none"!==this.textDecoration&&(t[`typography-decoration-${this.textDecoration}`]=!0),t["typography-weight-bold"]=this.bold;let i={};return this.textColor&&(i={color:n.getTextColor(this.textColor)}),e(o,{key:"205751c8dc3619824eee5a25c27b3435fb4cadd6",class:t,style:i},e("slot",{key:"91b2957256c5707bca18cf3460e3efbf60570a22"}))}};n.style='.typography-label,:host(.typography-label){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-sm);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}.typography-label-xs,:host(.typography-label-xs){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--2);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-label-sm,:host(.typography-label-sm){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--1);line-height:var(--theme-line-height-sm);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}.typography-label-lg,:host(.typography-label-lg){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-1);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body,:host(.typography-body){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}.typography-body-xs,:host(.typography-body-xs){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--2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xxl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-body-sm,:host(.typography-body-sm){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--1);line-height:var(--theme-line-height-lg);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}.typography-body-lg,:host(.typography-body-lg){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-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display,:host(.typography-display){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-3);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xs,:host(.typography-display-xs){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-1);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-sm,:host(.typography-display-sm){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-2);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-lg,:host(.typography-display-lg){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-4);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xl,:host(.typography-display-xl){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-5);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-display-xxl,:host(.typography-display-xxl){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-6);line-height:var(--theme-line-height-xs);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-sm);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h6,.h6,.typography-h6,:host(.typography-h6){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--1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h5,.h5,.typography-h5,:host(.typography-h5){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-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h4,.h4,.typography-h4,:host(.typography-h4){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-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h3,.h3,.typography-h3,:host(.typography-h3){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-2);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-lg);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h2,.h2,.typography-h2,:host(.typography-h2){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-3);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}h1,.h1,.typography-h1,:host(.typography-h1){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-4);line-height:var(--theme-line-height-sm);font-weight:var(--theme-font-weight-bold);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code,:host(.typography-code){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-lg,:host(.typography-code-lg){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-1);line-height:var(--theme-line-height-lg);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-md);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}.typography-code-sm,:host(.typography-code-sm){font-feature-settings:"clig" off, "liga" off;font-family:JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms--1);line-height:var(--theme-line-height-lg);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}.typography-decoration-none,:host(.typography-decoration-none){text-decoration:none !important}.typography-decoration-underline,:host(.typography-decoration-underline){text-decoration:underline !important}.typography-decoration-line-through,:host(.typography-decoration-line-through){text-decoration:line-through !important}.typography-weight-bold,:host(.typography-weight-bold){font-weight:700 !important}a{color:var(--theme-color-primary)}: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}:host(.text-xs){font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-s){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-caption-single){font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default){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(.text-default-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-default-title){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(.text-default-title-single){font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.143em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-l-title-single){font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-h2){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host(.text-xl){font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}';export{n as ix_typography}
@@ -1 +1 @@
1
- import{M as t,r as e,g as a,h as i,H as r}from"./p-EBgS4zhE.js";import{S as o}from"./p-DgUGsIlh.js";import{D as s}from"./p-BWgttsqY.js";import{I as n}from"./p-vphIrWGB.js";import{m as h}from"./p-Djkc69iv.js";import{m as d}from"./p-DT02jDB7.js";import{c as l}from"./p-CX81WQtk.js";import{c as b}from"./p-D3T7Lr4G.js";import{a as c}from"./p-C21npbUc.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-CWshStHZ.js";let m=0;const u=class extends(t(...s,n)){constructor(t){super(),e(this,t)}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return a(this)}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=b("ix-menu-item-",m++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=l((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),e=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),a=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===a?.tagName?.toLowerCase()||"a"===a?.tagName?.toLowerCase()&&"ix-menu"===a?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=e||i,this.onIconChange(),this.menuExpanded=d.nativeElement?.expand||!1,this.menuExpandedDisposer=d.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=o)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),e=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),e?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:e,...a}=this.inheritAriaAttributes,o=this.getEffectiveRole(e),s={class:"tab",...a},n=[this.icon&&i("ix-icon",{key:"64307467f954284272278cca78a80ae4f9c3b95a",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?i("div",{class:"notification"},i("div",{class:"pill"},this.notifications)):null,i("span",{key:"1fd2d64f4f8487cb81ad7b981d4f8a0c5ebfb312",id:this.internalItemId,class:"tab-text text-default"},this.label,i("slot",{key:"571294f967aae798c6a63f3fbcd46aa4453e1263"}))],h=this.getAriaLabel();return i(r,{key:"b3583fa356cc996792724ff03627f1a2fc6f9abd",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?i("a",{...s,role:o,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":c(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},n):i("button",{...s,role:o,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":c(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},n),i("ix-tooltip",{key:"94f61e508c2c4653a40462f0a3e86ee86356e687",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],icon:[{onIconChange:0}]}}};u.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{u as ix_menu_item}
1
+ import{M as t,r as e,g as a,h as i,H as r}from"./p-EBgS4zhE.js";import{S as o}from"./p-DgUGsIlh.js";import{D as s}from"./p-BWgttsqY.js";import{I as n}from"./p-vphIrWGB.js";import{m as h}from"./p-Djkc69iv.js";import{m as d}from"./p-DT02jDB7.js";import{c as b}from"./p-CX81WQtk.js";import{c as l}from"./p-D3T7Lr4G.js";import{a as c}from"./p-C21npbUc.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-CWshStHZ.js";let m=0;const u=class extends(t(...s,n)){constructor(t){super(),e(this,t)}label;home=!1;bottom=!1;icon;notifications;active=!1;disabled=!1;tooltipText;href;target="_self";rel;isCategory=!1;menuCategoryLabel;get hostElement(){return a(this)}tooltip;menuExpanded=!1;isInMenuContext=!1;hostTabIndex=-1;async setTabIndex(t){this.hostTabIndex=t}internalItemId=l("ix-menu-item-",m++);buttonRef=h();isHostedInsideCategory=!1;menuExpandedDisposer;observer=b((()=>{this.setTooltip()}));componentWillLoad(){super.componentWillLoad(),this.isHostedInsideCategory=!!this.hostElement.closest("ix-menu-category");const t=this.hostElement.getRootNode(),e=t instanceof ShadowRoot&&"ix-menu"===t.host?.tagName?.toLowerCase(),a=this.hostElement.parentElement,i=!this.isHostedInsideCategory&&("ix-menu"===a?.tagName?.toLowerCase()||"a"===a?.tagName?.toLowerCase()&&"ix-menu"===a?.parentElement?.tagName?.toLowerCase());this.isInMenuContext=e||i,this.onIconChange(),this.menuExpanded=d.nativeElement?.expand||!1,this.menuExpandedDisposer=d.expandChange.on((t=>this.menuExpanded=t))}componentWillRender(){this.setTooltip()}setTooltip(){this.tooltip=this.tooltipText??this.label??this.hostElement.textContent??void 0}connectedCallback(){this.observer.observe(this.hostElement,{subtree:!0,childList:!0,characterData:!0})}disconnectedCallback(){super.disconnectedCallback(),this.observer&&this.observer.disconnect(),this.menuExpandedDisposer&&this.menuExpandedDisposer.dispose()}onIconChange(){this.isHostedInsideCategory||this.hostElement.icon||(this.icon=o)}handleCategoryKeyDown(t){"Enter"!==t.key&&" "!==t.key||!this.isHostedInsideCategory||this.returnFocusToParentCategoryMenuItem()}getAriaLabel(){return"aria-label"in this.inheritAriaAttributes?this.inheritAriaAttributes["aria-label"]:this.tooltipText&&this.tooltipText!==this.label&&this.tooltipText!==this.hostElement.textContent?`${this.label??this.menuCategoryLabel??this.hostElement.textContent??""} ${this.tooltipText}`:void 0}getEffectiveRole(t){return t??(this.isHostedInsideCategory||this.isCategory||this.isInMenuContext?"menuitem":void 0)}returnFocusToParentCategoryMenuItem(){const t=this.hostElement.closest("ix-menu-category"),e=t?.shadowRoot?.querySelector("ix-menu-item.category-parent");t?.dispatchEvent(new CustomEvent("ixMenuCategoryItemSelect",{bubbles:!0,composed:!0})),e?.focus()}render(){let t={};this.home&&(t={slot:"home"}),this.bottom&&(t={slot:"bottom"});const{role:e,...a}=this.inheritAriaAttributes,o=this.getEffectiveRole(e),s={class:"tab",...a},n=[this.icon&&i("ix-icon",{key:"ba48d5b4a4fa45012b05c0c48f93b95406fcf668",class:"tab-icon",name:this.icon,"aria-hidden":"true"}),this.notifications?i("div",{class:"notification"},i("div",{class:"pill"},this.notifications)):null,i("span",{key:"7d851e398086593b8a950004fa309aa8e85ab293",id:this.internalItemId,class:"tab-text text-default"},this.label,i("slot",{key:"f57c890242be1a0ea5bdd52b807ff17a54e01dae"}))],h=this.getAriaLabel();return i(r,{key:"52c4274a785714911f6c55be30aef4e32d83eac6",class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active,"tab-nested":this.isHostedInsideCategory,"ix-focusable":!this.disabled},...t},this.href?i("a",{...s,role:o,href:this.disabled?void 0:this.href,target:this.target,rel:this.rel,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),onClick:t=>{this.disabled&&(t.preventDefault(),t.stopPropagation())},"aria-disabled":c(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},n):i("button",{...s,role:o,tabIndex:this.isInMenuContext||this.isCategory?this.hostTabIndex:void 0,ref:this.buttonRef,onKeyDown:t=>this.handleCategoryKeyDown(t),"aria-disabled":c(this.disabled),"aria-label":h,"aria-current":this.active?"page":void 0},n),i("ix-tooltip",{key:"20b8f84afa73ab32c01a1afb65b74eab640f1b36",for:this.buttonRef.waitForCurrent(),placement:"right",showDelay:1e3,interactive:!1,"aria-hidden":"true","aria-labelledby":this.internalItemId},this.tooltip))}static get delegatesFocus(){return!0}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],icon:[{onIconChange:0}]}}};u.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{u as ix_menu_item}
@@ -1 +1 @@
1
- import{r as t,c as e,g as i,h as l,H as s,F as r}from"./p-EBgS4zhE.js";import{c as o}from"./p-CX81WQtk.js";import{e as a,k as n}from"./p-DgUGsIlh.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:"subtle-tertiary",icon:n,onClick:t.onClick,iconColor:"color-std-text",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(r,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(s,{key:"4cb1bcba15f7877fc6d6fda2989a321cff75b21e"},l(c,{key:"e8dd21fcc2faf773fc00b78704743e689674cf1a",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:"36fd2e7fb75fd0e4e7ebaadd6f19aa2e26edbc10",class:{CardList__Overflow:!0},style:this.computeMaskLayer()},l("div",{key:"24a16d383eb1af5a329c417a868524d8c55fbc0c",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:"9c07172b248331bbf093808e2873ca56daca17aa",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(-180deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}:host .CardList__Content{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}:host .CardList__Content__Collapsed{min-height:0px;max-height:0px;overflow:hidden;opacity:0}:host .CardList__Style__Flexbox__Scroll{flex-wrap:wrap}:host .CardList__Style__Infinite__Scroll{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar{display:none}:host .CardList__Overflow{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}:host .Show__All__Card{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}:host .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
+ import{r as t,c as e,g as i,h as l,H as s,F as r}from"./p-EBgS4zhE.js";import{c as o}from"./p-CX81WQtk.js";import{e as a,k as n}from"./p-DgUGsIlh.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:"subtle-tertiary",icon:n,onClick:t.onClick,iconColor:"color-std-text",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(r,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(s,{key:"8bcf64535742038e957dfc635c73ed0ed47279ec"},l(c,{key:"b8f10c342836f5dc40cac1c4146302292638e36b",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:"5b58a1b417432b173720024ab2cb5a1987e8b6d6",class:{CardList__Overflow:!0},style:this.computeMaskLayer()},l("div",{key:"c29a2167cd3cfafec0201e5b94991f315d4fbf63",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:"3507c68ab7bbd51d0fb0f3757ff81b6fe9ca5059",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(-180deg)}:host .CardList__Title__Show__All{align-self:center;margin-left:auto;margin-right:0px;flex-shrink:0}:host .CardList__Content{display:flex;position:relative;height:calc(100% - 1.5rem);width:100%;gap:1.5rem;transition:var(--theme-default-time) ease-in-out;overflow:auto}:host .CardList__Content__Collapsed{min-height:0px;max-height:0px;overflow:hidden;opacity:0}:host .CardList__Style__Flexbox__Scroll{flex-wrap:wrap}:host .CardList__Style__Infinite__Scroll{flex-wrap:nowrap;-ms-overflow-style:none;scrollbar-width:none}:host .CardList__Style__Infinite__Scroll::-webkit-scrollbar{display:none}:host .CardList__Overflow{display:block;position:relative;height:100%;width:100%;pointer-events:all;-webkit-mask-image:var(--ix-card-list-overflow, none);mask-image:var(--ix-card-list-overflow, none)}:host .Show__All__Card{display:flex;position:relative;align-self:flex-start;justify-self:center;max-width:11.25rem;min-width:11.25rem;width:11.25rem;min-height:11.25rem;max-height:11.25rem;height:11.25rem;--ix-card-border-color:var(--theme-color-primary);color:var(--theme-color-primary)}:host .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 +1 @@
1
- import{r as e,c as t,h as a,H as i}from"./p-EBgS4zhE.js";import{o}from"./p-DgUGsIlh.js";const s=class{constructor(a){e(this,a),this.backButtonClick=t(this,"backButtonClick",7)}variant="primary";headerTitle;headerSubtitle=void 0;hasBackButton=!1;backButtonClick;render(){return a(i,{key:"a81bf466bf10e9e7a0794253b246c340a9b92999"},this.hasBackButton?a("ix-icon-button",{class:"backButton",variant:"tertiary",icon:o,onClick:()=>this.backButtonClick.emit()}):null,a("div",{key:"7b81cb2b7c5d48fdd75b631e9ef2b5da9224f455",class:"titleGroup"},a("div",{key:"59d28222f4bbfd83a94490f10bb67b944e44c79f",class:"headerTitleRow"},a("ix-typography",{key:"f6b3985a6b8e2420e4d63a7032b1ff1f12f93679",format:"secondary"===this.variant?"h4":"h3",class:{secondary:"secondary"===this.variant,titleOverflow:!0}},this.headerTitle),a("div",{key:"9b1a9f865955f4b02a23a528d61e54959a8992d1",class:"headerSlot"},a("slot",{key:"8d7d21906e9042de89123de9489b2cd8d8db25b5",name:"header"}))),!!this.headerSubtitle&&a("ix-typography",{key:"2b29f3ebde503fa328c10bad48ba5b98455d8a31",format:"h6","text-color":"soft",class:{subtitle:"secondary"===this.variant,titleOverflow:!0},title:this.headerSubtitle},this.headerSubtitle)),a("div",{key:"0a558d5e3c40ab3e5ebd77c1ff8e0e316e263658",class:"buttons"},a("slot",{key:"f54687cd38db7f152f3495beec362f0dc82e2bef"})))}};s.style=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0;min-width:0;white-space:nowrap;margin-right:0.5rem}:host .titleGroup .titleOverflow{overflow:hidden;text-overflow:ellipsis}:host .titleGroup .headerTitleRow{display:flex}:host .titleGroup .headerTitleRow .headerSlot{display:inline-flex;margin-left:0.5rem}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";export{s as ix_content_header}
1
+ import{r as e,c as t,h as a,H as i}from"./p-EBgS4zhE.js";import{o}from"./p-DgUGsIlh.js";const s=class{constructor(a){e(this,a),this.backButtonClick=t(this,"backButtonClick",7)}variant="primary";headerTitle;headerSubtitle=void 0;hasBackButton=!1;backButtonClick;render(){return a(i,{key:"7aff9412995ceff09f9e01cbe258702fd102ea75"},this.hasBackButton?a("ix-icon-button",{class:"backButton",variant:"tertiary",icon:o,onClick:()=>this.backButtonClick.emit()}):null,a("div",{key:"ee525ee229cdb39d8095189634bdd98c97a71a55",class:"titleGroup"},a("div",{key:"15262bbc2565c60fbccf52284c926e3d71147337",class:"headerTitleRow"},a("ix-typography",{key:"e3c3a23df25528b96f22c4144a8a3e1d5cfea603",format:"secondary"===this.variant?"h4":"h3",class:{secondary:"secondary"===this.variant,titleOverflow:!0}},this.headerTitle),a("div",{key:"0faeabfcaa745ad3ae69ea1643767d5ba07f3ac9",class:"headerSlot"},a("slot",{key:"569da58b7ae972574bb52b4a201d8a8f9e89bfc4",name:"header"}))),!!this.headerSubtitle&&a("ix-typography",{key:"38ce3d985ce6ac069ee1a47dcf999b9f7c1ec6af",format:"h6","text-color":"soft",class:{subtitle:"secondary"===this.variant,titleOverflow:!0},title:this.headerSubtitle},this.headerSubtitle)),a("div",{key:"b792938f171aa505945a8da026303ebef1ba9837",class:"buttons"},a("slot",{key:"68eb9f74a2120f9b62742b34735792cdf67530aa"})))}};s.style=":host{display:flex;flex-direction:row;align-items:flex-start;padding:0}:host .titleGroup{display:flex;flex-direction:column;flex:1 1 0;min-width:0;white-space:nowrap;margin-right:0.5rem}:host .titleGroup .titleOverflow{overflow:hidden;text-overflow:ellipsis}:host .titleGroup .headerTitleRow{display:flex}:host .titleGroup .headerTitleRow .headerSlot{display:inline-flex;margin-left:0.5rem}:host .titleGroup .secondary{padding:0.25rem 0}:host .subtitle{margin-top:-0.125rem}:host .backButton{margin-right:0.5rem}:host .buttons{flex:0 0 auto}";export{s as ix_content_header}