@siemens/ix 4.4.0 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (1195) hide show
  1. package/READMEOSS.html +24 -10
  2. package/components/index.js +1 -1
  3. package/components/ix-action-card.js +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +1 -1
  6. package/components/ix-application.js +1 -1
  7. package/components/ix-avatar.js +1 -1
  8. package/components/ix-blind.js +1 -1
  9. package/components/ix-breadcrumb-item.js +1 -1
  10. package/components/ix-breadcrumb.js +1 -1
  11. package/components/ix-button.js +1 -1
  12. package/components/ix-card-accordion.js +1 -1
  13. package/components/ix-card-content.js +1 -1
  14. package/components/ix-card-list.js +1 -1
  15. package/components/ix-card-title.js +1 -1
  16. package/components/ix-card.js +1 -1
  17. package/components/ix-category-filter.js +1 -1
  18. package/components/ix-checkbox-group.js +1 -1
  19. package/components/ix-checkbox.js +1 -1
  20. package/components/ix-chip.js +1 -1
  21. package/components/ix-col.js +1 -1
  22. package/components/ix-content-header.js +1 -1
  23. package/components/ix-content.js +1 -1
  24. package/components/ix-css-grid-item.js +1 -1
  25. package/components/ix-css-grid.js +1 -1
  26. package/components/ix-custom-field.js +1 -1
  27. package/components/ix-date-dropdown.js +1 -1
  28. package/components/ix-date-input.js +1 -1
  29. package/components/ix-date-picker.js +1 -1
  30. package/components/ix-date-time-card.js +1 -1
  31. package/components/{ix-validation-tooltip.d.ts → ix-datetime-input.d.ts} +4 -4
  32. package/components/ix-datetime-input.js +1 -0
  33. package/components/ix-datetime-picker.js +1 -1
  34. package/components/ix-divider.js +1 -1
  35. package/components/ix-dropdown-button.js +1 -1
  36. package/components/ix-dropdown-header.js +1 -1
  37. package/components/ix-dropdown-item.js +1 -1
  38. package/components/ix-dropdown-quick-actions.js +1 -1
  39. package/components/ix-dropdown.js +1 -1
  40. package/components/ix-empty-state.js +1 -1
  41. package/components/ix-event-list-item.js +1 -1
  42. package/components/ix-event-list.js +1 -1
  43. package/components/ix-expanding-search.js +1 -1
  44. package/components/ix-field-label.js +1 -1
  45. package/components/ix-field-wrapper.js +1 -1
  46. package/components/ix-filter-chip.js +1 -1
  47. package/components/ix-flip-tile-content.js +1 -1
  48. package/components/ix-flip-tile.js +1 -1
  49. package/components/ix-group-context-menu.js +1 -1
  50. package/components/ix-group-item.js +1 -1
  51. package/components/ix-group.js +1 -1
  52. package/components/ix-helper-text.js +1 -1
  53. package/components/ix-icon-button.js +1 -1
  54. package/components/ix-icon-toggle-button.js +1 -1
  55. package/components/ix-input.js +1 -1
  56. package/components/ix-key-value-list.js +1 -1
  57. package/components/ix-key-value.js +1 -1
  58. package/components/ix-kpi.js +1 -1
  59. package/components/ix-layout-auto.js +1 -1
  60. package/components/ix-layout-grid.js +1 -1
  61. package/components/ix-link-button.js +1 -1
  62. package/components/ix-menu-about-item.js +1 -1
  63. package/components/ix-menu-about-news.js +1 -1
  64. package/components/ix-menu-about.js +1 -1
  65. package/components/ix-menu-avatar-item.js +1 -1
  66. package/components/ix-menu-avatar.js +1 -1
  67. package/components/ix-menu-category.js +1 -1
  68. package/components/ix-menu-expand-icon.js +1 -1
  69. package/components/ix-menu-item.js +1 -1
  70. package/components/ix-menu-settings-item.js +1 -1
  71. package/components/ix-menu-settings.js +1 -1
  72. package/components/ix-menu.js +1 -1
  73. package/components/ix-message-bar.js +1 -1
  74. package/components/ix-modal-content.js +1 -1
  75. package/components/ix-modal-footer.js +1 -1
  76. package/components/ix-modal-header.js +1 -1
  77. package/components/ix-modal-loading.js +1 -1
  78. package/components/ix-modal.js +1 -1
  79. package/components/ix-number-input.js +1 -1
  80. package/components/ix-pagination.js +1 -1
  81. package/components/ix-pane-layout.js +1 -1
  82. package/components/ix-pane.js +1 -1
  83. package/components/ix-pill.js +1 -1
  84. package/components/ix-progress-indicator.js +1 -1
  85. package/components/ix-push-card.js +1 -1
  86. package/components/ix-radio-group.js +1 -1
  87. package/components/ix-radio.js +1 -1
  88. package/components/{ix-input-group.d.ts → ix-range-field.d.ts} +4 -4
  89. package/components/ix-range-field.js +1 -0
  90. package/components/ix-row.js +1 -1
  91. package/components/ix-select-item.js +1 -1
  92. package/components/ix-select.js +1 -1
  93. package/components/ix-slider.js +1 -1
  94. package/components/ix-spinner.js +1 -1
  95. package/components/ix-split-button.js +1 -1
  96. package/components/ix-tab-item.js +1 -1
  97. package/components/{ix-application-sidebar.d.ts → ix-tab-panel.d.ts} +4 -4
  98. package/components/ix-tab-panel.js +1 -0
  99. package/components/{ix-drawer.d.ts → ix-tab-set.d.ts} +4 -4
  100. package/components/ix-tab-set.js +1 -0
  101. package/components/ix-tabs.js +1 -1
  102. package/components/ix-textarea.js +1 -1
  103. package/components/ix-tile.js +1 -1
  104. package/components/ix-time-input.js +1 -1
  105. package/components/ix-time-picker.js +1 -1
  106. package/components/ix-toast-container.js +1 -1
  107. package/components/ix-toast.js +1 -1
  108. package/components/ix-toggle-button.js +1 -1
  109. package/components/ix-toggle.js +1 -1
  110. package/components/ix-tooltip.js +1 -1
  111. package/components/ix-tree-item.js +1 -1
  112. package/components/ix-tree.js +1 -1
  113. package/components/ix-typography.js +1 -1
  114. package/components/ix-upload.js +1 -1
  115. package/components/ix-workflow-step.js +1 -1
  116. package/components/ix-workflow-steps.js +1 -1
  117. package/components/p-4pTtJwcY.js +1 -0
  118. package/components/p-546lBshK.js +1 -0
  119. package/components/p-5jph302v.js +1 -0
  120. package/components/p-B1ZcjHve.js +1 -0
  121. package/components/{p-CRcg3Wl9.js → p-B1q6Xh9M.js} +1 -1
  122. package/components/p-B4Yxzuow.js +1 -0
  123. package/components/p-B5k8YVR0.js +1 -0
  124. package/components/p-B8RlWbEh.js +1 -0
  125. package/components/p-BE4QI9tD.js +1 -0
  126. package/components/p-BL9SR36X.js +1 -0
  127. package/components/p-BP8g-yqY.js +1 -0
  128. package/components/p-B_czElDE.js +1 -0
  129. package/components/p-BcxPyyrm.js +1 -0
  130. package/components/p-BooU9e46.js +1 -0
  131. package/components/p-Btv5ReUJ.js +1 -0
  132. package/components/p-BtvsjuLo.js +1 -0
  133. package/components/p-BwC_Hmai.js +1 -0
  134. package/components/p-Bxdy-8CE.js +1 -0
  135. package/components/p-Bxrgt3H_.js +1 -0
  136. package/components/p-By6x--zJ.js +1 -0
  137. package/components/p-Byed_Z2G.js +1 -0
  138. package/components/p-C-wf4kbs.js +1 -0
  139. package/components/p-C95SE6lT.js +1 -0
  140. package/components/p-C9HBQRMb.js +1 -0
  141. package/components/p-CDKHgTB8.js +1 -0
  142. package/components/p-CJ3dR7zd.js +1 -0
  143. package/components/p-CKYjdhXo.js +1 -0
  144. package/components/p-CQj_gEvY.js +1 -0
  145. package/components/p-CVmLf9WY.js +1 -0
  146. package/components/p-CWlPNXA-.js +1 -0
  147. package/components/p-CWshStHZ.js +1 -0
  148. package/components/p-CYgb41KQ.js +1 -0
  149. package/components/p-C_95k0nq.js +1 -0
  150. package/components/p-CcllZcv2.js +1 -0
  151. package/components/p-Cf71L4Ol.js +1 -0
  152. package/components/p-CgOv_MV_.js +1 -0
  153. package/components/p-CsP_r-y6.js +1 -0
  154. package/components/p-CuswfnZ5.js +1 -0
  155. package/components/p-D4RWuUBi.js +1 -0
  156. package/components/p-D4T7_gkf.js +1 -0
  157. package/components/p-D5gbubPJ.js +1 -0
  158. package/components/{p-DSTYytot.js → p-D5rshXh5.js} +1 -1
  159. package/components/p-D6Wm2E-0.js +1 -0
  160. package/components/p-D8Wb4thH.js +1 -0
  161. package/components/p-DN2Mr91y.js +1 -0
  162. package/components/p-DNIQ2C1K.js +1 -0
  163. package/components/p-DOCAISxs.js +1 -0
  164. package/components/p-DQql_9wo.js +1 -0
  165. package/components/p-DRw2l8Az.js +1 -0
  166. package/components/p-DSpVcflZ.js +1 -0
  167. package/components/p-DTcUamMt.js +1 -0
  168. package/components/p-DUkuP1OH.js +1 -0
  169. package/components/p-DdMuwGlF.js +1 -0
  170. package/components/p-DfnCSsMy.js +1 -0
  171. package/components/p-Djkc69iv.js +1 -0
  172. package/components/p-Dpk_WgCl.js +1 -0
  173. package/components/p-DuTDx0c-.js +1 -0
  174. package/components/p-Dx6rQdpk.js +1 -0
  175. package/components/p-Dx8kFukG.js +1 -0
  176. package/components/p-JXbYOM9q.js +1 -0
  177. package/components/p-JevOq-9X.js +1 -0
  178. package/components/p-MZOpritx.js +1 -0
  179. package/components/p-NLlCSNeG.js +1 -0
  180. package/components/p-VEcjhpT4.js +1 -0
  181. package/components/p-W0q0WVKl.js +1 -0
  182. package/components/p-XBJqkmoc.js +1 -0
  183. package/components/p-XBTykBKS.js +1 -0
  184. package/components/{p-BJxTLVYT.js → p-_Uc7YwjU.js} +1 -1
  185. package/components/p-qsIASuyM.js +1 -0
  186. package/components/p-uIG84RqI.js +1 -0
  187. package/components/p-wEbi9beJ.js +1 -0
  188. package/components/p-zs7a2E3b.js +1 -0
  189. package/components/package.json +1 -1
  190. package/dist/cjs/{a11y-DldCLr8D.js → a11y-C_6YiIMa.js} +1 -2
  191. package/dist/cjs/animation-hxDbANsw.js +81 -0
  192. package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
  193. package/dist/cjs/aria-activedescendant.mixin-_lb0Xz2S.js +85 -0
  194. package/dist/cjs/{base-button-BvWcXXIH.js → base-button-C-1izOSS.js} +14 -10
  195. package/dist/cjs/{base-icon-button-DgnV_-qM.js → base-icon-button-BeXf6v9s.js} +3 -3
  196. package/dist/cjs/component-CYtonfpw.js +143 -0
  197. package/dist/cjs/{context-CmNuiaNz.js → context-DqdXbKw_.js} +5 -2
  198. package/dist/cjs/{dropdown-controller-BLOjtc6w.js → dropdown-controller-DeBeUVhj.js} +12 -9
  199. package/dist/cjs/{floating-ui.dom-CMzYsRR7.js → find-element-DPxOAdgO.js} +101 -0
  200. package/dist/cjs/focus-proxy-BCuVbpDb.js +48 -0
  201. package/dist/cjs/focus-trap-_cyPFvFq.js +106 -0
  202. package/dist/cjs/focus-utilities-yx7wWjEO.js +119 -0
  203. package/dist/cjs/focus-visible.mixin-BU5Ql7d1.js +42 -0
  204. package/dist/cjs/{helper-text-util-CX9jWl8m.js → helper-text-util-CvfY1JxE.js} +26 -8
  205. package/dist/cjs/id.mixin-DINDQztK.js +21 -0
  206. package/dist/cjs/index-B4J4JK0P.js +17 -0
  207. package/dist/cjs/{index-Dxeom0qd.js → index-BKQkUbyE.js} +529 -126
  208. package/dist/cjs/{index-DIYO-Liy.js → index-Dw-NwUuT.js} +2 -4
  209. package/dist/cjs/{index-BxmN3RtX.js → index-SVeYVn-h.js} +1 -2
  210. package/dist/cjs/index.cjs.js +266 -47
  211. package/dist/cjs/inherit-aria-attributes.mixin-Sl7J-OlO.js +36 -0
  212. package/dist/cjs/{picker-input.util-DJNAVluZ.js → input-picker.mixin-EoIayQV9.js} +25 -1
  213. package/dist/cjs/{input.fc-BIQRswZt.js → input.fc-CsACCdp7.js} +15 -17
  214. package/dist/cjs/ix-action-card.cjs.entry.js +39 -19
  215. package/dist/cjs/ix-application-header.cjs.entry.js +126 -69
  216. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +9 -13
  217. package/dist/cjs/ix-application.cjs.entry.js +46 -34
  218. package/dist/cjs/ix-avatar_2.cjs.entry.js +126 -22
  219. package/dist/cjs/ix-blind.cjs.entry.js +37 -23
  220. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +234 -43
  221. package/dist/cjs/ix-breadcrumb.cjs.entry.js +85 -68
  222. package/dist/cjs/ix-button.cjs.entry.js +227 -40
  223. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +30 -19
  224. package/dist/cjs/ix-card-list.cjs.entry.js +104 -54
  225. package/dist/cjs/ix-card_2.cjs.entry.js +17 -17
  226. package/dist/cjs/ix-category-filter.cjs.entry.js +180 -111
  227. package/dist/cjs/ix-checkbox-group.cjs.entry.js +52 -27
  228. package/dist/cjs/ix-checkbox.cjs.entry.js +58 -37
  229. package/dist/cjs/ix-chip.cjs.entry.js +317 -81
  230. package/dist/cjs/ix-col_4.cjs.entry.js +1109 -495
  231. package/dist/cjs/ix-content-header.cjs.entry.js +25 -17
  232. package/dist/cjs/ix-content.cjs.entry.js +7 -7
  233. package/dist/cjs/ix-css-grid-item.cjs.entry.js +6 -2
  234. package/dist/cjs/ix-css-grid.cjs.entry.js +13 -5
  235. package/dist/cjs/ix-custom-field.cjs.entry.js +41 -12
  236. package/dist/cjs/ix-date-dropdown.cjs.entry.js +170 -145
  237. package/dist/cjs/ix-date-input.cjs.entry.js +212 -125
  238. package/dist/cjs/ix-date-picker.cjs.entry.js +752 -0
  239. package/dist/cjs/ix-date-time-card.cjs.entry.js +25 -18
  240. package/dist/cjs/ix-datetime-input.cjs.entry.js +548 -0
  241. package/dist/cjs/ix-datetime-picker.cjs.entry.js +242 -58
  242. package/dist/cjs/ix-divider.cjs.entry.js +2 -2
  243. package/dist/cjs/ix-dropdown-button.cjs.entry.js +155 -38
  244. package/dist/cjs/ix-dropdown-header.cjs.entry.js +6 -2
  245. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
  246. package/dist/cjs/ix-dropdown_2.cjs.entry.js +992 -0
  247. package/dist/cjs/ix-empty-state.cjs.entry.js +32 -6
  248. package/dist/cjs/ix-event-list-item.cjs.entry.js +38 -27
  249. package/dist/cjs/ix-event-list.cjs.entry.js +26 -26
  250. package/dist/cjs/ix-expanding-search.cjs.entry.js +58 -44
  251. package/dist/cjs/ix-field-label_2.cjs.entry.js +178 -56
  252. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +85 -37
  253. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +8 -8
  254. package/dist/cjs/ix-flip-tile.cjs.entry.js +43 -30
  255. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +51 -27
  256. package/dist/cjs/ix-group.cjs.entry.js +63 -40
  257. package/dist/cjs/ix-helper-text.cjs.entry.js +43 -16
  258. package/dist/cjs/ix-icon-button_2.cjs.entry.js +232 -52
  259. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +221 -45
  260. package/dist/cjs/ix-input.cjs.entry.js +128 -56
  261. package/dist/cjs/ix-key-value-list.cjs.entry.js +6 -6
  262. package/dist/cjs/ix-key-value.cjs.entry.js +24 -6
  263. package/dist/cjs/ix-kpi.cjs.entry.js +37 -13
  264. package/dist/cjs/ix-layout-auto.cjs.entry.js +15 -15
  265. package/dist/cjs/ix-link-button.cjs.entry.js +19 -15
  266. package/dist/cjs/ix-menu-about-item.cjs.entry.js +13 -6
  267. package/dist/cjs/ix-menu-about-news.cjs.entry.js +45 -18
  268. package/dist/cjs/ix-menu-about.cjs.entry.js +72 -28
  269. package/dist/cjs/ix-menu-avatar.cjs.entry.js +62 -31
  270. package/dist/cjs/ix-menu-category.cjs.entry.js +157 -74
  271. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +24 -24
  272. package/dist/cjs/ix-menu-item.cjs.entry.js +100 -51
  273. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +13 -6
  274. package/dist/cjs/ix-menu-settings.cjs.entry.js +87 -4
  275. package/dist/cjs/ix-menu.cjs.entry.js +123 -136
  276. package/dist/cjs/ix-message-bar.cjs.entry.js +33 -22
  277. package/dist/cjs/ix-modal-content_2.cjs.entry.js +36 -17
  278. package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
  279. package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
  280. package/dist/cjs/ix-modal.cjs.entry.js +98 -61
  281. package/dist/cjs/ix-number-input.cjs.entry.js +211 -131
  282. package/dist/cjs/ix-pagination.cjs.entry.js +108 -89
  283. package/dist/cjs/ix-pane-layout.cjs.entry.js +26 -27
  284. package/dist/cjs/ix-pane.cjs.entry.js +114 -82
  285. package/dist/cjs/ix-pill_4.cjs.entry.js +746 -0
  286. package/dist/cjs/ix-progress-indicator.cjs.entry.js +48 -40
  287. package/dist/cjs/ix-push-card.cjs.entry.js +36 -15
  288. package/dist/cjs/ix-radio-group.cjs.entry.js +63 -26
  289. package/dist/cjs/ix-radio.cjs.entry.js +51 -25
  290. package/dist/cjs/ix-range-field.cjs.entry.js +122 -0
  291. package/dist/cjs/ix-select.cjs.entry.js +398 -373
  292. package/dist/cjs/ix-slider.cjs.entry.js +108 -68
  293. package/dist/cjs/ix-split-button.cjs.entry.js +118 -48
  294. package/dist/cjs/ix-tab-panel.cjs.entry.js +30 -0
  295. package/dist/cjs/ix-textarea.cjs.entry.js +135 -48
  296. package/dist/cjs/ix-tile.cjs.entry.js +12 -12
  297. package/dist/cjs/ix-time-input.cjs.entry.js +298 -152
  298. package/dist/cjs/ix-toast-container.cjs.entry.js +14 -54
  299. package/dist/cjs/ix-toast.cjs.entry.js +47 -31
  300. package/dist/cjs/ix-toggle-button.cjs.entry.js +200 -27
  301. package/dist/cjs/ix-toggle.cjs.entry.js +244 -48
  302. package/dist/cjs/ix-tooltip.cjs.entry.js +76 -52
  303. package/dist/cjs/ix-tree-item.cjs.entry.js +50 -16
  304. package/dist/cjs/ix-tree.cjs.entry.js +101 -45
  305. package/dist/cjs/ix-typography.cjs.entry.js +19 -12
  306. package/dist/cjs/ix-upload.cjs.entry.js +80 -76
  307. package/dist/cjs/ix-workflow-step.cjs.entry.js +39 -34
  308. package/dist/cjs/ix-workflow-steps.cjs.entry.js +20 -15
  309. package/dist/cjs/{listener-BShKJBRB.js → listener-BafrcTaM.js} +7 -6
  310. package/dist/cjs/loader.cjs.js +3 -4
  311. package/dist/cjs/{logical-filter-operator-q-2KOPJs.js → logical-filter-operator-Dv9-d8FB.js} +2 -0
  312. package/dist/cjs/luxon-datetime-format-masks-DQVILoY7.js +43 -0
  313. package/dist/cjs/{make-ref-BaH6_YJk.js → make-ref-CHsa3FY7.js} +6 -2
  314. package/dist/cjs/menu-service-D_QsHUgR.js +63 -0
  315. package/dist/cjs/modal-_AhJoT78.js +190 -0
  316. package/dist/cjs/service-CRjXhKel.js +94 -0
  317. package/dist/cjs/shadow-dom-BG8VqeIu.js +91 -0
  318. package/dist/cjs/siemens-ix.cjs.js +4 -5
  319. package/dist/cjs/tab.mixin-DObUK6A4.js +21 -0
  320. package/dist/cjs/theme-switcher-sbkXOvhB.js +127 -0
  321. package/dist/cjs/time-picker-constraints-CxGhm1qV.js +79 -0
  322. package/dist/cjs/{tree.types-BygtRFW3.js → tree.types-Cs9O1Wtf.js} +2 -0
  323. package/dist/cjs/typed-event-Bw4IfJC0.js +44 -0
  324. package/dist/cjs/{validation-DF9UXqHB.js → validation-Dier-uPA.js} +32 -9
  325. package/dist/collection/collection-manifest.json +16 -9
  326. package/dist/collection/components/action-card/action-card.js +37 -19
  327. package/dist/collection/components/application/application.js +62 -48
  328. package/dist/collection/components/application-header/application-header.js +116 -84
  329. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +5 -7
  330. package/dist/collection/components/avatar/avatar.css +30 -5
  331. package/dist/collection/components/avatar/avatar.js +108 -35
  332. package/dist/collection/components/blind/blind.js +33 -16
  333. package/dist/collection/components/breadcrumb/breadcrumb.css +7 -2
  334. package/dist/collection/components/breadcrumb/breadcrumb.js +125 -79
  335. package/dist/collection/components/breadcrumb/breadcrumb.types.js +1 -0
  336. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +66 -90
  337. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +131 -69
  338. package/dist/collection/components/button/base-button.js +13 -9
  339. package/dist/collection/components/button/button.css +38 -45
  340. package/dist/collection/components/button/button.js +69 -59
  341. package/dist/collection/components/card/card.js +15 -16
  342. package/dist/collection/components/card-accordion/card-accordion.js +27 -17
  343. package/dist/collection/components/card-content/card-content.js +1 -1
  344. package/dist/collection/components/card-list/card-list.js +127 -54
  345. package/dist/collection/components/card-title/card-title.js +1 -1
  346. package/dist/collection/components/category-filter/category-filter.css +38 -45
  347. package/dist/collection/components/category-filter/category-filter.js +173 -105
  348. package/dist/collection/components/category-filter/filter-state.js +2 -4
  349. package/dist/collection/components/category-filter/input-state.js +2 -0
  350. package/dist/collection/components/checkbox/checkbox.css +1 -0
  351. package/dist/collection/components/checkbox/checkbox.js +52 -33
  352. package/dist/collection/components/checkbox-group/checkbox-group.js +48 -25
  353. package/dist/collection/components/chip/chip.css +369 -346
  354. package/dist/collection/components/chip/chip.js +171 -80
  355. package/dist/collection/components/chip/chip.types.js +18 -0
  356. package/dist/collection/components/col/col.js +20 -2
  357. package/dist/collection/components/content/content.js +5 -6
  358. package/dist/collection/components/content-header/content-header.js +23 -17
  359. package/dist/collection/components/css-grid/css-grid-item.js +5 -1
  360. package/dist/collection/components/css-grid/css-grid.js +12 -6
  361. package/dist/collection/components/custom-field/custom-field.js +38 -11
  362. package/dist/collection/components/date-dropdown/date-dropdown.css +202 -18
  363. package/dist/collection/components/date-dropdown/date-dropdown.js +168 -201
  364. package/dist/collection/components/date-input/date-input.css +4 -4
  365. package/dist/collection/components/date-input/date-input.js +199 -112
  366. package/dist/collection/components/date-picker/date-picker.css +66 -25
  367. package/dist/collection/components/date-picker/date-picker.js +582 -193
  368. package/dist/collection/components/date-time-card/date-time-card.css +3 -0
  369. package/dist/collection/components/date-time-card/date-time-card.js +43 -18
  370. package/dist/collection/components/datetime-input/datetime-input.css +621 -0
  371. package/dist/collection/components/datetime-input/datetime-input.js +1372 -0
  372. package/dist/collection/components/datetime-input/datetime-input.types.js +1 -0
  373. package/dist/collection/components/datetime-picker/datetime-picker.css +2 -10
  374. package/dist/collection/components/datetime-picker/datetime-picker.js +364 -58
  375. package/dist/collection/components/divider/divider.js +1 -1
  376. package/dist/collection/components/dropdown/dropdown-controller.js +12 -9
  377. package/dist/collection/components/dropdown/dropdown-focus.js +178 -0
  378. package/dist/collection/components/dropdown/dropdown.css +1 -1
  379. package/dist/collection/components/dropdown/dropdown.js +809 -201
  380. package/dist/collection/components/dropdown-button/dropdown-button.css +38 -0
  381. package/dist/collection/components/dropdown-button/dropdown-button.js +258 -36
  382. package/dist/collection/components/dropdown-header/dropdown-header.js +5 -1
  383. package/dist/collection/components/dropdown-item/dropdown-item.css +23 -3
  384. package/dist/collection/components/dropdown-item/dropdown-item.js +129 -26
  385. package/dist/collection/components/dropdown-item/dropdown-item.types.js +1 -0
  386. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  387. package/dist/collection/components/empty-state/empty-state.js +31 -7
  388. package/dist/collection/components/event-list/event-list.js +25 -26
  389. package/dist/collection/components/event-list-item/event-list-item.js +35 -26
  390. package/dist/collection/components/expanding-search/expanding-search.js +56 -42
  391. package/dist/collection/components/field-label/field-label.css +10 -0
  392. package/dist/collection/components/field-label/field-label.js +34 -11
  393. package/dist/collection/components/field-wrapper/field-wrapper.css +1 -2
  394. package/dist/collection/components/field-wrapper/field-wrapper.js +193 -49
  395. package/dist/collection/components/field-wrapper/helper-text-util.js +22 -5
  396. package/dist/collection/components/filter-chip/filter-chip.css +0 -5
  397. package/dist/collection/components/filter-chip/filter-chip.js +33 -11
  398. package/dist/collection/components/flip-tile/flip-tile.js +39 -27
  399. package/dist/collection/components/flip-tile-content/flip-tile-content.js +7 -9
  400. package/dist/collection/components/group/group-context-menu.js +3 -4
  401. package/dist/collection/components/group/group.js +60 -38
  402. package/dist/collection/components/group-item/group-item.js +45 -22
  403. package/dist/collection/components/helper-text/helper-text.js +37 -12
  404. package/dist/collection/components/icon-button/base-icon-button.js +1 -1
  405. package/dist/collection/components/icon-button/icon-button.css +38 -45
  406. package/dist/collection/components/icon-button/icon-button.js +58 -56
  407. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +38 -45
  408. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +61 -63
  409. package/dist/collection/components/input/input.css +4 -8
  410. package/dist/collection/components/input/input.fc.js +10 -11
  411. package/dist/collection/components/input/input.js +119 -49
  412. package/dist/collection/components/input/input.util.js +1 -2
  413. package/dist/collection/components/input/number-input.css +4 -4
  414. package/dist/collection/components/input/number-input.js +202 -124
  415. package/dist/collection/components/input/textarea.css +4 -4
  416. package/dist/collection/components/input/textarea.js +127 -42
  417. package/dist/collection/components/ix-playground/ix-playground.js +25 -0
  418. package/dist/collection/components/key-value/key-value.js +23 -7
  419. package/dist/collection/components/key-value-list/key-value-list.js +5 -7
  420. package/dist/collection/components/kpi/kpi.js +35 -13
  421. package/dist/collection/components/layout-auto/layout-auto.js +14 -15
  422. package/dist/collection/components/layout-grid/layout-grid.js +14 -16
  423. package/dist/collection/components/link-button/link-button.js +17 -15
  424. package/dist/collection/components/menu/menu-expand-icon.css +12 -5
  425. package/dist/collection/components/menu/menu-expand-icon.js +60 -45
  426. package/dist/collection/components/menu/menu.js +114 -160
  427. package/dist/collection/components/menu-about/menu-about.css +63 -3
  428. package/dist/collection/components/menu-about/menu-about.js +111 -36
  429. package/dist/collection/components/menu-about-item/menu-about-item.js +18 -14
  430. package/dist/collection/components/menu-about-news/menu-about-news.js +65 -17
  431. package/dist/collection/components/menu-avatar/menu-avatar.js +57 -27
  432. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +15 -4
  433. package/dist/collection/components/menu-category/menu-category.js +156 -42
  434. package/dist/collection/components/menu-item/menu-item.js +94 -46
  435. package/dist/collection/components/menu-settings/menu-settings.css +0 -3
  436. package/dist/collection/components/menu-settings/menu-settings.js +111 -36
  437. package/dist/collection/components/menu-settings-item/menu-settings-item.js +23 -16
  438. package/dist/collection/components/message-bar/message-bar.js +31 -22
  439. package/dist/collection/components/modal/modal.css +2 -1
  440. package/dist/collection/components/modal/modal.js +98 -63
  441. package/dist/collection/components/modal-content/modal-content.js +1 -1
  442. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  443. package/dist/collection/components/modal-header/modal-header.js +34 -16
  444. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  445. package/dist/collection/components/pagination/pagination.css +38 -45
  446. package/dist/collection/components/pagination/pagination.js +103 -85
  447. package/dist/collection/components/pane/pane.js +108 -77
  448. package/dist/collection/components/pane-layout/pane-layout.js +23 -25
  449. package/dist/collection/components/pill/pill.css +8 -24
  450. package/dist/collection/components/pill/pill.js +60 -29
  451. package/dist/collection/components/progress-indicator/progress-indicator.js +46 -39
  452. package/dist/collection/components/push-card/push-card.js +35 -16
  453. package/dist/collection/components/radio/radio.js +47 -23
  454. package/dist/collection/components/radio-group/radio-group.js +59 -24
  455. package/dist/collection/components/{input-group/input-group.css → range-field/range-field.css} +26 -39
  456. package/dist/collection/components/range-field/range-field.js +193 -0
  457. package/dist/collection/components/row/row.js +1 -1
  458. package/dist/collection/components/select/select.css +36 -13
  459. package/dist/collection/components/select/select.js +427 -383
  460. package/dist/collection/components/select/test/select-controller.js +89 -0
  461. package/dist/collection/components/select-item/select-item.js +46 -59
  462. package/dist/collection/components/slider/slider.css +0 -7
  463. package/dist/collection/components/slider/slider.js +101 -85
  464. package/dist/collection/components/spinner/spinner.js +14 -15
  465. package/dist/collection/components/split-button/split-button.css +36 -19
  466. package/dist/collection/components/split-button/split-button.js +116 -77
  467. package/dist/collection/components/tab-item/tab-item.css +73 -81
  468. package/dist/collection/components/tab-item/tab-item.js +279 -93
  469. package/dist/collection/components/tab-item/tab.mixin.js +40 -0
  470. package/dist/collection/components/{application-sidebar/application-sidebar.css → tab-panel/tab-panel.css} +3 -11
  471. package/dist/collection/components/tab-panel/tab-panel.js +67 -0
  472. package/dist/collection/components/{drawer/drawer.css → tab-set/tab-set.css} +1 -62
  473. package/dist/collection/components/tab-set/tab-set.js +92 -0
  474. package/dist/collection/components/tabs/tabs.css +71 -39
  475. package/dist/collection/components/tabs/tabs.js +261 -416
  476. package/dist/collection/components/tile/tile.js +11 -12
  477. package/dist/collection/components/time-input/time-input.css +4 -4
  478. package/dist/collection/components/time-input/time-input.js +349 -138
  479. package/dist/collection/components/time-picker/time-picker-column-values.js +25 -0
  480. package/dist/collection/components/time-picker/time-picker-compute-time.js +64 -0
  481. package/dist/collection/components/time-picker/time-picker-constraints.js +71 -0
  482. package/dist/collection/components/time-picker/time-picker-display.js +21 -0
  483. package/dist/collection/components/time-picker/time-picker-format.js +40 -0
  484. package/dist/collection/components/time-picker/time-picker-range.js +50 -0
  485. package/dist/collection/components/time-picker/time-picker-step-focus.js +32 -0
  486. package/dist/collection/components/time-picker/time-picker.css +17 -4
  487. package/dist/collection/components/time-picker/time-picker.js +544 -264
  488. package/dist/collection/components/toast/{styles/toast-container.css → toast-container.css} +6 -8
  489. package/dist/collection/components/toast/toast-container.js +15 -97
  490. package/dist/collection/components/toast/toast-utils.js +16 -4
  491. package/dist/collection/components/toast/toast.js +45 -30
  492. package/dist/collection/components/toggle/toggle.css +7 -4
  493. package/dist/collection/components/toggle/toggle.js +85 -44
  494. package/dist/collection/components/toggle-button/toggle-button.css +38 -45
  495. package/dist/collection/components/toggle-button/toggle-button.js +41 -46
  496. package/dist/collection/components/tooltip/tooltip.js +68 -44
  497. package/dist/collection/components/tree/tree.js +74 -34
  498. package/dist/collection/components/tree-item/default-tree-item.js +2 -0
  499. package/dist/collection/components/tree-item/tree-item.css +9 -4
  500. package/dist/collection/components/tree-item/tree-item.js +70 -15
  501. package/dist/collection/components/typography/typography.js +18 -13
  502. package/dist/collection/components/upload/upload.js +110 -75
  503. package/dist/collection/components/utils/a11y.js +1 -2
  504. package/dist/collection/components/utils/animation.js +24 -44
  505. package/dist/collection/components/utils/application-layout/service.js +22 -40
  506. package/dist/collection/components/utils/context.js +4 -1
  507. package/dist/collection/components/utils/delegate.js +1 -2
  508. package/dist/collection/components/utils/dependency-function.js +55 -0
  509. package/dist/collection/components/utils/event.js +16 -0
  510. package/dist/collection/components/utils/find-element.js +1 -1
  511. package/dist/collection/components/utils/focus/detect-keyboard-mode.js +28 -0
  512. package/dist/collection/components/utils/focus/focus-proxy.js +40 -0
  513. package/dist/collection/components/utils/focus/focus-trap.js +99 -0
  514. package/dist/collection/components/utils/focus/focus-utilities.js +117 -0
  515. package/dist/collection/components/utils/focus.js +9 -6
  516. package/dist/collection/components/utils/input/index.js +5 -0
  517. package/dist/collection/components/utils/input/validation.js +31 -8
  518. package/dist/collection/components/utils/internal/component.js +2 -1
  519. package/dist/collection/components/utils/internal/index.js +1 -1
  520. package/dist/collection/components/utils/internal/mixins/accessibility/aria-activedescendant.mixin.js +84 -0
  521. package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +190 -0
  522. package/dist/collection/components/utils/internal/mixins/focus-visible.mixin.js +91 -0
  523. package/dist/collection/components/utils/internal/mixins/id.mixin.js +17 -0
  524. package/dist/collection/components/utils/internal/mixins/input/input-picker.mixin.js +45 -0
  525. package/dist/collection/components/utils/internal/mixins/setup.mixin.js +118 -0
  526. package/dist/collection/components/utils/lazy-list/lazy.js +24 -9
  527. package/dist/collection/components/utils/listener.js +6 -5
  528. package/dist/collection/components/utils/luxon-datetime-format-masks.js +38 -0
  529. package/dist/collection/components/utils/make-ref.js +5 -2
  530. package/dist/collection/components/utils/menu-service/menu-service.js +17 -37
  531. package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js +1 -49
  532. package/dist/collection/components/utils/modal/index.js +2 -2
  533. package/dist/collection/components/utils/modal/loading.js +34 -29
  534. package/dist/collection/components/utils/modal/message.js +133 -106
  535. package/dist/collection/components/utils/modal/modal.js +11 -8
  536. package/dist/collection/components/utils/overlay.js +1 -3
  537. package/dist/collection/components/utils/shadow-dom.js +42 -0
  538. package/dist/collection/components/{drawer → utils}/test/animejs.mock.js +8 -8
  539. package/dist/collection/components/utils/theme-switcher.js +85 -133
  540. package/dist/collection/components/utils/typed-event.js +29 -31
  541. package/dist/collection/components/workflow-step/workflow-step.js +37 -33
  542. package/dist/collection/components/workflow-steps/workflow-steps.js +19 -15
  543. package/dist/collection/public-api.js +4 -0
  544. package/dist/collection/tests/utils/test/page.js +34 -9
  545. package/dist/esm/{a11y-DAzBNVe7.js → a11y-B5k8YVR0.js} +1 -2
  546. package/dist/esm/animation-DNIQ2C1K.js +79 -0
  547. package/dist/esm/app-globals-DQuL1Twl.js +3 -0
  548. package/dist/esm/aria-activedescendant.mixin-CM-NUHTW.js +83 -0
  549. package/dist/esm/{base-button-CV0w47z9.js → base-button-hppF0uUM.js} +14 -10
  550. package/dist/esm/{base-icon-button-BuHd34qo.js → base-icon-button-_xVULsPr.js} +3 -3
  551. package/dist/esm/component-Chfbghog.js +139 -0
  552. package/dist/esm/{context-BniHpAE1.js → context-zqk3Dkv-.js} +5 -2
  553. package/dist/esm/{dropdown-controller-D3K9vmFp.js → dropdown-controller-D6Wm2E-0.js} +12 -9
  554. package/dist/esm/{floating-ui.dom-CAqtPJ4-.js → find-element-Bxrgt3H_.js} +100 -1
  555. package/dist/esm/focus-proxy-BgLEsVE2.js +43 -0
  556. package/dist/esm/focus-trap-DDLHqzV2.js +102 -0
  557. package/dist/esm/focus-utilities-DnaItyVQ.js +108 -0
  558. package/dist/esm/focus-visible.mixin-CoMZ6z5Z.js +40 -0
  559. package/dist/esm/{helper-text-util-C9sLzo0k.js → helper-text-util-AEl-1QU6.js} +26 -9
  560. package/dist/esm/id.mixin-CUbYLenp.js +19 -0
  561. package/dist/esm/{index-BEPo7U1W.js → index-Ca5WUunf.js} +529 -127
  562. package/dist/esm/{index-BBzEV-f4.js → index-Cl7fhG1I.js} +2 -3
  563. package/dist/esm/index-XBTykBKS.js +14 -0
  564. package/dist/esm/{index-BG5XMoOy.js → index-nCVTBc9Y.js} +1 -2
  565. package/dist/esm/index.js +262 -45
  566. package/dist/esm/inherit-aria-attributes.mixin-CBuZQFB-.js +34 -0
  567. package/dist/esm/{picker-input.util-D1uMJUKN.js → input-picker.mixin-Bo_sZpC4.js} +25 -2
  568. package/dist/esm/{input.fc-C1ytwpkt.js → input.fc-DjE-oOZc.js} +17 -19
  569. package/dist/esm/ix-action-card.entry.js +39 -19
  570. package/dist/esm/ix-application-header.entry.js +126 -69
  571. package/dist/esm/ix-application-switch-modal.entry.js +9 -13
  572. package/dist/esm/ix-application.entry.js +46 -34
  573. package/dist/esm/ix-avatar_2.entry.js +126 -22
  574. package/dist/esm/ix-blind.entry.js +37 -23
  575. package/dist/esm/ix-breadcrumb-item.entry.js +234 -43
  576. package/dist/esm/ix-breadcrumb.entry.js +85 -68
  577. package/dist/esm/ix-button.entry.js +227 -40
  578. package/dist/esm/ix-card-accordion_2.entry.js +30 -19
  579. package/dist/esm/ix-card-list.entry.js +104 -54
  580. package/dist/esm/ix-card_2.entry.js +17 -17
  581. package/dist/esm/ix-category-filter.entry.js +180 -111
  582. package/dist/esm/ix-checkbox-group.entry.js +52 -27
  583. package/dist/esm/ix-checkbox.entry.js +58 -37
  584. package/dist/esm/ix-chip.entry.js +317 -81
  585. package/dist/esm/ix-col_4.entry.js +1110 -496
  586. package/dist/esm/ix-content-header.entry.js +25 -17
  587. package/dist/esm/ix-content.entry.js +7 -7
  588. package/dist/esm/ix-css-grid-item.entry.js +6 -2
  589. package/dist/esm/ix-css-grid.entry.js +13 -5
  590. package/dist/esm/ix-custom-field.entry.js +41 -12
  591. package/dist/esm/ix-date-dropdown.entry.js +170 -145
  592. package/dist/esm/ix-date-input.entry.js +209 -122
  593. package/dist/esm/ix-date-picker.entry.js +750 -0
  594. package/dist/esm/ix-date-time-card.entry.js +25 -18
  595. package/dist/esm/ix-datetime-input.entry.js +546 -0
  596. package/dist/esm/ix-datetime-picker.entry.js +242 -58
  597. package/dist/esm/ix-divider.entry.js +2 -2
  598. package/dist/esm/ix-dropdown-button.entry.js +155 -38
  599. package/dist/esm/ix-dropdown-header.entry.js +6 -2
  600. package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
  601. package/dist/esm/ix-dropdown_2.entry.js +989 -0
  602. package/dist/esm/ix-empty-state.entry.js +32 -6
  603. package/dist/esm/ix-event-list-item.entry.js +38 -27
  604. package/dist/esm/ix-event-list.entry.js +27 -27
  605. package/dist/esm/ix-expanding-search.entry.js +58 -44
  606. package/dist/esm/ix-field-label_2.entry.js +177 -55
  607. package/dist/esm/ix-filter-chip_2.entry.js +85 -37
  608. package/dist/esm/ix-flip-tile-content.entry.js +8 -8
  609. package/dist/esm/ix-flip-tile.entry.js +43 -30
  610. package/dist/esm/ix-group-context-menu_2.entry.js +51 -27
  611. package/dist/esm/ix-group.entry.js +63 -40
  612. package/dist/esm/ix-helper-text.entry.js +43 -16
  613. package/dist/esm/ix-icon-button_2.entry.js +232 -52
  614. package/dist/esm/ix-icon-toggle-button.entry.js +221 -45
  615. package/dist/esm/ix-input.entry.js +129 -57
  616. package/dist/esm/ix-key-value-list.entry.js +6 -6
  617. package/dist/esm/ix-key-value.entry.js +24 -6
  618. package/dist/esm/ix-kpi.entry.js +37 -13
  619. package/dist/esm/ix-layout-auto.entry.js +15 -15
  620. package/dist/esm/ix-link-button.entry.js +19 -15
  621. package/dist/esm/ix-menu-about-item.entry.js +13 -6
  622. package/dist/esm/ix-menu-about-news.entry.js +45 -18
  623. package/dist/esm/ix-menu-about.entry.js +72 -28
  624. package/dist/esm/ix-menu-avatar.entry.js +62 -31
  625. package/dist/esm/ix-menu-category.entry.js +157 -74
  626. package/dist/esm/ix-menu-expand-icon.entry.js +24 -24
  627. package/dist/esm/ix-menu-item.entry.js +100 -51
  628. package/dist/esm/ix-menu-settings-item.entry.js +13 -6
  629. package/dist/esm/ix-menu-settings.entry.js +90 -3
  630. package/dist/esm/ix-menu.entry.js +123 -136
  631. package/dist/esm/ix-message-bar.entry.js +33 -22
  632. package/dist/esm/ix-modal-content_2.entry.js +36 -17
  633. package/dist/esm/ix-modal-footer.entry.js +2 -2
  634. package/dist/esm/ix-modal-loading.entry.js +2 -2
  635. package/dist/esm/ix-modal.entry.js +98 -61
  636. package/dist/esm/ix-number-input.entry.js +212 -132
  637. package/dist/esm/ix-pagination.entry.js +108 -89
  638. package/dist/esm/ix-pane-layout.entry.js +26 -27
  639. package/dist/esm/ix-pane.entry.js +114 -82
  640. package/dist/esm/ix-pill_4.entry.js +741 -0
  641. package/dist/esm/ix-progress-indicator.entry.js +48 -40
  642. package/dist/esm/ix-push-card.entry.js +36 -15
  643. package/dist/esm/ix-radio-group.entry.js +63 -26
  644. package/dist/esm/ix-radio.entry.js +51 -25
  645. package/dist/esm/ix-range-field.entry.js +120 -0
  646. package/dist/esm/ix-select.entry.js +398 -373
  647. package/dist/esm/ix-slider.entry.js +108 -68
  648. package/dist/esm/ix-split-button.entry.js +118 -48
  649. package/dist/esm/ix-tab-panel.entry.js +28 -0
  650. package/dist/esm/ix-textarea.entry.js +136 -49
  651. package/dist/esm/ix-tile.entry.js +12 -12
  652. package/dist/esm/ix-time-input.entry.js +295 -149
  653. package/dist/esm/ix-toast-container.entry.js +14 -54
  654. package/dist/esm/ix-toast.entry.js +47 -31
  655. package/dist/esm/ix-toggle-button.entry.js +200 -27
  656. package/dist/esm/ix-toggle.entry.js +244 -48
  657. package/dist/esm/ix-tooltip.entry.js +69 -45
  658. package/dist/esm/ix-tree-item.entry.js +50 -16
  659. package/dist/esm/ix-tree.entry.js +101 -45
  660. package/dist/esm/ix-typography.entry.js +19 -12
  661. package/dist/esm/ix-upload.entry.js +80 -76
  662. package/dist/esm/ix-workflow-step.entry.js +39 -34
  663. package/dist/esm/ix-workflow-steps.entry.js +20 -15
  664. package/dist/esm/{listener-DcAn-vyA.js → listener-Dk6XGheN.js} +7 -6
  665. package/dist/esm/loader.js +4 -5
  666. package/dist/esm/{logical-filter-operator-BH3f5fa3.js → logical-filter-operator-C9HBQRMb.js} +2 -0
  667. package/dist/esm/luxon-datetime-format-masks-CoQiziG8.js +40 -0
  668. package/dist/esm/{make-ref-bcj7UEIC.js → make-ref-Djkc69iv.js} +6 -3
  669. package/dist/esm/menu-service-DTIYRV47.js +61 -0
  670. package/dist/esm/modal-DaGSr1j4.js +181 -0
  671. package/dist/esm/{rwd.util-pXYAoEyc.js → rwd.util-JJddxCCh.js} +1 -1
  672. package/dist/esm/service-CEglFEKY.js +92 -0
  673. package/dist/esm/shadow-dom-BIe8Nw9M.js +85 -0
  674. package/dist/esm/siemens-ix.js +5 -6
  675. package/dist/esm/tab.mixin-2hU1i4Yk.js +19 -0
  676. package/dist/esm/theme-switcher-CRVG13AN.js +124 -0
  677. package/dist/esm/time-picker-constraints-Bsg2RskF.js +74 -0
  678. package/dist/esm/{tree.types-DSTYytot.js → tree.types-D5rshXh5.js} +2 -0
  679. package/dist/esm/typed-event-CWshStHZ.js +42 -0
  680. package/dist/esm/{validation-CTBekLDe.js → validation-BT5aAuSO.js} +32 -9
  681. package/dist/siemens-ix/index.esm.js +1 -1
  682. package/dist/siemens-ix/p-04bbcd53.entry.js +1 -0
  683. package/dist/siemens-ix/p-077cb0a7.entry.js +1 -0
  684. package/dist/siemens-ix/p-0de68f63.entry.js +1 -0
  685. package/dist/siemens-ix/p-12647d5d.entry.js +1 -0
  686. package/dist/siemens-ix/p-12750b7b.entry.js +1 -0
  687. package/dist/siemens-ix/p-15aefb52.entry.js +1 -0
  688. package/dist/siemens-ix/p-1629de03.entry.js +1 -0
  689. package/dist/siemens-ix/p-1ce32501.entry.js +1 -0
  690. package/dist/siemens-ix/p-1fa6a663.entry.js +1 -0
  691. package/dist/siemens-ix/p-2142fab0.entry.js +1 -0
  692. package/dist/siemens-ix/p-21c0d22c.entry.js +1 -0
  693. package/dist/siemens-ix/p-222881a1.entry.js +1 -0
  694. package/dist/siemens-ix/p-232da11d.entry.js +1 -0
  695. package/dist/siemens-ix/p-23aaf08e.entry.js +1 -0
  696. package/dist/siemens-ix/p-25c784e4.entry.js +1 -0
  697. package/dist/siemens-ix/p-280d8b68.entry.js +1 -0
  698. package/dist/siemens-ix/{p-6aadd69d.entry.js → p-2a735134.entry.js} +1 -1
  699. package/dist/siemens-ix/p-2afcdc78.entry.js +1 -0
  700. package/dist/siemens-ix/p-2bef3c58.entry.js +1 -0
  701. package/dist/siemens-ix/p-2d7e415f.entry.js +1 -0
  702. package/dist/siemens-ix/p-2d8f3ea3.entry.js +1 -0
  703. package/dist/siemens-ix/p-2e5e7ccf.entry.js +1 -0
  704. package/dist/siemens-ix/p-38cb18b4.entry.js +1 -0
  705. package/dist/siemens-ix/p-3f752a9c.entry.js +1 -0
  706. package/dist/siemens-ix/p-40a26154.entry.js +1 -0
  707. package/dist/siemens-ix/p-44a3f1f0.entry.js +1 -0
  708. package/dist/siemens-ix/p-45552c4c.entry.js +1 -0
  709. package/dist/siemens-ix/p-48386b43.entry.js +1 -0
  710. package/dist/siemens-ix/p-4pTtJwcY.js +1 -0
  711. package/dist/siemens-ix/p-5024bd91.entry.js +1 -0
  712. package/dist/siemens-ix/p-50b75fdf.entry.js +1 -0
  713. package/dist/siemens-ix/p-58d349a2.entry.js +1 -0
  714. package/dist/siemens-ix/p-5a44cb29.entry.js +1 -0
  715. package/dist/siemens-ix/p-5ae844d7.entry.js +1 -0
  716. package/dist/siemens-ix/p-5b3f7baa.entry.js +1 -0
  717. package/dist/siemens-ix/p-5c478e3e.entry.js +1 -0
  718. package/dist/siemens-ix/p-61a481f3.entry.js +1 -0
  719. package/dist/siemens-ix/p-65b8ad90.entry.js +1 -0
  720. package/dist/siemens-ix/p-65bc8a0d.entry.js +1 -0
  721. package/dist/siemens-ix/p-68eb9150.entry.js +1 -0
  722. package/dist/siemens-ix/p-69459b73.entry.js +1 -0
  723. package/dist/siemens-ix/p-6df3d9e4.entry.js +1 -0
  724. package/dist/siemens-ix/p-6e63af65.entry.js +1 -0
  725. package/dist/siemens-ix/p-6fb379fb.entry.js +1 -0
  726. package/dist/siemens-ix/p-756c8779.entry.js +1 -0
  727. package/dist/siemens-ix/p-782fb465.entry.js +1 -0
  728. package/dist/siemens-ix/p-7a83e693.entry.js +1 -0
  729. package/dist/siemens-ix/p-82f44b05.entry.js +1 -0
  730. package/dist/siemens-ix/p-834330b3.entry.js +1 -0
  731. package/dist/siemens-ix/p-8493e35e.entry.js +1 -0
  732. package/dist/siemens-ix/p-84fbdef9.entry.js +1 -0
  733. package/dist/siemens-ix/p-85ce0a9f.entry.js +1 -0
  734. package/dist/siemens-ix/p-8937e9b1.entry.js +1 -0
  735. package/dist/siemens-ix/p-8cfddec2.entry.js +1 -0
  736. package/dist/siemens-ix/p-8d76c0b0.entry.js +1 -0
  737. package/dist/siemens-ix/p-9015a4c5.entry.js +1 -0
  738. package/dist/siemens-ix/p-91b02cb7.entry.js +1 -0
  739. package/dist/siemens-ix/p-9362c304.entry.js +1 -0
  740. package/dist/siemens-ix/p-9586a886.entry.js +1 -0
  741. package/dist/siemens-ix/p-986142f0.entry.js +1 -0
  742. package/dist/siemens-ix/p-9907d408.entry.js +1 -0
  743. package/dist/siemens-ix/p-9b8f1bc7.entry.js +1 -0
  744. package/dist/siemens-ix/p-B5k8YVR0.js +1 -0
  745. package/dist/siemens-ix/p-BFUINhFM.js +1 -0
  746. package/dist/siemens-ix/p-BIe8Nw9M.js +1 -0
  747. package/dist/siemens-ix/p-BL9SR36X.js +1 -0
  748. package/dist/siemens-ix/p-BZApVtkF.js +1 -0
  749. package/dist/siemens-ix/p-BgL7Z4IG.js +1 -0
  750. package/dist/siemens-ix/p-Bxrgt3H_.js +1 -0
  751. package/dist/siemens-ix/p-C9HBQRMb.js +1 -0
  752. package/dist/siemens-ix/p-CM-NUHTW.js +1 -0
  753. package/dist/siemens-ix/p-CUbYLenp.js +1 -0
  754. package/dist/siemens-ix/p-CWlPNXA-.js +1 -0
  755. package/dist/siemens-ix/p-CWshStHZ.js +1 -0
  756. package/dist/siemens-ix/p-Ca5WUunf.js +2 -0
  757. package/dist/siemens-ix/p-CgOv_MV_.js +1 -0
  758. package/dist/siemens-ix/p-Cl7fhG1I.js +1 -0
  759. package/dist/siemens-ix/p-CoQiziG8.js +1 -0
  760. package/dist/siemens-ix/p-CxGywkh5.js +1 -0
  761. package/dist/siemens-ix/p-D148LCh1.js +1 -0
  762. package/dist/siemens-ix/{p-DSTYytot.js → p-D5rshXh5.js} +1 -1
  763. package/dist/siemens-ix/p-D6Wm2E-0.js +1 -0
  764. package/dist/siemens-ix/p-DIWED8Ls.js +1 -0
  765. package/dist/siemens-ix/p-DNIQ2C1K.js +1 -0
  766. package/dist/siemens-ix/p-DQuL1Twl.js +1 -0
  767. package/dist/siemens-ix/p-Djkc69iv.js +1 -0
  768. package/dist/siemens-ix/p-Dl_bUxb7.js +1 -0
  769. package/dist/siemens-ix/p-DnCbHs-d.js +1 -0
  770. package/dist/siemens-ix/p-DnaItyVQ.js +1 -0
  771. package/dist/siemens-ix/p-DuTDx0c-.js +1 -0
  772. package/dist/siemens-ix/p-Dx6rQdpk.js +1 -0
  773. package/dist/siemens-ix/p-DzWThpzp.js +1 -0
  774. package/dist/siemens-ix/p-GLcPX9PU.js +1 -0
  775. package/dist/siemens-ix/{p-pXYAoEyc.js → p-JJddxCCh.js} +1 -1
  776. package/dist/siemens-ix/p-XBTykBKS.js +1 -0
  777. package/dist/siemens-ix/p-Z4IKO1Dx.js +1 -0
  778. package/dist/siemens-ix/p-a44e8a8f.entry.js +1 -0
  779. package/dist/siemens-ix/p-a5d60068.entry.js +1 -0
  780. package/dist/siemens-ix/p-ae5569aa.entry.js +1 -0
  781. package/dist/siemens-ix/p-afa900f7.entry.js +1 -0
  782. package/dist/siemens-ix/p-b17053bc.entry.js +1 -0
  783. package/dist/siemens-ix/p-b1930204.entry.js +1 -0
  784. package/dist/siemens-ix/{p-d458b450.entry.js → p-b517c2e1.entry.js} +1 -1
  785. package/dist/siemens-ix/p-b96eabf7.entry.js +1 -0
  786. package/dist/siemens-ix/p-ba0eaaf5.entry.js +1 -0
  787. package/dist/siemens-ix/p-bd60b9fe.entry.js +1 -0
  788. package/dist/siemens-ix/p-bef76eac.entry.js +1 -0
  789. package/dist/siemens-ix/p-c350c5d0.entry.js +1 -0
  790. package/dist/siemens-ix/p-c56497da.entry.js +1 -0
  791. package/dist/siemens-ix/p-c78a5414.entry.js +1 -0
  792. package/dist/siemens-ix/p-c921c01b.entry.js +1 -0
  793. package/dist/siemens-ix/p-cb9f8b47.entry.js +1 -0
  794. package/dist/siemens-ix/p-d34c0c51.entry.js +1 -0
  795. package/dist/siemens-ix/p-d440cd94.entry.js +1 -0
  796. package/dist/siemens-ix/{p-2b559d4b.entry.js → p-d798773f.entry.js} +1 -1
  797. package/dist/siemens-ix/p-d8c99656.entry.js +1 -0
  798. package/dist/siemens-ix/p-da8840cc.entry.js +1 -0
  799. package/dist/siemens-ix/p-dd2b271e.entry.js +1 -0
  800. package/dist/siemens-ix/p-de79c9cf.entry.js +1 -0
  801. package/dist/siemens-ix/p-dedd5fc0.entry.js +1 -0
  802. package/dist/siemens-ix/p-df13643b.entry.js +1 -0
  803. package/dist/siemens-ix/p-df32a25c.entry.js +1 -0
  804. package/dist/siemens-ix/p-e09fcd95.entry.js +1 -0
  805. package/dist/siemens-ix/p-e316d8a5.entry.js +1 -0
  806. package/dist/siemens-ix/p-ea440d84.entry.js +1 -0
  807. package/dist/siemens-ix/p-ed2aea43.entry.js +1 -0
  808. package/dist/siemens-ix/p-edb738d9.entry.js +1 -0
  809. package/dist/siemens-ix/p-f107a580.entry.js +1 -0
  810. package/dist/siemens-ix/p-f847a799.entry.js +1 -0
  811. package/dist/siemens-ix/p-fcac86a5.entry.js +1 -0
  812. package/dist/siemens-ix/p-fpBGwEVT.js +1 -0
  813. package/dist/siemens-ix/p-jBB3q9qq.js +1 -0
  814. package/dist/siemens-ix/p-yAf8WIcn.js +1 -0
  815. package/dist/siemens-ix/siemens-ix-core.css +1 -1
  816. package/dist/siemens-ix/siemens-ix-standalone.css +1 -0
  817. package/dist/siemens-ix/siemens-ix.css +285 -988
  818. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  819. package/dist/siemens-ix/theme/classic-dark.css +1 -1
  820. package/dist/siemens-ix/theme/classic-light.css +1 -1
  821. package/dist/types/components/application/application.d.ts +8 -5
  822. package/dist/types/components/application-header/application-header.d.ts +0 -7
  823. package/dist/types/components/avatar/avatar.d.ts +60 -8
  824. package/dist/types/components/breadcrumb/breadcrumb.d.ts +29 -9
  825. package/dist/types/components/breadcrumb/breadcrumb.types.d.ts +9 -0
  826. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +42 -12
  827. package/dist/types/components/button/button.d.ts +31 -8
  828. package/dist/types/components/card-list/card-list.d.ts +8 -0
  829. package/dist/types/components/checkbox-group/checkbox-group.d.ts +2 -2
  830. package/dist/types/components/chip/chip.d.ts +48 -4
  831. package/dist/types/components/chip/chip.types.d.ts +2 -0
  832. package/dist/types/components/custom-field/custom-field.d.ts +2 -2
  833. package/dist/types/components/date-dropdown/date-dropdown.d.ts +18 -17
  834. package/dist/types/components/date-input/date-input.d.ts +18 -5
  835. package/dist/types/components/date-picker/date-picker.d.ts +62 -10
  836. package/dist/types/components/date-time-card/date-time-card.d.ts +4 -0
  837. package/dist/types/components/datetime-input/datetime-input.d.ts +210 -0
  838. package/dist/types/components/datetime-input/datetime-input.types.d.ts +3 -0
  839. package/dist/types/components/datetime-picker/datetime-picker.d.ts +32 -0
  840. package/dist/types/components/dropdown/dropdown-controller.d.ts +3 -2
  841. package/dist/types/components/dropdown/dropdown-focus.d.ts +20 -0
  842. package/dist/types/components/dropdown/dropdown.d.ts +109 -14
  843. package/dist/types/components/dropdown-button/dropdown-button.d.ts +82 -2
  844. package/dist/types/components/dropdown-item/dropdown-item.d.ts +55 -1
  845. package/dist/types/components/dropdown-item/dropdown-item.types.d.ts +1 -0
  846. package/dist/types/components/field-label/field-label.d.ts +3 -2
  847. package/dist/types/components/field-wrapper/field-wrapper.d.ts +39 -5
  848. package/dist/types/components/field-wrapper/helper-text-util.d.ts +11 -0
  849. package/dist/types/components/helper-text/helper-text.d.ts +2 -2
  850. package/dist/types/components/icon-button/icon-button.d.ts +31 -8
  851. package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +31 -8
  852. package/dist/types/components/layout-auto/layout-auto.d.ts +2 -2
  853. package/dist/types/components/menu/menu-expand-icon.d.ts +4 -5
  854. package/dist/types/components/menu/menu.d.ts +0 -11
  855. package/dist/types/components/menu-about/menu-about.d.ts +19 -6
  856. package/dist/types/components/menu-about-item/menu-about-item.d.ts +20 -1
  857. package/dist/types/components/menu-about-news/menu-about-news.d.ts +22 -1
  858. package/dist/types/components/menu-category/menu-category.d.ts +23 -4
  859. package/dist/types/components/menu-item/menu-item.d.ts +2 -0
  860. package/dist/types/components/menu-settings/menu-settings.d.ts +19 -6
  861. package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +21 -2
  862. package/dist/types/components/modal/modal.d.ts +6 -4
  863. package/dist/types/components/modal-header/modal-header.d.ts +2 -2
  864. package/dist/types/components/pill/pill.d.ts +16 -2
  865. package/dist/types/components/range-field/range-field.d.ts +34 -0
  866. package/dist/types/components/select/select.d.ts +82 -32
  867. package/dist/types/components/select/test/select-controller.d.ts +15 -0
  868. package/dist/types/components/select-item/select-item.d.ts +47 -7
  869. package/dist/types/components/slider/slider.d.ts +0 -6
  870. package/dist/types/components/split-button/split-button.d.ts +43 -8
  871. package/dist/types/components/tab-item/tab-item.d.ts +77 -15
  872. package/dist/types/components/tab-item/tab-item.types.d.ts +2 -1
  873. package/dist/types/components/tab-item/tab.mixin.d.ts +26 -0
  874. package/dist/types/components/tab-panel/tab-panel.d.ts +42 -0
  875. package/dist/types/components/tab-set/tab-set.d.ts +17 -0
  876. package/dist/types/components/tabs/tabs.d.ts +68 -58
  877. package/dist/types/components/time-input/time-input.d.ts +43 -6
  878. package/dist/types/components/time-picker/time-picker-column-values.d.ts +15 -0
  879. package/dist/types/components/time-picker/time-picker-compute-time.d.ts +6 -0
  880. package/dist/types/components/time-picker/time-picker-constraints.d.ts +16 -0
  881. package/dist/types/components/time-picker/time-picker-display.d.ts +6 -0
  882. package/dist/types/components/time-picker/time-picker-format.d.ts +13 -0
  883. package/dist/types/components/time-picker/time-picker-range.d.ts +11 -0
  884. package/dist/types/components/time-picker/time-picker-step-focus.d.ts +7 -0
  885. package/dist/types/components/time-picker/time-picker.d.ts +51 -9
  886. package/dist/types/components/time-picker/time-picker.types.d.ts +1 -0
  887. package/dist/types/components/toast/toast-container.d.ts +3 -11
  888. package/dist/types/components/toggle/toggle.d.ts +32 -1
  889. package/dist/types/components/toggle-button/toggle-button.d.ts +31 -6
  890. package/dist/types/components/tooltip/tooltip.d.ts +1 -1
  891. package/dist/types/components/tree/tree-model.d.ts +4 -0
  892. package/dist/types/components/tree-item/tree-item.d.ts +6 -0
  893. package/dist/types/components/upload/upload.d.ts +10 -4
  894. package/dist/types/components/utils/dependency-function.d.ts +16 -0
  895. package/dist/types/components/utils/event.d.ts +8 -0
  896. package/dist/types/components/utils/focus/detect-keyboard-mode.d.ts +5 -0
  897. package/dist/types/components/utils/focus/focus-proxy.d.ts +12 -0
  898. package/dist/types/components/utils/focus/focus-trap.d.ts +12 -0
  899. package/dist/types/components/utils/focus/focus-utilities.d.ts +32 -0
  900. package/dist/types/components/utils/input/index.d.ts +6 -2
  901. package/dist/types/components/utils/input/validation.d.ts +2 -2
  902. package/dist/types/components/utils/internal/component.d.ts +107 -2
  903. package/dist/types/components/utils/internal/index.d.ts +2 -1
  904. package/dist/types/components/utils/internal/mixins/accessibility/aria-activedescendant.mixin.d.ts +30 -0
  905. package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +25 -0
  906. package/dist/types/components/utils/internal/mixins/focus-visible.mixin.d.ts +33 -0
  907. package/dist/types/components/utils/internal/mixins/id.mixin.d.ts +22 -0
  908. package/dist/types/components/utils/internal/mixins/input/input-picker.mixin.d.ts +24 -0
  909. package/dist/types/components/utils/internal/mixins/setup.mixin.d.ts +31 -0
  910. package/dist/types/components/utils/luxon-datetime-format-masks.d.ts +13 -0
  911. package/dist/types/components/utils/make-ref.d.ts +1 -0
  912. package/dist/types/components/utils/menu-tabs/menu-tabs-utils.d.ts +0 -5
  913. package/dist/types/components/utils/modal/index.d.ts +2 -2
  914. package/dist/types/components/utils/modal/loading.d.ts +8 -7
  915. package/dist/types/components/utils/modal/message.d.ts +27 -27
  916. package/dist/types/components/utils/modal/modal.d.ts +9 -18
  917. package/dist/types/components/utils/overlay.d.ts +2 -2
  918. package/dist/types/components/utils/shadow-dom.d.ts +16 -0
  919. package/dist/types/components/utils/test/animejs.mock.d.ts +1 -0
  920. package/dist/types/components/utils/theme-switcher.d.ts +24 -22
  921. package/dist/types/components.d.ts +1192 -613
  922. package/dist/types/public-api.d.ts +5 -0
  923. package/dist/types/tests/utils/test/page.d.ts +7 -1
  924. package/hydrate/index.js +12689 -6438
  925. package/hydrate/index.mjs +12689 -6438
  926. package/package.json +13 -7
  927. package/scss/_core.scss +3 -45
  928. package/scss/_standalone.scss +45 -0
  929. package/scss/components/_table.scss +5 -1
  930. package/scss/ix-core.scss +0 -2
  931. package/{dist/collection/components/menu-settings-item/menu-settings-item.css → scss/ix-standalone.scss} +2 -5
  932. package/scss/legacy/components/_checkboxes.scss +1 -1
  933. package/scss/legacy/components/_dropdown.scss +1 -1
  934. package/scss/legacy/components/_forms.scss +1 -1
  935. package/scss/legacy/components/_modal.scss +1 -1
  936. package/scss/legacy/components/_radiobuttons.scss +1 -1
  937. package/scss/legacy/mixins/_fonts.scss +1 -1
  938. package/scss/mixins/shadow-dom/_focus-visible.scss +12 -0
  939. package/scss/theme/classic/dark/_index.scss +0 -1
  940. package/scss/theme/classic/dark/_variables.scss +40 -40
  941. package/scss/theme/classic/light/_index.scss +0 -1
  942. package/scss/theme/classic/light/_variables.scss +40 -40
  943. package/scss/theme/classic/theme.scss +22 -28
  944. package/scss/theme/core/components/button.scss +29 -29
  945. package/scss/theme/core/components/chip.scss +4 -4
  946. package/scss/theme/core/components/link.scss +2 -2
  947. package/scss/theme/core/components/tab.scss +4 -4
  948. package/components/ix-application-sidebar.js +0 -1
  949. package/components/ix-drawer.js +0 -1
  950. package/components/ix-input-group.js +0 -1
  951. package/components/ix-validation-tooltip.js +0 -1
  952. package/components/p-0oJ9dyRQ.js +0 -1
  953. package/components/p-9tuDiQEH.js +0 -1
  954. package/components/p-AHG5KaOt.js +0 -1
  955. package/components/p-B0gQmZW3.js +0 -1
  956. package/components/p-B81cFxT_.js +0 -1
  957. package/components/p-BAIdCBnK.js +0 -1
  958. package/components/p-BH3f5fa3.js +0 -1
  959. package/components/p-BKNhBo9h.js +0 -1
  960. package/components/p-BLaucX4x.js +0 -1
  961. package/components/p-BM_otpzy.js +0 -1
  962. package/components/p-BWHIcA46.js +0 -1
  963. package/components/p-BWRJteYa.js +0 -1
  964. package/components/p-BYACnsyo.js +0 -1
  965. package/components/p-BbN-BCaw.js +0 -1
  966. package/components/p-BdCnOrqW.js +0 -1
  967. package/components/p-BhgW5qDm.js +0 -1
  968. package/components/p-Bi1VyG64.js +0 -1
  969. package/components/p-BncjKdXL.js +0 -1
  970. package/components/p-Bo9ALIy0.js +0 -1
  971. package/components/p-BvFOMxgl.js +0 -1
  972. package/components/p-C9SfsAWb.js +0 -1
  973. package/components/p-CAqtPJ4-.js +0 -1
  974. package/components/p-CFRrPFxi.js +0 -1
  975. package/components/p-CMi1hdQj.js +0 -1
  976. package/components/p-CPz6ThvB.js +0 -1
  977. package/components/p-CS1HnwQr.js +0 -1
  978. package/components/p-CYMB75De.js +0 -1
  979. package/components/p-CZsAGuDS.js +0 -1
  980. package/components/p-C_3dz2Xl.js +0 -1
  981. package/components/p-C_6_Rh7K.js +0 -1
  982. package/components/p-Cce1kE8J.js +0 -1
  983. package/components/p-CdT1qV2I.js +0 -1
  984. package/components/p-Cgi0rnuQ.js +0 -1
  985. package/components/p-ChDWY0o5.js +0 -1
  986. package/components/p-CjFgf9s9.js +0 -1
  987. package/components/p-CkBQGLbj.js +0 -1
  988. package/components/p-ClVzB9MP.js +0 -1
  989. package/components/p-CsGkJrm6.js +0 -1
  990. package/components/p-CxWzccPV.js +0 -1
  991. package/components/p-D3K9vmFp.js +0 -1
  992. package/components/p-DAzBNVe7.js +0 -1
  993. package/components/p-DNJriU2G.js +0 -1
  994. package/components/p-DQgVT_uh.js +0 -1
  995. package/components/p-DaVdylP8.js +0 -1
  996. package/components/p-DnKEXwdz.js +0 -1
  997. package/components/p-DrsekPHj.js +0 -1
  998. package/components/p-IsTvRVoY.js +0 -1
  999. package/components/p-LoRL-toz.js +0 -1
  1000. package/components/p-MJm14Xlr.js +0 -1
  1001. package/components/p-VHuL40oZ.js +0 -1
  1002. package/components/p-WUp_O0u4.js +0 -1
  1003. package/components/p-bcj7UEIC.js +0 -1
  1004. package/components/p-gkooEHol.js +0 -1
  1005. package/components/p-mraQmnXA.js +0 -1
  1006. package/components/p-rBthI1EV.js +0 -1
  1007. package/components/p-t0v_1-tY.js +0 -1
  1008. package/components/p-unwtt2da.js +0 -1
  1009. package/components/p-xCBXKXNq.js +0 -1
  1010. package/components/p-xrAJuWDf.js +0 -1
  1011. package/dist/cjs/animation-D5wGQwTg.js +0 -100
  1012. package/dist/cjs/app-globals-Cu3bQGoC.js +0 -8
  1013. package/dist/cjs/find-element-D7yD1Ukn.js +0 -103
  1014. package/dist/cjs/focus-Cl8_98b5.js +0 -67
  1015. package/dist/cjs/ix-application-sidebar.cjs.entry.js +0 -42
  1016. package/dist/cjs/ix-drawer.cjs.entry.js +0 -166
  1017. package/dist/cjs/ix-dropdown-item.cjs.entry.js +0 -63
  1018. package/dist/cjs/ix-dropdown.cjs.entry.js +0 -436
  1019. package/dist/cjs/ix-input-group.cjs.entry.js +0 -129
  1020. package/dist/cjs/ix-menu-settings-B3zMjM3D.js +0 -128
  1021. package/dist/cjs/ix-pill.cjs.entry.js +0 -87
  1022. package/dist/cjs/ix-tab-item_2.cjs.entry.js +0 -495
  1023. package/dist/cjs/ix-time-picker.cjs.entry.js +0 -689
  1024. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +0 -156
  1025. package/dist/cjs/menu-service-CW0vT80Q.js +0 -83
  1026. package/dist/cjs/modal-BPMUkqrW.js +0 -289
  1027. package/dist/cjs/service-DuiJmf7R.js +0 -104
  1028. package/dist/cjs/setup-icNDj1cf.js +0 -31
  1029. package/dist/cjs/shadow-dom-DT01VwcB.js +0 -48
  1030. package/dist/cjs/theme-switcher-BfjZ3MX8.js +0 -175
  1031. package/dist/cjs/typed-event-DxWATHPL.js +0 -46
  1032. package/dist/collection/components/application-sidebar/application-sidebar.js +0 -68
  1033. package/dist/collection/components/application-sidebar/events.js +0 -14
  1034. package/dist/collection/components/drawer/drawer.js +0 -392
  1035. package/dist/collection/components/input-group/input-group.js +0 -152
  1036. package/dist/collection/components/menu-about-item/menu-about-item.css +0 -12
  1037. package/dist/collection/components/menu-category/enter-leave.js +0 -29
  1038. package/dist/collection/components/utils/menu-tabs/menu-tabs-fc.js +0 -32
  1039. package/dist/collection/components/validation-tooltip/validation-tooltip.css +0 -225
  1040. package/dist/collection/components/validation-tooltip/validation-tooltip.js +0 -251
  1041. package/dist/esm/animation-BLaucX4x.js +0 -98
  1042. package/dist/esm/app-globals-Ciii0tIL.js +0 -6
  1043. package/dist/esm/find-element-CFRrPFxi.js +0 -100
  1044. package/dist/esm/focus-BAKpVknt.js +0 -65
  1045. package/dist/esm/ix-application-sidebar.entry.js +0 -40
  1046. package/dist/esm/ix-drawer.entry.js +0 -164
  1047. package/dist/esm/ix-dropdown-item.entry.js +0 -61
  1048. package/dist/esm/ix-dropdown.entry.js +0 -434
  1049. package/dist/esm/ix-input-group.entry.js +0 -127
  1050. package/dist/esm/ix-menu-settings-BrtDbSQ1.js +0 -123
  1051. package/dist/esm/ix-pill.entry.js +0 -85
  1052. package/dist/esm/ix-tab-item_2.entry.js +0 -492
  1053. package/dist/esm/ix-time-picker.entry.js +0 -687
  1054. package/dist/esm/ix-validation-tooltip.entry.js +0 -154
  1055. package/dist/esm/menu-service-BMvtckRa.js +0 -81
  1056. package/dist/esm/modal-BJAcx3Qd.js +0 -281
  1057. package/dist/esm/service-Da0kv8hS.js +0 -102
  1058. package/dist/esm/setup-eUHKNfBC.js +0 -28
  1059. package/dist/esm/shadow-dom-i60z1FJC.js +0 -43
  1060. package/dist/esm/theme-switcher-CpQ8JvHL.js +0 -172
  1061. package/dist/esm/typed-event-BdCnOrqW.js +0 -44
  1062. package/dist/siemens-ix/p-01283ae6.entry.js +0 -1
  1063. package/dist/siemens-ix/p-048bcd80.entry.js +0 -1
  1064. package/dist/siemens-ix/p-05d31b79.entry.js +0 -1
  1065. package/dist/siemens-ix/p-086cadf8.entry.js +0 -1
  1066. package/dist/siemens-ix/p-18c9b87e.entry.js +0 -1
  1067. package/dist/siemens-ix/p-1b119c78.entry.js +0 -1
  1068. package/dist/siemens-ix/p-1cdd52bc.entry.js +0 -1
  1069. package/dist/siemens-ix/p-23df8fd9.entry.js +0 -1
  1070. package/dist/siemens-ix/p-2441d048.entry.js +0 -1
  1071. package/dist/siemens-ix/p-24947da1.entry.js +0 -1
  1072. package/dist/siemens-ix/p-2b155e81.entry.js +0 -1
  1073. package/dist/siemens-ix/p-2d817735.entry.js +0 -1
  1074. package/dist/siemens-ix/p-3190954f.entry.js +0 -1
  1075. package/dist/siemens-ix/p-359fd705.entry.js +0 -1
  1076. package/dist/siemens-ix/p-3950fb46.entry.js +0 -1
  1077. package/dist/siemens-ix/p-39bab003.entry.js +0 -1
  1078. package/dist/siemens-ix/p-41e6c15a.entry.js +0 -1
  1079. package/dist/siemens-ix/p-44ceb2c5.entry.js +0 -1
  1080. package/dist/siemens-ix/p-46992171.entry.js +0 -1
  1081. package/dist/siemens-ix/p-48f612e5.entry.js +0 -1
  1082. package/dist/siemens-ix/p-49394ea8.entry.js +0 -1
  1083. package/dist/siemens-ix/p-526f3a49.entry.js +0 -1
  1084. package/dist/siemens-ix/p-52edd3f5.entry.js +0 -1
  1085. package/dist/siemens-ix/p-555ee3b3.entry.js +0 -1
  1086. package/dist/siemens-ix/p-57c72eda.entry.js +0 -1
  1087. package/dist/siemens-ix/p-599176fb.entry.js +0 -1
  1088. package/dist/siemens-ix/p-5a69c9e8.entry.js +0 -1
  1089. package/dist/siemens-ix/p-5d1b7333.entry.js +0 -1
  1090. package/dist/siemens-ix/p-5dca1d52.entry.js +0 -1
  1091. package/dist/siemens-ix/p-5f471e1f.entry.js +0 -1
  1092. package/dist/siemens-ix/p-60f84e32.entry.js +0 -1
  1093. package/dist/siemens-ix/p-62156528.entry.js +0 -1
  1094. package/dist/siemens-ix/p-6525aed2.entry.js +0 -1
  1095. package/dist/siemens-ix/p-67eacb9b.entry.js +0 -1
  1096. package/dist/siemens-ix/p-6e6dd3b2.entry.js +0 -1
  1097. package/dist/siemens-ix/p-772b82bc.entry.js +0 -1
  1098. package/dist/siemens-ix/p-77940c84.entry.js +0 -1
  1099. package/dist/siemens-ix/p-7a50b7bc.entry.js +0 -1
  1100. package/dist/siemens-ix/p-7bd3643e.entry.js +0 -1
  1101. package/dist/siemens-ix/p-7c83069f.entry.js +0 -1
  1102. package/dist/siemens-ix/p-7c9f479c.entry.js +0 -1
  1103. package/dist/siemens-ix/p-80d52f41.entry.js +0 -1
  1104. package/dist/siemens-ix/p-83ebc68a.entry.js +0 -1
  1105. package/dist/siemens-ix/p-87ddae31.entry.js +0 -1
  1106. package/dist/siemens-ix/p-8a49d412.entry.js +0 -1
  1107. package/dist/siemens-ix/p-90afea9d.entry.js +0 -1
  1108. package/dist/siemens-ix/p-91b62848.entry.js +0 -1
  1109. package/dist/siemens-ix/p-9432d8bc.entry.js +0 -1
  1110. package/dist/siemens-ix/p-9502ad09.entry.js +0 -1
  1111. package/dist/siemens-ix/p-957439fa.entry.js +0 -1
  1112. package/dist/siemens-ix/p-963a2b1c.entry.js +0 -1
  1113. package/dist/siemens-ix/p-9987b6aa.entry.js +0 -1
  1114. package/dist/siemens-ix/p-9ab70f63.entry.js +0 -1
  1115. package/dist/siemens-ix/p-9b042e1e.entry.js +0 -1
  1116. package/dist/siemens-ix/p-9cc7b831.entry.js +0 -1
  1117. package/dist/siemens-ix/p-9cd5c8fd.entry.js +0 -1
  1118. package/dist/siemens-ix/p-9d26ab4c.entry.js +0 -1
  1119. package/dist/siemens-ix/p-9f22ba26.entry.js +0 -1
  1120. package/dist/siemens-ix/p-BBzEV-f4.js +0 -1
  1121. package/dist/siemens-ix/p-BEPo7U1W.js +0 -2
  1122. package/dist/siemens-ix/p-BH3f5fa3.js +0 -1
  1123. package/dist/siemens-ix/p-BLaucX4x.js +0 -1
  1124. package/dist/siemens-ix/p-BUNsXW03.js +0 -1
  1125. package/dist/siemens-ix/p-BXpulp6I.js +0 -1
  1126. package/dist/siemens-ix/p-BayAOLV_.js +0 -1
  1127. package/dist/siemens-ix/p-BdCnOrqW.js +0 -1
  1128. package/dist/siemens-ix/p-BhgW5qDm.js +0 -1
  1129. package/dist/siemens-ix/p-BncjKdXL.js +0 -1
  1130. package/dist/siemens-ix/p-BtTxCH_z.js +0 -1
  1131. package/dist/siemens-ix/p-BvFOMxgl.js +0 -1
  1132. package/dist/siemens-ix/p-C6fzB3UQ.js +0 -1
  1133. package/dist/siemens-ix/p-CAqtPJ4-.js +0 -1
  1134. package/dist/siemens-ix/p-CFRrPFxi.js +0 -1
  1135. package/dist/siemens-ix/p-CUWFODSd.js +0 -1
  1136. package/dist/siemens-ix/p-CZsAGuDS.js +0 -1
  1137. package/dist/siemens-ix/p-Cv_GwYyx.js +0 -1
  1138. package/dist/siemens-ix/p-D3K9vmFp.js +0 -1
  1139. package/dist/siemens-ix/p-DAzBNVe7.js +0 -1
  1140. package/dist/siemens-ix/p-DKTq7BLY.js +0 -1
  1141. package/dist/siemens-ix/p-EA1w1TTe.js +0 -1
  1142. package/dist/siemens-ix/p-GJWUiWDT.js +0 -1
  1143. package/dist/siemens-ix/p-Tgy1PBFv.js +0 -1
  1144. package/dist/siemens-ix/p-W85AQR46.js +0 -1
  1145. package/dist/siemens-ix/p-a2651024.entry.js +0 -1
  1146. package/dist/siemens-ix/p-a37cd269.entry.js +0 -1
  1147. package/dist/siemens-ix/p-a41f8be4.entry.js +0 -1
  1148. package/dist/siemens-ix/p-a91f7f14.entry.js +0 -1
  1149. package/dist/siemens-ix/p-aa36835f.entry.js +0 -1
  1150. package/dist/siemens-ix/p-ab9cbf10.entry.js +0 -1
  1151. package/dist/siemens-ix/p-ada8618e.entry.js +0 -1
  1152. package/dist/siemens-ix/p-ae55e8e6.entry.js +0 -1
  1153. package/dist/siemens-ix/p-b2bd816c.entry.js +0 -1
  1154. package/dist/siemens-ix/p-b41a3733.entry.js +0 -1
  1155. package/dist/siemens-ix/p-b6ae81a9.entry.js +0 -1
  1156. package/dist/siemens-ix/p-bafa90ed.entry.js +0 -1
  1157. package/dist/siemens-ix/p-bbcef047.entry.js +0 -1
  1158. package/dist/siemens-ix/p-bcj7UEIC.js +0 -1
  1159. package/dist/siemens-ix/p-c187909f.entry.js +0 -1
  1160. package/dist/siemens-ix/p-c94c1d45.entry.js +0 -1
  1161. package/dist/siemens-ix/p-ced4c721.entry.js +0 -1
  1162. package/dist/siemens-ix/p-d3ad73e1.entry.js +0 -1
  1163. package/dist/siemens-ix/p-d3afd82f.entry.js +0 -1
  1164. package/dist/siemens-ix/p-d7086b5a.entry.js +0 -1
  1165. package/dist/siemens-ix/p-d8bc930c.entry.js +0 -1
  1166. package/dist/siemens-ix/p-daadd1ae.entry.js +0 -1
  1167. package/dist/siemens-ix/p-dd3bb443.entry.js +0 -1
  1168. package/dist/siemens-ix/p-df0fc6d4.entry.js +0 -1
  1169. package/dist/siemens-ix/p-e09125fd.entry.js +0 -1
  1170. package/dist/siemens-ix/p-e1978224.entry.js +0 -1
  1171. package/dist/siemens-ix/p-e1c15a19.entry.js +0 -1
  1172. package/dist/siemens-ix/p-e91b7758.entry.js +0 -1
  1173. package/dist/siemens-ix/p-f75eab15.entry.js +0 -1
  1174. package/dist/siemens-ix/p-f7b73fa9.entry.js +0 -1
  1175. package/dist/siemens-ix/p-f8a078e5.entry.js +0 -1
  1176. package/dist/siemens-ix/p-faa0599d.entry.js +0 -1
  1177. package/dist/siemens-ix/p-fb077c75.entry.js +0 -1
  1178. package/dist/siemens-ix/p-fb52d56c.entry.js +0 -1
  1179. package/dist/siemens-ix/p-fb75665a.entry.js +0 -1
  1180. package/dist/siemens-ix/p-fce55dc2.entry.js +0 -1
  1181. package/dist/siemens-ix/p-fe1c3443.entry.js +0 -1
  1182. package/dist/siemens-ix/p-fe5f2f38.entry.js +0 -1
  1183. package/dist/siemens-ix/p-gkooEHol.js +0 -1
  1184. package/dist/siemens-ix/p-i60z1FJC.js +0 -1
  1185. package/dist/types/components/application-sidebar/application-sidebar.d.ts +0 -7
  1186. package/dist/types/components/application-sidebar/events.d.ts +0 -4
  1187. package/dist/types/components/drawer/drawer.d.ts +0 -62
  1188. package/dist/types/components/drawer/test/animejs.mock.d.ts +0 -0
  1189. package/dist/types/components/input-group/input-group.d.ts +0 -25
  1190. package/dist/types/components/menu-category/enter-leave.d.ts +0 -7
  1191. package/dist/types/components/utils/menu-tabs/menu-tabs-fc.d.ts +0 -8
  1192. package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +0 -46
  1193. /package/scss/{_common-variables.scss → misc/_common-variables.scss} +0 -0
  1194. /package/scss/{_normalize.scss → misc/_normalize.scss} +0 -0
  1195. /package/scss/{_z-index.scss → misc/_z-index.scss} +0 -0
package/dist/esm/ix-category-filter.entry.js CHANGED
@@ -1,12 +1,13 @@
1
- import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-BEPo7U1W.js';
2
- import { j as iconClear, k as iconSearch } from './index-BBzEV-f4.js';
3
- import { B as BaseButton } from './base-button-CV0w47z9.js';
4
- import { b as a11yHostAttributes } from './a11y-DAzBNVe7.js';
1
+ import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-Ca5WUunf.js';
2
+ import { l as iconClear, m as iconSearch } from './index-Cl7fhG1I.js';
3
+ import { B as BaseButton } from './base-button-hppF0uUM.js';
4
+ import { b as a11yHostAttributes } from './a11y-B5k8YVR0.js';
5
5
  import { a as addDisposableEventListener } from './disposable-event-listener-CKoABG1h.js';
6
- import { m as makeRef } from './make-ref-bcj7UEIC.js';
7
- import { L as LogicalFilterOperator, I as InputState } from './logical-filter-operator-BH3f5fa3.js';
6
+ import { m as makeRef } from './make-ref-Djkc69iv.js';
7
+ import { L as LogicalFilterOperator, I as InputState } from './logical-filter-operator-C9HBQRMb.js';
8
+ import { r as requestAnimationFrameNoNgZone } from './requestAnimationFrame-BEuV0Xpe.js';
8
9
 
9
- const categoryFilterCss = () => `:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host .btn-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary,:host .btn-tertiary.focus,:host .btn-tertiary:focus-visible{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary,:host .btn-subtle-primary.focus,:host .btn-subtle-primary:focus-visible{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary,:host .btn-subtle-secondary.focus,:host .btn-subtle-secondary:focus-visible{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary,:host .btn-subtle-tertiary.focus,:host .btn-subtle-tertiary:focus-visible{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary,:host .btn-danger-primary.focus,:host .btn-danger-primary:focus-visible{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary,:host .btn-danger-secondary.focus,:host .btn-danger-secondary:focus-visible{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary,:host .btn-danger-tertiary.focus,:host .btn-danger-tertiary:focus-visible{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);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}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height: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 .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container:not(.readonly):not(.no-icon)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.no-icon):-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}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill,:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon):disabled,:host .input-container:not(.readonly):not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly):not(.no-icon):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.no-icon):disabled::placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::placeholder{color:transparent}:host .input-container:not(.readonly).no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container:not(.readonly).no-icon[type=number]{text-align:right}:host .input-container:not(.readonly).no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly).no-icon:-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}:host .input-container:not(.readonly).no-icon:-webkit-autofill,:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon:disabled,:host .input-container:not(.readonly).no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly).no-icon:disabled::-moz-placeholder,:host .input-container:not(.readonly).no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly).no-icon:disabled::placeholder,:host .input-container:not(.readonly).no-icon.disabled::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container.readonly:not(.no-icon)[type=number]{text-align:right}:host .input-container.readonly:not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:not(.no-icon):-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}:host .input-container.readonly:not(.no-icon):-webkit-autofill,:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon):-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only,:host .input-container.readonly:not(.no-icon):read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only::-moz-placeholder,:host .input-container.readonly:not(.no-icon):read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):-moz-read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon).read-only::placeholder,:host .input-container.readonly:not(.no-icon):read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled,:host .input-container.readonly:not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly:not(.no-icon):disabled::-moz-placeholder,:host .input-container.readonly:not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled::placeholder,:host .input-container.readonly:not(.no-icon).disabled::placeholder{color:transparent}:host .input-container.readonly.no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container.readonly.no-icon[type=number]{text-align:right}:host .input-container.readonly.no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly.no-icon:-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}:host .input-container.readonly.no-icon:-webkit-autofill,:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only,:host .input-container.readonly.no-icon:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only::-moz-placeholder,:host .input-container.readonly.no-icon:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon.read-only::placeholder,:host .input-container.readonly.no-icon:read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled,:host .input-container.readonly.no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly.no-icon:disabled::-moz-placeholder,:host .input-container.readonly.no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled::placeholder,:host .input-container.readonly.no-icon.disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{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}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container{display:flex;height:auto;max-height:3.75rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;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 .text-input::-moz-placeholder{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;color:var(--theme-color-soft-text)}:host .text-input::placeholder{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;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}`;
10
+ const categoryFilterCss = () => `:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}:host{min-width:5rem}.dropdown-group{margin:0.687rem;display:block;position:relative;width:21.562rem;border-radius:0.25rem;background-color:#f8f9fa;border:solid 0.062rem rgba(0, 0, 0, 0.25)}.dropdown-group .dropdown-group-title{display:block;position:relative;font-size:0.875rem;text-align:left;margin:0.937rem 0 1.25rem 0.937rem}.dropdown-group .dropdown-group-content{position:relative;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:11.562rem;margin:0.937rem 0 0.937rem 0.937rem}.dropdown-group .dropdown-group-content>*{margin-bottom:1rem}.dropdown-group-submit{display:flex;justify-content:space-between;margin:0 0.687rem 0 0.687rem}.dropdown-menu{position:absolute;background-color:var(--theme-menu--background);border:var(--theme-menu--border-thickness) solid var(--theme-menu--border--color);border-radius:var(--theme-menu--border-radius);max-width:100vw;padding:0.25rem 0;transition:background-color var(--theme-default-time);box-shadow:var(--theme-menu--box-shadow);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}.dropdown-menu.xl>.dropdown-item{height:2.5rem;line-height:2.187rem}.dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dropdown-buttons{display:flex;padding:0.25rem 0.5rem}.dropdown-buttons ix-icon-button+ix-icon-button{margin-inline-start:0.5rem}.dropdown-item{display:flex;height:2.5rem;position:relative;align-items:center;cursor:pointer;padding:0 2rem;border:1px solid transparent;color:var(--theme-menu-item--color);background-color:transparent}.dropdown-item:focus-visible{background-color:var(--theme-menu-item--background);color:var(--theme-menu-item--color)}.dropdown-item:focus-visible{outline:none;background-color:var(--theme-menu-item--background);border-color:#119fff;color:var(--theme-menu-item--color--focus)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):hover,.dropdown-item:not(.disabled):not(:disabled).hover{color:var(--theme-menu-item--color--hover);background-color:var(--theme-menu-item--background--hover)}.dropdown-item:not(.disabled):not(:disabled){cursor:pointer}.dropdown-item:not(.disabled):not(:disabled):active,.dropdown-item:not(.disabled):not(:disabled).active{color:var(--theme-menu-item--color--active);background-color:var(--theme-menu-item--background--active)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--theme-menu-item--color--disabled);background-color:var(--theme-menu-item--background--disabled)}.dropdown-item>a,.dropdown-item a:hover,.dropdown-item a:active{color:var(--theme-color-std-text)}.dropdown-item>.glyph{color:var(--theme-menu-item-icon--color)}.dropdown-item>.glyph.disabled{color:var(--color-weak-text)}.dropdown-item>.glyph.glyph-single-check{color:var(--theme-menu-item-icon-check--color)}.dropdown-item>.glyph{margin-inline-end:0.5rem}.dropdown-item>input[type=checkbox]+label{margin-bottom:0px}.dropdown-item>input[type=checkbox]+label::before{margin-right:1rem}.dropdown-divider{border-top:1px solid var(--theme-menu-separator--background);margin:0.25rem 0}button.dropdown-toggle{position:relative;padding-right:1.5rem}button.dropdown-toggle::after{position:absolute;top:45%;right:0.5rem}:host{display:block;position:relative;height: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 .reset-button{position:absolute;top:0.25rem;right:0.25rem}:host .reset-button.hide-reset-button{display:none}:host .input-container:not(.readonly):not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container:not(.readonly):not(.no-icon)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.no-icon):-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}:host .input-container:not(.readonly):not(.no-icon):-webkit-autofill,:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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)}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.no-icon):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}:host .input-container:not(.readonly):not(.no-icon):disabled,:host .input-container:not(.readonly):not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly):not(.no-icon):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.no-icon):disabled::placeholder,:host .input-container:not(.readonly):not(.no-icon).disabled::placeholder{color:transparent}:host .input-container:not(.readonly).no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container:not(.readonly).no-icon[type=number]{text-align:right}:host .input-container:not(.readonly).no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly).no-icon:-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}:host .input-container:not(.readonly).no-icon:-webkit-autofill,:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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)}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly).no-icon: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}:host .input-container:not(.readonly).no-icon:disabled,:host .input-container:not(.readonly).no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container:not(.readonly).no-icon:disabled::-moz-placeholder,:host .input-container:not(.readonly).no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly).no-icon:disabled::placeholder,:host .input-container:not(.readonly).no-icon.disabled::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon){min-height:2rem;width:auto;padding:1px 1.5rem 1px 1.75rem;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}:host .input-container.readonly:not(.no-icon)[type=number]{text-align:right}:host .input-container.readonly:not(.no-icon)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:not(.no-icon):-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}:host .input-container.readonly:not(.no-icon):-webkit-autofill,:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon)::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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)}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly:not(.no-icon):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}:host .input-container.readonly:not(.no-icon):-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only,:host .input-container.readonly:not(.no-icon):read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly:not(.no-icon).read-only::-moz-placeholder,:host .input-container.readonly:not(.no-icon):read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):-moz-read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon).read-only::placeholder,:host .input-container.readonly:not(.no-icon):read-only::placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled,:host .input-container.readonly:not(.no-icon).disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly:not(.no-icon):disabled::-moz-placeholder,:host .input-container.readonly:not(.no-icon).disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:not(.no-icon):disabled::placeholder,:host .input-container.readonly:not(.no-icon).disabled::placeholder{color:transparent}:host .input-container.readonly.no-icon{min-height:2rem;width:auto;padding:1px 1.5rem 1px 0.25rem;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}:host .input-container.readonly.no-icon[type=number]{text-align:right}:host .input-container.readonly.no-icon[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly.no-icon:-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}:host .input-container.readonly.no-icon:-webkit-autofill,:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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)}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly.no-icon: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}:host .input-container.readonly.no-icon:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only,:host .input-container.readonly.no-icon:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}:host .input-container.readonly.no-icon.read-only::-moz-placeholder,:host .input-container.readonly.no-icon:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon.read-only::placeholder,:host .input-container.readonly.no-icon:read-only::placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled,:host .input-container.readonly.no-icon.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}:host .input-container.readonly.no-icon:disabled::-moz-placeholder,:host .input-container.readonly.no-icon.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly.no-icon:disabled::placeholder,:host .input-container.readonly.no-icon.disabled::placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):hover{border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-container:not(.readonly):not(.disabled).focus{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}:host .input-container.disabled{color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}:host .input-container{display:flex;height:auto;max-height:3.75rem}:host .token-container{flex-grow:1;overflow:hidden}:host .text-input{width:auto;height:1.75rem;min-height:1.5rem;background:transparent;flex-grow:1;box-shadow:none;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 .text-input::-moz-placeholder{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;color:var(--theme-color-soft-text)}:host .text-input::placeholder{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;color:var(--theme-color-soft-text)}:host .text-input,:host .text-input:hover,:host .text-input:focus,:host .text-input:focus-visible{border:none !important;outline:none !important}:host .text-input.hide-placeholder::-moz-placeholder{opacity:0}:host .text-input.hide-placeholder::placeholder{opacity:0}:host .list-unstyled{display:flex;flex-wrap:wrap;height:100%;overflow-y:auto}:host ix-icon{position:absolute;top:0.5rem;left:0.5rem}:host ix-filter-chip{margin-right:0.25rem}:host .category-preview{display:flex;align-items:center;height:1.5rem;background-color:var(--theme-bg-3);border-top-left-radius:1rem;border-bottom-left-radius:1rem;padding:0.5rem;margin:2px 0}:host ul{height:100%}:host .list-unstyled>span:not(.category-preview),:host input{padding-inline-start:0;padding-top:2px;padding-bottom:2px}:host ix-dropdown{min-width:10rem !important}:host ix-dropdown .dropdown-item-container{display:flex;flex-direction:column}:host ix-dropdown .dropdown-item-container .dropdown-item{height:2.5rem;margin:0.25rem 0.5rem;padding-inline:0.5rem;border:1px solid transparent;border-radius:100rem;width:auto;justify-content:flex-start;flex-grow:1;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-dropdown .dropdown-item-container .dropdown-item:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-color-focus-bdr)}:host ix-dropdown .dropdown-item-container .category-item{border-end-end-radius:0;border-start-end-radius:0}:host ix-dropdown .dropdown-item-container .category-item-value{border-start-start-radius:0;border-end-start-radius:0}:host ix-dropdown .btn-toggle-operator{width:2rem;height:2rem;margin-inline:0.5rem}:host .display-none{display:none}`;
10
11
 
11
12
  const CategoryFilter = class {
12
13
  constructor(hostRef) {
@@ -15,56 +16,130 @@ const CategoryFilter = class {
15
16
  this.inputChanged = createEvent(this, "inputChanged", 7);
16
17
  this.filterChanged = createEvent(this, "filterChanged", 7);
17
18
  this.filterCleared = createEvent(this, "filterCleared", 7);
18
- this.ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';
19
- this.textInput = makeRef();
20
- this.showDropdown = false;
21
- this.hasFocus = false;
22
- this.categoryLogicalOperator = LogicalFilterOperator.EQUAL;
23
- this.inputValue = '';
24
- this.category = '';
25
- this.filterTokens = [];
26
- /**
27
- * If true the filter will be in disabled state
28
- */
29
- this.disabled = false;
30
- /**
31
- * If true the filter will be in readonly mode
32
- */
33
- this.readonly = false;
34
- /**
35
- * In certain use cases some categories may not be available for selection anymore.
36
- * To allow proper display of set filters with these categories this ID to label mapping can be populated.
37
- *
38
- * Configuration object hash used to supply labels to the filter chips in the input field.
39
- * Each ID maps to a string representing the label to display.
40
- */
41
- this.nonSelectableCategories = {};
42
- /**
43
- * Allows to hide the icon inside the text input.
44
- * Defaults to false
45
- */
46
- this.hideIcon = false;
47
- /**
48
- * If set to true, prevents that a single category can be set more than once.
49
- * An already set category will not appear in the category dropdown if set to true.
50
- */
51
- this.uniqueCategories = false;
52
- /**
53
- * i18n
54
- */
55
- this.labelCategories = 'Categories';
56
- /**
57
- * i18n label for 'Filter by text'
58
- */
59
- this.i18nPlainText = 'Filter by text';
60
- /**
61
- * Enable Popover API rendering for dropdown.
62
- *
63
- * @default false
64
- * @since 4.3.0
65
- */
66
- this.enableTopLayer = false;
67
19
  }
20
+ ID_CUSTOM_FILTER_VALUE = 'CW_CUSTOM_FILTER_VALUE';
21
+ formKeyDownListener;
22
+ preventDefaultListener;
23
+ inputKeyDownListener;
24
+ focusInListener;
25
+ focusOutListener;
26
+ inputListener;
27
+ textInput = makeRef();
28
+ formElement;
29
+ isScrollStateDirty;
30
+ a11yAttributes;
31
+ get hostElement() { return getElement(this); }
32
+ showDropdown = false;
33
+ hasFocus = false;
34
+ categoryLogicalOperator = LogicalFilterOperator.EQUAL;
35
+ inputValue = '';
36
+ category = '';
37
+ filterTokens = [];
38
+ /**
39
+ * If true the filter will be in disabled state
40
+ */
41
+ disabled = false;
42
+ /**
43
+ * If true the filter will be in readonly mode
44
+ */
45
+ readonly = false;
46
+ /**
47
+ * A set of search criteria to populate the component with.
48
+ */
49
+ filterState;
50
+ /**
51
+ * Placeholder text to be displayed in an empty input field.
52
+ */
53
+ placeholder;
54
+ /**
55
+ * Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality.
56
+ * Each ID maps to an object with a label and an array of options to select from.
57
+ */
58
+ categories;
59
+ /**
60
+ * In certain use cases some categories may not be available for selection anymore.
61
+ * To allow proper display of set filters with these categories this ID to label mapping can be populated.
62
+ *
63
+ * Configuration object hash used to supply labels to the filter chips in the input field.
64
+ * Each ID maps to a string representing the label to display.
65
+ */
66
+ nonSelectableCategories = {};
67
+ /**
68
+ * A list of strings that will be supplied as type-ahead suggestions not tied to any categories.
69
+ */
70
+ suggestions;
71
+ /**
72
+ * The icon next to the actual text input
73
+ * Defaults to 'search'
74
+ */
75
+ icon;
76
+ /**
77
+ * Allows to hide the icon inside the text input.
78
+ * Defaults to false
79
+ */
80
+ hideIcon = false;
81
+ /**
82
+ * If set categories will always be filtered via the respective logical operator.
83
+ * Toggling of the operator will not be available to the user.
84
+ */
85
+ staticOperator;
86
+ /**
87
+ * If set to true, prevents that a single category can be set more than once.
88
+ * An already set category will not appear in the category dropdown if set to true.
89
+ */
90
+ uniqueCategories = false;
91
+ /**
92
+ * i18n
93
+ */
94
+ labelCategories = 'Categories';
95
+ /**
96
+ * i18n label for 'Filter by text'
97
+ */
98
+ i18nPlainText = 'Filter by text';
99
+ /**
100
+ * ARIA label for the reset button
101
+ * Will be set as aria-label on the nested HTML button element
102
+ *
103
+ * @since 3.2.0
104
+ */
105
+ ariaLabelResetButton;
106
+ /**
107
+ * ARIA label for the operator button
108
+ * Will be set as aria-label on the nested HTML button element
109
+ *
110
+ * @since 3.2.0
111
+ */
112
+ ariaLabelOperatorButton;
113
+ /**
114
+ * ARIA label for the filter input
115
+ * Will be set as aria-label on the nested HTML input element
116
+ *
117
+ * @since 3.2.0
118
+ */
119
+ ariaLabelFilterInput;
120
+ /**
121
+ * Enable Popover API rendering for dropdown.
122
+ *
123
+ * @default false
124
+ * @since 4.3.0
125
+ */
126
+ enableTopLayer = false;
127
+ /**
128
+ * Event dispatched whenever a category gets selected in the dropdown
129
+ */
130
+ categoryChanged;
131
+ /**
132
+ * Event dispatched whenever the text input changes.
133
+ */
134
+ inputChanged;
135
+ /**
136
+ * Event dispatched whenever the filter state changes.
137
+ */
138
+ filterChanged;
139
+ /**
140
+ * Event dispatched whenever the filter gets cleared.
141
+ */
142
+ filterCleared;
68
143
  get dropdown() {
69
144
  return this.hostElement.shadowRoot.querySelector('ix-dropdown');
70
145
  }
@@ -81,11 +156,10 @@ const CategoryFilter = class {
81
156
  this.hasFocus = false;
82
157
  }
83
158
  onInput() {
84
- var _a, _b, _c, _d;
85
- this.inputValue = (_c = (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '';
159
+ this.inputValue = this.textInput?.current?.value ?? '';
86
160
  const inputState = new InputState(this.inputValue, this.category);
87
161
  this.inputChanged.emit(inputState);
88
- if (!((_d = this.dropdown) === null || _d === void 0 ? void 0 : _d.show)) {
162
+ if (!this.dropdown?.show) {
89
163
  this.openDropdown();
90
164
  }
91
165
  }
@@ -93,7 +167,6 @@ const CategoryFilter = class {
93
167
  this.a11yAttributes = a11yHostAttributes(this.hostElement);
94
168
  }
95
169
  componentDidLoad() {
96
- var _a;
97
170
  setTimeout(() => {
98
171
  if (this.filterState !== undefined) {
99
172
  this.setFilterState(this.filterState);
@@ -103,7 +176,7 @@ const CategoryFilter = class {
103
176
  this.formKeyDownListener = addDisposableEventListener(this.formElement, 'keydown', ((e) => this.handleFormElementKeyDown(e)));
104
177
  this.preventDefaultListener = addDisposableEventListener(this.formElement, 'submit', this.preventDefault);
105
178
  }
106
- if (((_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) == null) {
179
+ if (this.textInput?.current == null) {
107
180
  console.warn('ix-category-filter - unable to add event listeners to native input element');
108
181
  return;
109
182
  }
@@ -139,11 +212,10 @@ const CategoryFilter = class {
139
212
  }
140
213
  }
141
214
  handleFormElementKeyDown(e) {
142
- var _a, _b, _c;
143
215
  switch (e.code) {
144
216
  case 'Enter':
145
217
  case 'NumpadEnter':
146
- if (!((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.classList.contains('dropdown-item'))) {
218
+ if (!document.activeElement?.classList.contains('dropdown-item')) {
147
219
  return;
148
220
  }
149
221
  const token = document.activeElement.getAttribute('data-id');
@@ -153,7 +225,7 @@ const CategoryFilter = class {
153
225
  if (this.hasCategorySelection()) {
154
226
  if (this.category !== '') {
155
227
  this.addToken(token, this.category);
156
- (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
228
+ this.textInput?.current?.focus();
157
229
  }
158
230
  else if (document.activeElement.classList.contains('category-item-id')) {
159
231
  this.selectCategory(token);
@@ -179,15 +251,13 @@ const CategoryFilter = class {
179
251
  }
180
252
  }
181
253
  focusPreviousItem() {
182
- var _a;
183
- const sibling = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.previousSibling;
254
+ const sibling = document.activeElement?.previousSibling;
184
255
  if (sibling instanceof HTMLElement) {
185
256
  sibling.focus();
186
257
  }
187
258
  }
188
259
  focusNextItem() {
189
- var _a;
190
- const sibling = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.nextSibling;
260
+ const sibling = document.activeElement?.nextSibling;
191
261
  if (sibling instanceof HTMLElement) {
192
262
  sibling.focus();
193
263
  }
@@ -201,26 +271,31 @@ const CategoryFilter = class {
201
271
  return false;
202
272
  }
203
273
  onArrowDown(e) {
204
- var _a;
205
274
  const baseSelector = `.category-item-${this.category !== '' ? 'value' : 'id'}`;
206
275
  const fallbackSelector = '.category-item';
276
+ if (!this.dropdown?.show) {
277
+ this.openDropdown();
278
+ requestAnimationFrameNoNgZone(() => this.focusElement('.dropdown-item'));
279
+ e.stopPropagation();
280
+ e.preventDefault();
281
+ return;
282
+ }
207
283
  if (this.focusElement(baseSelector)) {
208
284
  e.stopPropagation();
209
285
  return;
210
286
  }
211
- if (((_a = this.suggestions) === null || _a === void 0 ? void 0 : _a.length) && this.focusElement(fallbackSelector)) {
287
+ if (this.suggestions?.length && this.focusElement(fallbackSelector)) {
212
288
  e.stopPropagation();
213
289
  }
214
290
  }
215
291
  handleInputElementKeyDown(e) {
216
- var _a, _b;
217
292
  switch (e.code) {
218
293
  case 'ArrowDown': {
219
294
  this.onArrowDown(e);
220
295
  break;
221
296
  }
222
297
  case 'Backspace':
223
- if (((_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.value) !== '') {
298
+ if (this.textInput?.current?.value !== '') {
224
299
  return;
225
300
  }
226
301
  if (this.category !== '') {
@@ -251,7 +326,6 @@ const CategoryFilter = class {
251
326
  this.filterChanged.emit(filterState);
252
327
  }
253
328
  addToken(token, category = this.ID_CUSTOM_FILTER_VALUE, operator = this.categoryLogicalOperator, emitEvent = true) {
254
- var _a;
255
329
  if (token === undefined || token === null) {
256
330
  return;
257
331
  }
@@ -264,7 +338,7 @@ const CategoryFilter = class {
264
338
  }
265
339
  const pair = { id: category, value: newToken, operator };
266
340
  this.filterTokens = [...this.filterTokens, pair];
267
- if ((_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) {
341
+ if (this.textInput?.current) {
268
342
  this.textInput.current.value = '';
269
343
  }
270
344
  this.inputValue = '';
@@ -291,13 +365,12 @@ const CategoryFilter = class {
291
365
  return ids;
292
366
  }
293
367
  selectCategory(category) {
294
- var _a, _b, _c;
295
368
  this.category = category;
296
- if ((_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) {
369
+ if (this.textInput?.current) {
297
370
  this.textInput.current.value = '';
298
371
  }
299
372
  this.inputValue = '';
300
- (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
373
+ this.textInput?.current?.focus();
301
374
  this.categoryChanged.emit(category);
302
375
  }
303
376
  resetFilter(e) {
@@ -356,29 +429,30 @@ const CategoryFilter = class {
356
429
  }
357
430
  }
358
431
  getFilterChipLabel(value) {
359
- var _a, _b, _c, _d, _e;
360
432
  if (value.id === this.ID_CUSTOM_FILTER_VALUE) {
361
433
  return value.value;
362
434
  }
363
435
  const operatorString = value.operator === LogicalFilterOperator.EQUAL ? '=' : '!=';
364
- const label = (_e = (_c = (_b = (_a = this.categories) === null || _a === void 0 ? void 0 : _a[value.id]) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : (_d = this.nonSelectableCategories) === null || _d === void 0 ? void 0 : _d[value.id]) !== null && _e !== void 0 ? _e : value.id;
436
+ const label = this.categories?.[value.id]?.label ??
437
+ this.nonSelectableCategories?.[value.id] ??
438
+ value.id;
365
439
  return `${label} ${operatorString} ${value.value}`;
366
440
  }
367
441
  getFilteredSuggestions() {
368
- var _a, _b;
369
- if (!((_a = this.suggestions) === null || _a === void 0 ? void 0 : _a.length)) {
442
+ if (!this.suggestions?.length) {
370
443
  return [];
371
444
  }
372
- return (_b = this.suggestions) === null || _b === void 0 ? void 0 : _b.filter((value) => this.filterByInput(value)).filter((value) => this.filterDuplicateTokens(value));
445
+ return this.suggestions
446
+ ?.filter((value) => this.filterByInput(value))
447
+ .filter((value) => this.filterDuplicateTokens(value));
373
448
  }
374
449
  hasCategorySelection() {
375
450
  return this.categories !== undefined;
376
451
  }
377
452
  renderPlainSuggestions() {
378
453
  return (h("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (h("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => {
379
- var _a, _b;
380
454
  this.addToken(suggestion);
381
- (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
455
+ this.textInput?.current?.focus();
382
456
  }, key: suggestion, title: suggestion }, suggestion)))));
383
457
  }
384
458
  renderOperatorButton() {
@@ -404,7 +478,7 @@ const CategoryFilter = class {
404
478
  },
405
479
  ariaAttributes: { 'aria-label': this.ariaLabelOperatorButton },
406
480
  };
407
- return (h(BaseButton, Object.assign({}, params), this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL
481
+ return (h(BaseButton, { ...params }, this.categoryLogicalOperator === LogicalFilterOperator.NOT_EQUAL
408
482
  ? '='
409
483
  : '!='));
410
484
  }
@@ -419,17 +493,17 @@ const CategoryFilter = class {
419
493
  return `${operator === LogicalFilterOperator.EQUAL ? '=' : '!='} `;
420
494
  }
421
495
  renderCategoryValues() {
422
- var _a, _b;
423
496
  if (this.categories === undefined) {
424
497
  return;
425
498
  }
426
- return (h("div", { class: "dropdown-item-container" }, this.renderOperatorButton(), h("div", { class: "dropdown-header" }, (_a = this.categories[this.category]) === null || _a === void 0 ? void 0 : _a.label), (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 :
427
- _b.options.filter((value) => this.filterByInput(value)).filter((value) => this.filterDuplicateTokens(value)).map((id) => (h("button", { class: "dropdown-item category-item-value", "data-id": id, title: id, key: id, onClick: (e) => {
428
- var _a, _b;
429
- e.preventDefault();
430
- this.addToken(id, this.category);
431
- (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
432
- } }, `${this.getFilterOperatorString()} ${id}`)))));
499
+ return (h("div", { class: "dropdown-item-container" }, this.renderOperatorButton(), h("div", { class: "dropdown-header" }, this.categories[this.category]?.label), this.categories[this.category]?.options
500
+ .filter((value) => this.filterByInput(value))
501
+ .filter((value) => this.filterDuplicateTokens(value))
502
+ .map((id) => (h("button", { class: "dropdown-item category-item-value", "data-id": id, title: id, key: id, onClick: (e) => {
503
+ e.preventDefault();
504
+ this.addToken(id, this.category);
505
+ this.textInput?.current?.focus();
506
+ } }, `${this.getFilterOperatorString()} ${id}`)))));
433
507
  }
434
508
  renderDropdownContent() {
435
509
  if (this.hasCategorySelection()) {
@@ -444,14 +518,13 @@ const CategoryFilter = class {
444
518
  return this.renderPlainSuggestions();
445
519
  }
446
520
  renderCategorySelection() {
447
- var _a;
448
- return (h("div", { class: "dropdown-item-container" }, (_a = this.getCategoryIds()) === null || _a === void 0 ? void 0 : _a.filter((id) => this.categories && this.filterByInput(this.categories[id].label)).filter((id) => this.filterMultiples(id)).map((id) => {
449
- var _a, _b, _c, _d;
450
- return (h("button", { class: "dropdown-item category-item category-item-id", "data-id": id, title: (_b = (_a = this.categories) === null || _a === void 0 ? void 0 : _a[id]) === null || _b === void 0 ? void 0 : _b.label, key: id, onClick: (e) => {
451
- e.preventDefault();
452
- this.selectCategory(id);
453
- }, tabindex: "0" }, (_d = (_c = this.categories) === null || _c === void 0 ? void 0 : _c[id]) === null || _d === void 0 ? void 0 : _d.label));
454
- })));
521
+ return (h("div", { class: "dropdown-item-container" }, this.getCategoryIds()
522
+ ?.filter((id) => this.categories && this.filterByInput(this.categories[id].label))
523
+ .filter((id) => this.filterMultiples(id))
524
+ .map((id) => (h("button", { class: "dropdown-item category-item category-item-id", "data-id": id, title: this.categories?.[id]?.label, key: id, onClick: (e) => {
525
+ e.preventDefault();
526
+ this.selectCategory(id);
527
+ }, tabindex: "0" }, this.categories?.[id]?.label)))));
455
528
  }
456
529
  getDropdownHeader() {
457
530
  if (this.categories !== undefined) {
@@ -465,14 +538,12 @@ const CategoryFilter = class {
465
538
  return this.i18nPlainText;
466
539
  }
467
540
  componentDidRender() {
468
- var _a, _b;
469
541
  if (this.isScrollStateDirty) {
470
- (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.scrollIntoView();
542
+ this.textInput?.current?.scrollIntoView();
471
543
  this.isScrollStateDirty = false;
472
544
  }
473
545
  }
474
546
  disconnectedCallback() {
475
- var _a;
476
547
  if (this.preventDefaultListener) {
477
548
  this.preventDefaultListener();
478
549
  }
@@ -480,7 +551,7 @@ const CategoryFilter = class {
480
551
  this.formKeyDownListener();
481
552
  }
482
553
  if (this.inputKeyDownListener) {
483
- (_a = this.inputKeyDownListener) === null || _a === void 0 ? void 0 : _a.call(this);
554
+ this.inputKeyDownListener?.();
484
555
  }
485
556
  if (this.focusInListener) {
486
557
  this.focusInListener();
@@ -508,25 +579,23 @@ const CategoryFilter = class {
508
579
  return 'color-primary';
509
580
  }
510
581
  render() {
511
- var _a, _b, _c;
512
- return (h(Host, { key: 'c9e7bdba1b9a6c9c368ff11d40ccf41883cc7d6d' }, h("form", { key: '1201a3a234a4c1c49f7897f1461dc9dcc7974c08', ref: (el) => (this.formElement = el) }, h("div", { key: 'f6330fac3e425656ec2e3c1511edd822c091829e', "read-only": this.readonly, class: {
582
+ return (h(Host, { key: 'c73d0e566104b724e94d5126d32d6d3dd9020723' }, h("form", { key: 'c0ca80946c151d79cc1e7133c6d81722e4edc443', ref: (el) => (this.formElement = el) }, h("div", { key: 'e3279f329d8d75d6927e237927d45b12c61ba902', "read-only": this.readonly, class: {
513
583
  'input-container': true,
514
584
  disabled: this.disabled,
515
585
  focus: this.hasFocus,
516
586
  readonly: this.readonly,
517
587
  'no-icon': this.hideIcon,
518
- } }, h("ix-icon", { key: 'dd3ba3a48b05fc1ac46e631c133fc58c0bd8b5bc', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), h("div", { key: 'cb89410ee85d600ba5eb8708f635f1fb7324673d', class: "token-container" }, h("div", { key: 'b8b053df9ef5d6ac9db6a0e0c39d231943f7a96e', class: "list-unstyled" }, this.filterTokens.map((value, index) => (h("span", { key: value.toString(), class: {
588
+ } }, h("ix-icon", { key: '1a674e8c6c2d3a2422007281d3bde814018778d3', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: this.icon ?? iconSearch, size: "16" }), h("div", { key: '31860c9a24615800bfef45f36cafeefef9ceca3e', class: "token-container" }, h("div", { key: 'a049e7e8b4efdb7ea0e4aa9faa57c95e8d6efe41', class: "list-unstyled" }, this.filterTokens.map((value, index) => (h("span", { key: value.toString(), class: {
519
589
  animate__animated: true,
520
590
  animate__fadein: true,
521
591
  } }, h("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (h("span", { class: {
522
592
  'category-preview': true,
523
593
  'display-none': this.category === '',
524
- } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), h("input", Object.assign({ key: 'e589a93dc007d179d555e65fe655bb89d37f9e0a', class: {
594
+ } }, this.categories[this.category]?.label)), h("input", { key: 'b27adcc9da01d9a20064c8166d35d66107ba28ac', class: {
525
595
  'text-input': true,
526
596
  'hide-placeholder': this.readonly || this.disabled || this.category !== '',
527
- }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder }, this.a11yAttributes, { "aria-label": this.ariaLabelFilterInput })))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (h("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: (_c = this.textInput) === null || _c === void 0 ? void 0 : _c.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader(), enableTopLayer: this.enableTopLayer }, this.renderDropdownContent()))));
597
+ }, autocomplete: "off", name: "category-filter-input", disabled: this.disabled, readonly: this.readonly, ref: this.textInput, type: "text", placeholder: this.placeholder, ...this.a11yAttributes, "aria-label": this.ariaLabelFilterInput }))), !this.readonly && !this.disabled && this.getResetButton())), this.disabled || this.readonly ? ('') : (h("ix-dropdown", { show: this.showDropdown, closeBehavior: "outside", offset: { mainAxis: 2 }, anchor: this.textInput?.waitForCurrent(), trigger: this.hostElement, header: this.getDropdownHeader(), enableTopLayer: this.enableTopLayer }, this.renderDropdownContent()))));
528
598
  }
529
- get hostElement() { return getElement(this); }
530
599
  static get watchers() { return {
531
600
  "filterState": [{
532
601
  "watchFilterState": 0