@siemens/ix 4.0.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (735) hide show
  1. package/components/ix-action-card.js +1 -1
  2. package/components/ix-application-header.js +5 -5
  3. package/components/ix-application-switch-modal.js +5 -5
  4. package/components/ix-avatar.js +1 -1
  5. package/components/ix-blind.js +1 -1
  6. package/components/ix-breadcrumb-item.js +1 -1
  7. package/components/ix-breadcrumb.js +4 -4
  8. package/components/ix-button.js +1 -1
  9. package/components/ix-card-list.js +4 -4
  10. package/components/ix-category-filter.js +18 -12
  11. package/components/ix-category-filter.js.map +1 -1
  12. package/components/ix-checkbox-group.js +4 -4
  13. package/components/ix-checkbox.js +1 -1
  14. package/components/ix-chip.js +4 -4
  15. package/components/ix-content-header.js +3 -3
  16. package/components/ix-custom-field.js +4 -4
  17. package/components/ix-date-dropdown.js +9 -9
  18. package/components/ix-date-input.js +30 -14
  19. package/components/ix-date-input.js.map +1 -1
  20. package/components/ix-date-picker.js +1 -1
  21. package/components/ix-date-time-card.js +1 -1
  22. package/components/ix-datetime-picker.js +12 -12
  23. package/components/ix-datetime-picker.js.map +1 -1
  24. package/components/ix-divider.js +1 -1
  25. package/components/ix-drawer.js +7 -7
  26. package/components/ix-dropdown-button.js +7 -7
  27. package/components/ix-dropdown-header.js +2 -2
  28. package/components/ix-dropdown-item.js +1 -1
  29. package/components/ix-dropdown-quick-actions.js +1 -1
  30. package/components/ix-dropdown.js +1 -1
  31. package/components/ix-empty-state.js +4 -4
  32. package/components/ix-event-list-item.js +4 -4
  33. package/components/ix-event-list.js +2 -2
  34. package/components/ix-expanding-search.js +6 -6
  35. package/components/ix-field-label.js +1 -1
  36. package/components/ix-field-wrapper.js +1 -1
  37. package/components/ix-filter-chip.js +1 -1
  38. package/components/ix-flip-tile-content.js +1 -1
  39. package/components/ix-flip-tile.js +5 -5
  40. package/components/ix-group-context-menu.js +1 -1
  41. package/components/ix-group.js +11 -11
  42. package/components/ix-helper-text.js +3 -3
  43. package/components/ix-icon-button.js +1 -1
  44. package/components/ix-icon-toggle-button.js +2 -2
  45. package/components/ix-input-group.js +1 -1
  46. package/components/ix-input.js +23 -12
  47. package/components/ix-input.js.map +1 -1
  48. package/components/ix-key-value-list.js +1 -1
  49. package/components/ix-key-value.js +1 -1
  50. package/components/ix-kpi.js +3 -3
  51. package/components/ix-layout-auto.js +1 -1
  52. package/components/ix-layout-grid.js +1 -1
  53. package/components/ix-link-button.js +4 -4
  54. package/components/ix-link-button.js.map +1 -1
  55. package/components/ix-menu-about-item.js +1 -1
  56. package/components/ix-menu-about-news.js +8 -8
  57. package/components/ix-menu-about.js +10 -8
  58. package/components/ix-menu-about.js.map +1 -1
  59. package/components/ix-menu-avatar-item.js +1 -1
  60. package/components/ix-menu-avatar.js +10 -10
  61. package/components/ix-menu-category.js +11 -11
  62. package/components/ix-menu-expand-icon.js +1 -1
  63. package/components/ix-menu-item.js +1 -1
  64. package/components/ix-menu-settings-item.js +1 -1
  65. package/components/ix-menu-settings.js +1 -1
  66. package/components/ix-menu.js +18 -18
  67. package/components/ix-message-bar.js +3 -3
  68. package/components/ix-modal-content.js +1 -1
  69. package/components/ix-modal-footer.js +1 -1
  70. package/components/ix-modal-header.js +1 -1
  71. package/components/ix-modal-loading.js +2 -2
  72. package/components/ix-modal.js +3 -3
  73. package/components/ix-number-input.js +169 -36
  74. package/components/ix-number-input.js.map +1 -1
  75. package/components/ix-pagination.js +42 -19
  76. package/components/ix-pagination.js.map +1 -1
  77. package/components/ix-pane-layout.js +1 -1
  78. package/components/ix-pane.js +9 -9
  79. package/components/ix-pill.js +6 -6
  80. package/components/ix-progress-indicator.js +5 -5
  81. package/components/ix-push-card.js +2 -2
  82. package/components/ix-radio-group.js +6 -6
  83. package/components/ix-radio.js +4 -4
  84. package/components/ix-row.js +1 -1
  85. package/components/ix-select-item.js +1 -1
  86. package/components/ix-select.js +1 -1
  87. package/components/ix-slider.js +8 -8
  88. package/components/ix-spinner.js +1 -1
  89. package/components/ix-split-button.js +30 -16
  90. package/components/ix-split-button.js.map +1 -1
  91. package/components/ix-tab-item.js +1 -1
  92. package/components/ix-tabs.js +1 -1
  93. package/components/ix-textarea.js +7 -7
  94. package/components/ix-tile.js +4 -4
  95. package/components/ix-time-input.js +31 -15
  96. package/components/ix-time-input.js.map +1 -1
  97. package/components/ix-time-picker.js +1 -1
  98. package/components/ix-toast-container.js +6 -6
  99. package/components/ix-toast.js +1 -1
  100. package/components/ix-toggle-button.js +1 -1
  101. package/components/ix-toggle.js +4 -4
  102. package/components/ix-tooltip.js +1 -1
  103. package/components/ix-tree-item.js +1 -1
  104. package/components/ix-tree.js +2 -2
  105. package/components/ix-typography.js +1 -1
  106. package/components/ix-upload.js +5 -5
  107. package/components/ix-validation-tooltip.js +2 -2
  108. package/components/ix-workflow-step.js +3 -3
  109. package/components/ix-workflow-steps.js +1 -1
  110. package/components/{p-ChZQLy9v.js → p-10zMtvCF.js} +4 -4
  111. package/components/{p-ChZQLy9v.js.map → p-10zMtvCF.js.map} +1 -1
  112. package/components/{p-D8hPr0Kb.js → p-1pd_0dhF.js} +3 -3
  113. package/components/{p-D8hPr0Kb.js.map → p-1pd_0dhF.js.map} +1 -1
  114. package/components/{p-axBTucsn.js → p-B006bhbX.js} +3 -3
  115. package/components/{p-axBTucsn.js.map → p-B006bhbX.js.map} +1 -1
  116. package/components/{p-B-mB5dVY.js → p-BBwXlKhE.js} +3 -3
  117. package/components/{p-B-mB5dVY.js.map → p-BBwXlKhE.js.map} +1 -1
  118. package/components/{p-DInJFFDT.js → p-BEDohapR.js} +4 -4
  119. package/components/{p-DInJFFDT.js.map → p-BEDohapR.js.map} +1 -1
  120. package/components/{p-DkDGUG2W.js → p-BI7B-PUA.js} +4 -4
  121. package/components/{p-DkDGUG2W.js.map → p-BI7B-PUA.js.map} +1 -1
  122. package/components/{p-DvD1nW88.js → p-BLeWaHpy.js} +5 -5
  123. package/components/{p-DvD1nW88.js.map → p-BLeWaHpy.js.map} +1 -1
  124. package/components/{p-CFDRGf6r.js → p-BR5ayBuu.js} +3 -3
  125. package/components/{p-CFDRGf6r.js.map → p-BR5ayBuu.js.map} +1 -1
  126. package/components/{p-Cj9oZ8ym.js → p-BVUD9f4A.js} +8 -8
  127. package/components/{p-Cj9oZ8ym.js.map → p-BVUD9f4A.js.map} +1 -1
  128. package/components/{p-CvuFiT5X.js → p-BZLbfHdO.js} +66 -25
  129. package/components/p-BZLbfHdO.js.map +1 -0
  130. package/components/{p-BHcP7TVn.js → p-Bk0vKwmt.js} +4 -4
  131. package/components/{p-BHcP7TVn.js.map → p-Bk0vKwmt.js.map} +1 -1
  132. package/components/{p-GPVWLtS3.js → p-Bye33cYU.js} +7 -7
  133. package/components/{p-GPVWLtS3.js.map → p-Bye33cYU.js.map} +1 -1
  134. package/components/{p-4kEXJDiJ.js → p-Bz7hxKB6.js} +4 -4
  135. package/components/{p-4kEXJDiJ.js.map → p-Bz7hxKB6.js.map} +1 -1
  136. package/components/{p-D6KzHh-w.js → p-C4KxNeD2.js} +3 -3
  137. package/components/{p-D6KzHh-w.js.map → p-C4KxNeD2.js.map} +1 -1
  138. package/components/{p-DWRnKXkl.js → p-C6_1qmP4.js} +3 -3
  139. package/components/{p-DWRnKXkl.js.map → p-C6_1qmP4.js.map} +1 -1
  140. package/components/{p-OLe05BAC.js → p-COWPG_SD.js} +3 -3
  141. package/components/p-COWPG_SD.js.map +1 -0
  142. package/components/{p-C56HnkHy.js → p-Cc4uqNv5.js} +18 -11
  143. package/components/p-Cc4uqNv5.js.map +1 -0
  144. package/components/{p-FWLjfP4_.js → p-CjDPpSJX.js} +13 -13
  145. package/components/p-CjDPpSJX.js.map +1 -0
  146. package/components/{p-DkKuaBAh.js → p-ClQxnZ3d.js} +6 -6
  147. package/components/{p-DkKuaBAh.js.map → p-ClQxnZ3d.js.map} +1 -1
  148. package/components/{p-CL7Uj2A_.js → p-ColBHyXN.js} +5 -5
  149. package/components/{p-CL7Uj2A_.js.map → p-ColBHyXN.js.map} +1 -1
  150. package/components/{p-ChFNWyCb.js → p-CrqgL2m1.js} +8 -4
  151. package/components/p-CrqgL2m1.js.map +1 -0
  152. package/components/{p-De0habf3.js → p-CvD2yWeJ.js} +4 -4
  153. package/components/{p-De0habf3.js.map → p-CvD2yWeJ.js.map} +1 -1
  154. package/components/{p-B1sSJ2R2.js → p-DC9anobw.js} +6 -6
  155. package/components/{p-B1sSJ2R2.js.map → p-DC9anobw.js.map} +1 -1
  156. package/components/{p-BTR8UA6s.js → p-DSTHZygb.js} +8 -8
  157. package/components/{p-BTR8UA6s.js.map → p-DSTHZygb.js.map} +1 -1
  158. package/components/{p-Ow_osSm5.js → p-DXFN8JXp.js} +20 -9
  159. package/components/p-DXFN8JXp.js.map +1 -0
  160. package/components/{p-BtDCIGt3.js → p-Db0RazS2.js} +3 -3
  161. package/components/{p-BtDCIGt3.js.map → p-Db0RazS2.js.map} +1 -1
  162. package/components/{p-DTo0UW1Q.js → p-DlVaL0Yi.js} +7 -7
  163. package/components/{p-DTo0UW1Q.js.map → p-DlVaL0Yi.js.map} +1 -1
  164. package/components/{p-LVGd1t9U.js → p-Dp03DeD0.js} +5 -5
  165. package/components/{p-LVGd1t9U.js.map → p-Dp03DeD0.js.map} +1 -1
  166. package/components/{p-CMC0yuht.js → p-Dy6xvLn4.js} +4 -4
  167. package/components/{p-CMC0yuht.js.map → p-Dy6xvLn4.js.map} +1 -1
  168. package/components/{p-BAG4Ixzu.js → p-DyGPjxFm.js} +5 -5
  169. package/components/{p-BAG4Ixzu.js.map → p-DyGPjxFm.js.map} +1 -1
  170. package/components/{p-CwFNYtOl.js → p-PpLLlogo.js} +5 -5
  171. package/components/{p-CwFNYtOl.js.map → p-PpLLlogo.js.map} +1 -1
  172. package/components/{p-S6nC3Yb4.js → p-g2Y5blor.js} +68 -43
  173. package/components/p-g2Y5blor.js.map +1 -0
  174. package/components/{p-CDPfohEH.js → p-kJlC6ZD0.js} +62 -41
  175. package/components/p-kJlC6ZD0.js.map +1 -0
  176. package/dist/cjs/{helper-text-util-BlElJLxk.js → helper-text-util-D2W-yNmK.js} +8 -4
  177. package/dist/cjs/helper-text-util-D2W-yNmK.js.map +1 -0
  178. package/dist/cjs/{input.util-4AhBphgX.js → input.fc-B5JMSZbY.js} +68 -42
  179. package/dist/cjs/input.fc-B5JMSZbY.js.map +1 -0
  180. package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
  181. package/dist/cjs/ix-category-filter.cjs.entry.js +14 -8
  182. package/dist/cjs/ix-category-filter.entry.cjs.js.map +1 -1
  183. package/dist/cjs/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.cjs.js.map +1 -1
  184. package/dist/cjs/ix-col_4.cjs.entry.js +9 -9
  185. package/dist/cjs/ix-date-input.cjs.entry.js +22 -8
  186. package/dist/cjs/ix-date-input.entry.cjs.js.map +1 -1
  187. package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
  188. package/dist/cjs/ix-date-time-card.entry.cjs.js.map +1 -1
  189. package/dist/cjs/ix-datetime-picker.cjs.entry.js +2 -2
  190. package/dist/cjs/ix-datetime-picker.entry.cjs.js.map +1 -1
  191. package/dist/cjs/ix-divider.cjs.entry.js +1 -1
  192. package/dist/cjs/ix-drawer.cjs.entry.js +5 -5
  193. package/dist/cjs/ix-dropdown-button.cjs.entry.js +3 -3
  194. package/dist/cjs/ix-dropdown-header.cjs.entry.js +1 -1
  195. package/dist/cjs/ix-dropdown-item.cjs.entry.js +3 -3
  196. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
  197. package/dist/cjs/ix-dropdown.cjs.entry.js +2 -2
  198. package/dist/cjs/ix-empty-state.cjs.entry.js +1 -1
  199. package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
  200. package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
  201. package/dist/cjs/ix-expanding-search.cjs.entry.js +4 -4
  202. package/dist/cjs/ix-field-label_2.cjs.entry.js +4 -4
  203. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
  204. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
  205. package/dist/cjs/ix-flip-tile.cjs.entry.js +3 -3
  206. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
  207. package/dist/cjs/ix-group.cjs.entry.js +8 -8
  208. package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
  209. package/dist/cjs/ix-icon-button_2.cjs.entry.js +2 -2
  210. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +1 -1
  211. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  212. package/dist/cjs/ix-input.cjs.entry.js +20 -11
  213. package/dist/cjs/ix-input.entry.cjs.js.map +1 -1
  214. package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
  215. package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
  216. package/dist/cjs/ix-kpi.cjs.entry.js +3 -3
  217. package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
  218. package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
  219. package/dist/cjs/ix-link-button.entry.cjs.js.map +1 -1
  220. package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
  221. package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
  222. package/dist/cjs/ix-menu-about.cjs.entry.js +6 -4
  223. package/dist/cjs/ix-menu-about.entry.cjs.js.map +1 -1
  224. package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
  225. package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
  226. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
  227. package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
  228. package/dist/cjs/{ix-menu-settings-Cdqo0r8E.js → ix-menu-settings-CtWl0bME.js} +14 -7
  229. package/dist/cjs/ix-menu-settings-CtWl0bME.js.map +1 -0
  230. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
  231. package/dist/cjs/ix-menu-settings.cjs.entry.js +1 -1
  232. package/dist/cjs/ix-menu.cjs.entry.js +12 -12
  233. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  234. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  235. package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
  236. package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
  237. package/dist/cjs/ix-modal.cjs.entry.js +3 -3
  238. package/dist/cjs/ix-number-input.cjs.entry.js +161 -33
  239. package/dist/cjs/ix-number-input.entry.cjs.js.map +1 -1
  240. package/dist/cjs/ix-pagination.cjs.entry.js +29 -7
  241. package/dist/cjs/ix-pagination.entry.cjs.js.map +1 -1
  242. package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
  243. package/dist/cjs/ix-pane.cjs.entry.js +6 -6
  244. package/dist/cjs/ix-pill.cjs.entry.js +4 -4
  245. package/dist/cjs/ix-progress-indicator.cjs.entry.js +3 -3
  246. package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
  247. package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
  248. package/dist/cjs/ix-radio.cjs.entry.js +3 -3
  249. package/dist/cjs/ix-select.cjs.entry.js +52 -13
  250. package/dist/cjs/ix-select.entry.cjs.js.map +1 -1
  251. package/dist/cjs/ix-slider.cjs.entry.js +6 -6
  252. package/dist/cjs/ix-split-button.cjs.entry.js +24 -12
  253. package/dist/cjs/ix-split-button.entry.cjs.js.map +1 -1
  254. package/dist/cjs/ix-tab-item_2.cjs.entry.js +5 -5
  255. package/dist/cjs/ix-textarea.cjs.entry.js +5 -5
  256. package/dist/cjs/ix-textarea.entry.cjs.js.map +1 -1
  257. package/dist/cjs/ix-tile.cjs.entry.js +4 -4
  258. package/dist/cjs/ix-time-input.cjs.entry.js +22 -8
  259. package/dist/cjs/ix-time-input.entry.cjs.js.map +1 -1
  260. package/dist/cjs/ix-time-picker.cjs.entry.js +56 -35
  261. package/dist/cjs/ix-time-picker.entry.cjs.js.map +1 -1
  262. package/dist/cjs/ix-toast-container.cjs.entry.js +2 -2
  263. package/dist/cjs/ix-toast.cjs.entry.js +2 -2
  264. package/dist/cjs/ix-toggle.cjs.entry.js +3 -3
  265. package/dist/cjs/ix-tooltip.cjs.entry.js +17 -6
  266. package/dist/cjs/ix-tooltip.entry.cjs.js.map +1 -1
  267. package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
  268. package/dist/cjs/ix-tree.cjs.entry.js +1 -1
  269. package/dist/cjs/ix-typography.cjs.entry.js +1 -1
  270. package/dist/cjs/ix-upload.cjs.entry.js +3 -3
  271. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +2 -2
  272. package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
  273. package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
  274. package/dist/cjs/loader.cjs.js +1 -1
  275. package/dist/cjs/siemens-ix.cjs.js +1 -1
  276. package/dist/collection/components/category-filter/category-filter.css +321 -50
  277. package/dist/collection/components/category-filter/category-filter.js +13 -7
  278. package/dist/collection/components/category-filter/category-filter.js.map +1 -1
  279. package/dist/collection/components/date-input/date-input.js +58 -4
  280. package/dist/collection/components/date-input/date-input.js.map +1 -1
  281. package/dist/collection/components/date-picker/date-picker.css +6 -8
  282. package/dist/collection/components/date-picker/date-picker.js +5 -5
  283. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  284. package/dist/collection/components/date-time-card/date-time-card.css +3 -2
  285. package/dist/collection/components/datetime-picker/datetime-picker.css +12 -1
  286. package/dist/collection/components/datetime-picker/datetime-picker.js +1 -1
  287. package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
  288. package/dist/collection/components/divider/divider.js +1 -1
  289. package/dist/collection/components/drawer/drawer.js +5 -5
  290. package/dist/collection/components/dropdown/dropdown.js +2 -2
  291. package/dist/collection/components/dropdown-button/dropdown-button.js +3 -3
  292. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  293. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  294. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  295. package/dist/collection/components/empty-state/empty-state.js +1 -1
  296. package/dist/collection/components/event-list/event-list.js +2 -2
  297. package/dist/collection/components/event-list-item/event-list-item.js +4 -4
  298. package/dist/collection/components/expanding-search/expanding-search.js +4 -4
  299. package/dist/collection/components/field-label/field-label.js +1 -1
  300. package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
  301. package/dist/collection/components/field-wrapper/helper-text-util.js +6 -2
  302. package/dist/collection/components/field-wrapper/helper-text-util.js.map +1 -1
  303. package/dist/collection/components/filter-chip/filter-chip.js +1 -1
  304. package/dist/collection/components/flip-tile/flip-tile.js +3 -3
  305. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  306. package/dist/collection/components/group/group-context-menu.js +1 -1
  307. package/dist/collection/components/group/group.js +8 -8
  308. package/dist/collection/components/helper-text/helper-text.js +1 -1
  309. package/dist/collection/components/icon-button/icon-button.js +1 -1
  310. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
  311. package/dist/collection/components/input/input.fc.js +10 -1
  312. package/dist/collection/components/input/input.fc.js.map +1 -1
  313. package/dist/collection/components/input/input.js +54 -5
  314. package/dist/collection/components/input/input.js.map +1 -1
  315. package/dist/collection/components/input/input.util.js +20 -3
  316. package/dist/collection/components/input/input.util.js.map +1 -1
  317. package/dist/collection/components/input/number-input.js +228 -36
  318. package/dist/collection/components/input/number-input.js.map +1 -1
  319. package/dist/collection/components/input/textarea.js +2 -2
  320. package/dist/collection/components/input-group/input-group.js +1 -1
  321. package/dist/collection/components/key-value/key-value.js +1 -1
  322. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  323. package/dist/collection/components/kpi/kpi.js +3 -3
  324. package/dist/collection/components/layout-auto/layout-auto.js +1 -1
  325. package/dist/collection/components/layout-grid/layout-grid.js +2 -2
  326. package/dist/collection/components/link-button/link-button.css +2 -8
  327. package/dist/collection/components/link-button/link-button.js +3 -3
  328. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  329. package/dist/collection/components/menu/menu.js +12 -12
  330. package/dist/collection/components/menu-about/menu-about.js +6 -4
  331. package/dist/collection/components/menu-about/menu-about.js.map +1 -1
  332. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  333. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  334. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  335. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  336. package/dist/collection/components/menu-category/menu-category.js +5 -5
  337. package/dist/collection/components/menu-item/menu-item.js +4 -4
  338. package/dist/collection/components/menu-settings/menu-settings.js +6 -4
  339. package/dist/collection/components/menu-settings/menu-settings.js.map +1 -1
  340. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  341. package/dist/collection/components/message-bar/message-bar.js +1 -1
  342. package/dist/collection/components/modal/modal.js +3 -3
  343. package/dist/collection/components/modal-content/modal-content.js +1 -1
  344. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  345. package/dist/collection/components/modal-header/modal-header.js +1 -1
  346. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  347. package/dist/collection/components/pagination/pagination.js +52 -7
  348. package/dist/collection/components/pagination/pagination.js.map +1 -1
  349. package/dist/collection/components/pane/pane.js +6 -6
  350. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  351. package/dist/collection/components/pill/pill.js +4 -4
  352. package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
  353. package/dist/collection/components/push-card/push-card.js +1 -1
  354. package/dist/collection/components/radio/radio.js +3 -3
  355. package/dist/collection/components/radio-group/radio-group.js +2 -2
  356. package/dist/collection/components/row/row.js +1 -1
  357. package/dist/collection/components/select/select.js +94 -14
  358. package/dist/collection/components/select/select.js.map +1 -1
  359. package/dist/collection/components/select-item/select-item.js +1 -1
  360. package/dist/collection/components/slider/slider.js +6 -6
  361. package/dist/collection/components/spinner/spinner.js +1 -1
  362. package/dist/collection/components/split-button/split-button.js +70 -12
  363. package/dist/collection/components/split-button/split-button.js.map +1 -1
  364. package/dist/collection/components/tab-item/tab-item.js +3 -3
  365. package/dist/collection/components/tabs/tabs.js +2 -2
  366. package/dist/collection/components/tile/tile.js +4 -4
  367. package/dist/collection/components/time-input/time-input.js +59 -5
  368. package/dist/collection/components/time-input/time-input.js.map +1 -1
  369. package/dist/collection/components/time-picker/time-picker.css +20 -52
  370. package/dist/collection/components/time-picker/time-picker.js +58 -38
  371. package/dist/collection/components/time-picker/time-picker.js.map +1 -1
  372. package/dist/collection/components/time-picker/time-picker.types.js.map +1 -1
  373. package/dist/collection/components/toast/toast-container.js +2 -2
  374. package/dist/collection/components/toast/toast.js +2 -2
  375. package/dist/collection/components/toggle/toggle.js +3 -3
  376. package/dist/collection/components/tooltip/tooltip.css +2 -3
  377. package/dist/collection/components/tooltip/tooltip.js +17 -6
  378. package/dist/collection/components/tooltip/tooltip.js.map +1 -1
  379. package/dist/collection/components/tree/tree.js +1 -1
  380. package/dist/collection/components/tree-item/tree-item.js +4 -4
  381. package/dist/collection/components/typography/typography.js +1 -1
  382. package/dist/collection/components/upload/upload.js +3 -3
  383. package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js +6 -1
  384. package/dist/collection/components/utils/menu-tabs/menu-tabs-utils.js.map +1 -1
  385. package/dist/collection/components/validation-tooltip/validation-tooltip.js +2 -2
  386. package/dist/collection/components/workflow-step/workflow-step.js +3 -3
  387. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  388. package/dist/esm/{helper-text-util-BurV4TiQ.js → helper-text-util-gKdL-wH2.js} +8 -4
  389. package/dist/esm/helper-text-util-gKdL-wH2.js.map +1 -0
  390. package/dist/esm/{input.util-VHrSuCP7.js → input.fc-CQbX6V05.js} +68 -43
  391. package/dist/esm/input.fc-CQbX6V05.js.map +1 -0
  392. package/dist/esm/ix-avatar_2.entry.js +1 -1
  393. package/dist/esm/ix-category-filter.entry.js +14 -8
  394. package/dist/esm/ix-category-filter.entry.js.map +1 -1
  395. package/dist/esm/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.js.map +1 -1
  396. package/dist/esm/ix-col_4.entry.js +9 -9
  397. package/dist/esm/ix-date-input.entry.js +18 -4
  398. package/dist/esm/ix-date-input.entry.js.map +1 -1
  399. package/dist/esm/ix-date-time-card.entry.js +1 -1
  400. package/dist/esm/ix-date-time-card.entry.js.map +1 -1
  401. package/dist/esm/ix-datetime-picker.entry.js +2 -2
  402. package/dist/esm/ix-datetime-picker.entry.js.map +1 -1
  403. package/dist/esm/ix-divider.entry.js +1 -1
  404. package/dist/esm/ix-drawer.entry.js +5 -5
  405. package/dist/esm/ix-dropdown-button.entry.js +3 -3
  406. package/dist/esm/ix-dropdown-header.entry.js +1 -1
  407. package/dist/esm/ix-dropdown-item.entry.js +3 -3
  408. package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
  409. package/dist/esm/ix-dropdown.entry.js +2 -2
  410. package/dist/esm/ix-empty-state.entry.js +1 -1
  411. package/dist/esm/ix-event-list-item.entry.js +4 -4
  412. package/dist/esm/ix-event-list.entry.js +2 -2
  413. package/dist/esm/ix-expanding-search.entry.js +4 -4
  414. package/dist/esm/ix-field-label_2.entry.js +4 -4
  415. package/dist/esm/ix-filter-chip_2.entry.js +2 -2
  416. package/dist/esm/ix-flip-tile-content.entry.js +1 -1
  417. package/dist/esm/ix-flip-tile.entry.js +3 -3
  418. package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
  419. package/dist/esm/ix-group.entry.js +8 -8
  420. package/dist/esm/ix-helper-text.entry.js +2 -2
  421. package/dist/esm/ix-icon-button_2.entry.js +2 -2
  422. package/dist/esm/ix-icon-toggle-button.entry.js +1 -1
  423. package/dist/esm/ix-input-group.entry.js +1 -1
  424. package/dist/esm/ix-input.entry.js +15 -6
  425. package/dist/esm/ix-input.entry.js.map +1 -1
  426. package/dist/esm/ix-key-value-list.entry.js +1 -1
  427. package/dist/esm/ix-key-value.entry.js +1 -1
  428. package/dist/esm/ix-kpi.entry.js +3 -3
  429. package/dist/esm/ix-layout-auto.entry.js +1 -1
  430. package/dist/esm/ix-link-button.entry.js +4 -4
  431. package/dist/esm/ix-link-button.entry.js.map +1 -1
  432. package/dist/esm/ix-menu-about-item.entry.js +1 -1
  433. package/dist/esm/ix-menu-about-news.entry.js +4 -4
  434. package/dist/esm/ix-menu-about.entry.js +6 -4
  435. package/dist/esm/ix-menu-about.entry.js.map +1 -1
  436. package/dist/esm/ix-menu-avatar.entry.js +2 -2
  437. package/dist/esm/ix-menu-category.entry.js +5 -5
  438. package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
  439. package/dist/esm/ix-menu-item.entry.js +4 -4
  440. package/dist/esm/{ix-menu-settings-Bif4wByb.js → ix-menu-settings-f9o5GGw5.js} +14 -7
  441. package/dist/esm/ix-menu-settings-f9o5GGw5.js.map +1 -0
  442. package/dist/esm/ix-menu-settings-item.entry.js +1 -1
  443. package/dist/esm/ix-menu-settings.entry.js +1 -1
  444. package/dist/esm/ix-menu.entry.js +12 -12
  445. package/dist/esm/ix-message-bar.entry.js +1 -1
  446. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  447. package/dist/esm/ix-modal-footer.entry.js +1 -1
  448. package/dist/esm/ix-modal-loading.entry.js +1 -1
  449. package/dist/esm/ix-modal.entry.js +3 -3
  450. package/dist/esm/ix-number-input.entry.js +158 -30
  451. package/dist/esm/ix-number-input.entry.js.map +1 -1
  452. package/dist/esm/ix-pagination.entry.js +29 -7
  453. package/dist/esm/ix-pagination.entry.js.map +1 -1
  454. package/dist/esm/ix-pane-layout.entry.js +1 -1
  455. package/dist/esm/ix-pane.entry.js +6 -6
  456. package/dist/esm/ix-pill.entry.js +4 -4
  457. package/dist/esm/ix-progress-indicator.entry.js +3 -3
  458. package/dist/esm/ix-push-card.entry.js +1 -1
  459. package/dist/esm/ix-radio-group.entry.js +2 -2
  460. package/dist/esm/ix-radio.entry.js +3 -3
  461. package/dist/esm/ix-select.entry.js +52 -13
  462. package/dist/esm/ix-select.entry.js.map +1 -1
  463. package/dist/esm/ix-slider.entry.js +6 -6
  464. package/dist/esm/ix-split-button.entry.js +24 -12
  465. package/dist/esm/ix-split-button.entry.js.map +1 -1
  466. package/dist/esm/ix-tab-item_2.entry.js +5 -5
  467. package/dist/esm/ix-textarea.entry.js +3 -3
  468. package/dist/esm/ix-tile.entry.js +4 -4
  469. package/dist/esm/ix-time-input.entry.js +19 -5
  470. package/dist/esm/ix-time-input.entry.js.map +1 -1
  471. package/dist/esm/ix-time-picker.entry.js +56 -35
  472. package/dist/esm/ix-time-picker.entry.js.map +1 -1
  473. package/dist/esm/ix-toast-container.entry.js +2 -2
  474. package/dist/esm/ix-toast.entry.js +2 -2
  475. package/dist/esm/ix-toggle.entry.js +3 -3
  476. package/dist/esm/ix-tooltip.entry.js +17 -6
  477. package/dist/esm/ix-tooltip.entry.js.map +1 -1
  478. package/dist/esm/ix-tree-item.entry.js +4 -4
  479. package/dist/esm/ix-tree.entry.js +1 -1
  480. package/dist/esm/ix-typography.entry.js +1 -1
  481. package/dist/esm/ix-upload.entry.js +3 -3
  482. package/dist/esm/ix-validation-tooltip.entry.js +2 -2
  483. package/dist/esm/ix-workflow-step.entry.js +3 -3
  484. package/dist/esm/ix-workflow-steps.entry.js +1 -1
  485. package/dist/esm/loader.js +1 -1
  486. package/dist/esm/siemens-ix.js +1 -1
  487. package/dist/siemens-ix/ix-category-filter.entry.esm.js.map +1 -1
  488. package/dist/siemens-ix/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.esm.js.map +1 -1
  489. package/dist/siemens-ix/ix-date-input.entry.esm.js.map +1 -1
  490. package/dist/siemens-ix/ix-date-time-card.entry.esm.js.map +1 -1
  491. package/dist/siemens-ix/ix-datetime-picker.entry.esm.js.map +1 -1
  492. package/dist/siemens-ix/ix-input.entry.esm.js.map +1 -1
  493. package/dist/siemens-ix/ix-link-button.entry.esm.js.map +1 -1
  494. package/dist/siemens-ix/ix-menu-about.entry.esm.js.map +1 -1
  495. package/dist/siemens-ix/ix-number-input.entry.esm.js.map +1 -1
  496. package/dist/siemens-ix/ix-pagination.entry.esm.js.map +1 -1
  497. package/dist/siemens-ix/ix-select.entry.esm.js.map +1 -1
  498. package/dist/siemens-ix/ix-split-button.entry.esm.js.map +1 -1
  499. package/dist/siemens-ix/ix-time-input.entry.esm.js.map +1 -1
  500. package/dist/siemens-ix/ix-time-picker.entry.esm.js.map +1 -1
  501. package/dist/siemens-ix/ix-tooltip.entry.esm.js.map +1 -1
  502. package/dist/siemens-ix/p-0411df39.entry.js +2 -0
  503. package/dist/siemens-ix/p-051f428c.entry.js +2 -0
  504. package/dist/siemens-ix/{p-4288bd66.entry.js.map → p-051f428c.entry.js.map} +1 -1
  505. package/dist/siemens-ix/{p-49843cce.entry.js → p-086d31e7.entry.js} +2 -2
  506. package/dist/siemens-ix/p-086d31e7.entry.js.map +1 -0
  507. package/dist/siemens-ix/{p-9f7f5cd3.entry.js → p-0ce03ad3.entry.js} +2 -2
  508. package/dist/siemens-ix/{p-60d2f3db.entry.js → p-0d621531.entry.js} +2 -2
  509. package/dist/siemens-ix/{p-4a127027.entry.js → p-10f2a239.entry.js} +2 -2
  510. package/dist/siemens-ix/{p-d70cd703.entry.js → p-196cffb5.entry.js} +2 -2
  511. package/dist/siemens-ix/{p-94596bff.entry.js → p-1de1a2bf.entry.js} +2 -2
  512. package/dist/siemens-ix/{p-b7c64537.entry.js → p-2597a988.entry.js} +2 -2
  513. package/dist/siemens-ix/{p-a8f08878.entry.js → p-2ffde2d5.entry.js} +2 -2
  514. package/dist/siemens-ix/p-31a8eaf9.entry.js +2 -0
  515. package/dist/siemens-ix/{p-2e3ac12c.entry.js → p-33fcea65.entry.js} +2 -2
  516. package/dist/siemens-ix/{p-bd2127d0.entry.js → p-367df024.entry.js} +2 -2
  517. package/dist/siemens-ix/{p-65c759c5.entry.js → p-3751c675.entry.js} +2 -2
  518. package/dist/siemens-ix/{p-76bd4cf9.entry.js → p-37bd983a.entry.js} +2 -2
  519. package/dist/siemens-ix/{p-d2831f7b.entry.js → p-38e45020.entry.js} +2 -2
  520. package/dist/siemens-ix/{p-d997238b.entry.js → p-396e1f3d.entry.js} +2 -2
  521. package/dist/siemens-ix/{p-0fd006b9.entry.js → p-3b7573d6.entry.js} +2 -2
  522. package/dist/siemens-ix/p-3ce5fd87.entry.js +2 -0
  523. package/dist/siemens-ix/p-3ce5fd87.entry.js.map +1 -0
  524. package/dist/siemens-ix/p-3f13b14e.entry.js +2 -0
  525. package/dist/siemens-ix/p-3f13b14e.entry.js.map +1 -0
  526. package/dist/siemens-ix/p-3f62166e.entry.js +2 -0
  527. package/dist/siemens-ix/{p-6880e267.entry.js.map → p-3f62166e.entry.js.map} +1 -1
  528. package/dist/siemens-ix/p-425d6925.entry.js +2 -0
  529. package/dist/siemens-ix/{p-ec3ec461.entry.js → p-484bddf4.entry.js} +2 -2
  530. package/dist/siemens-ix/{p-df5494ff.entry.js → p-496e98ac.entry.js} +2 -2
  531. package/dist/siemens-ix/{p-ab6d123c.entry.js → p-4c18f123.entry.js} +2 -2
  532. package/dist/siemens-ix/{p-c96ce76c.entry.js → p-4c1f90cb.entry.js} +2 -2
  533. package/dist/siemens-ix/{p-a53d7dbb.entry.js → p-4e4d792d.entry.js} +2 -2
  534. package/dist/siemens-ix/p-51ae739e.entry.js +2 -0
  535. package/dist/siemens-ix/p-51ae739e.entry.js.map +1 -0
  536. package/dist/siemens-ix/{p-80981f03.entry.js → p-5779f16e.entry.js} +2 -2
  537. package/dist/siemens-ix/{p-4d0e900c.entry.js → p-5b57bde1.entry.js} +2 -2
  538. package/dist/siemens-ix/{p-6045dce9.entry.js → p-5d6f43fd.entry.js} +2 -2
  539. package/dist/siemens-ix/p-5iwF1M9X.js +2 -0
  540. package/dist/siemens-ix/p-5iwF1M9X.js.map +1 -0
  541. package/dist/siemens-ix/{p-2b2f339e.entry.js → p-6445a54f.entry.js} +2 -2
  542. package/dist/siemens-ix/{p-acb7c236.entry.js → p-667e3184.entry.js} +2 -2
  543. package/dist/siemens-ix/{p-92e0ebf1.entry.js → p-6a4bc78a.entry.js} +2 -2
  544. package/dist/siemens-ix/p-6dc6eb63.entry.js +2 -0
  545. package/dist/siemens-ix/{p-453aa17a.entry.js.map → p-6dc6eb63.entry.js.map} +1 -1
  546. package/dist/siemens-ix/{p-319e292f.entry.js → p-74e7b03f.entry.js} +2 -2
  547. package/dist/siemens-ix/{p-7c474c82.entry.js → p-77fd2138.entry.js} +2 -2
  548. package/dist/siemens-ix/{p-11b1eaa3.entry.js → p-7bad0544.entry.js} +2 -2
  549. package/dist/siemens-ix/{p-23e4f5f3.entry.js → p-7beba4ad.entry.js} +2 -2
  550. package/dist/siemens-ix/p-7beba4ad.entry.js.map +1 -0
  551. package/dist/siemens-ix/{p-ffe0835b.entry.js → p-7f90eeef.entry.js} +2 -2
  552. package/dist/siemens-ix/{p-b76ed7c3.entry.js → p-84df2a86.entry.js} +2 -2
  553. package/dist/siemens-ix/p-84df2a86.entry.js.map +1 -0
  554. package/dist/siemens-ix/p-8b42ad35.entry.js +2 -0
  555. package/dist/siemens-ix/{p-31f77d98.entry.js.map → p-8b42ad35.entry.js.map} +1 -1
  556. package/dist/siemens-ix/{p-5c22d3e5.entry.js → p-8f9368b8.entry.js} +2 -2
  557. package/dist/siemens-ix/p-8fa8d0e3.entry.js +2 -0
  558. package/dist/siemens-ix/p-92ec7f27.entry.js +2 -0
  559. package/dist/siemens-ix/{p-DBsKyLIP.js → p-BcCDexod.js} +2 -2
  560. package/dist/siemens-ix/p-BcCDexod.js.map +1 -0
  561. package/dist/siemens-ix/p-Cn013Iz8.js +2 -0
  562. package/dist/siemens-ix/p-Cn013Iz8.js.map +1 -0
  563. package/dist/siemens-ix/p-a3baca2f.entry.js +2 -0
  564. package/dist/siemens-ix/{p-75a10c1e.entry.js → p-b3453edf.entry.js} +2 -2
  565. package/dist/siemens-ix/p-b41a7abb.entry.js +2 -0
  566. package/dist/siemens-ix/{p-53df921a.entry.js.map → p-b41a7abb.entry.js.map} +1 -1
  567. package/dist/siemens-ix/{p-9a4db5e9.entry.js → p-b76df1c7.entry.js} +2 -2
  568. package/dist/siemens-ix/{p-332dccc7.entry.js → p-b7ef70d4.entry.js} +2 -2
  569. package/dist/siemens-ix/{p-43ecc5c3.entry.js → p-b8f4b001.entry.js} +2 -2
  570. package/dist/siemens-ix/{p-531f9746.entry.js → p-b9880608.entry.js} +2 -2
  571. package/dist/siemens-ix/{p-619a3dc8.entry.js → p-c5c863e1.entry.js} +2 -2
  572. package/dist/siemens-ix/{p-bb744e91.entry.js → p-c94739d0.entry.js} +2 -2
  573. package/dist/siemens-ix/{p-8cb3d70c.entry.js → p-ca3b24b1.entry.js} +2 -2
  574. package/dist/siemens-ix/{p-4acf0d7b.entry.js → p-cd1afcc9.entry.js} +2 -2
  575. package/dist/siemens-ix/{p-713df610.entry.js → p-cf041cfd.entry.js} +2 -2
  576. package/dist/siemens-ix/{p-338c68ea.entry.js → p-d10b9798.entry.js} +2 -2
  577. package/dist/siemens-ix/{p-6fd7d11a.entry.js → p-d193381f.entry.js} +2 -2
  578. package/dist/siemens-ix/{p-d90d1310.entry.js → p-d3a60c52.entry.js} +2 -2
  579. package/dist/siemens-ix/p-d688f76e.entry.js +2 -0
  580. package/dist/siemens-ix/{p-2d96a4a1.entry.js.map → p-d688f76e.entry.js.map} +1 -1
  581. package/dist/siemens-ix/p-dc8de6cb.entry.js +2 -0
  582. package/dist/siemens-ix/p-dc8de6cb.entry.js.map +1 -0
  583. package/dist/siemens-ix/p-dd16efd4.entry.js +2 -0
  584. package/dist/siemens-ix/p-dd16efd4.entry.js.map +1 -0
  585. package/dist/siemens-ix/p-de12078d.entry.js +2 -0
  586. package/dist/siemens-ix/{p-418671c7.entry.js.map → p-de12078d.entry.js.map} +1 -1
  587. package/dist/siemens-ix/{p-f40573e7.entry.js → p-df6bb698.entry.js} +2 -2
  588. package/dist/siemens-ix/p-e0b9cf68.entry.js +2 -0
  589. package/dist/siemens-ix/{p-5bb86bf7.entry.js → p-e42f62a1.entry.js} +2 -2
  590. package/dist/siemens-ix/{p-fb02d7fd.entry.js → p-e48977ed.entry.js} +2 -2
  591. package/dist/siemens-ix/{p-3099c12a.entry.js → p-e7bdc0a0.entry.js} +2 -2
  592. package/dist/siemens-ix/p-e7bdc0a0.entry.js.map +1 -0
  593. package/dist/siemens-ix/{p-ff6f13e1.entry.js → p-ea15fc79.entry.js} +2 -2
  594. package/dist/siemens-ix/{p-18d4645d.entry.js → p-ea37abf6.entry.js} +2 -2
  595. package/dist/siemens-ix/{p-f253d38c.entry.js → p-eba7f62c.entry.js} +2 -2
  596. package/dist/siemens-ix/{p-b64a3d8a.entry.js → p-ebef3d52.entry.js} +2 -2
  597. package/dist/siemens-ix/p-f05aa76f.entry.js +2 -0
  598. package/dist/siemens-ix/p-f05aa76f.entry.js.map +1 -0
  599. package/dist/siemens-ix/p-fb8877bc.entry.js +2 -0
  600. package/dist/siemens-ix/p-fb8877bc.entry.js.map +1 -0
  601. package/dist/siemens-ix/{p-e3dca831.entry.js → p-ff83eafd.entry.js} +2 -2
  602. package/dist/siemens-ix/siemens-ix-core.css +1 -1
  603. package/dist/siemens-ix/siemens-ix.css +2 -5
  604. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  605. package/dist/types/components/date-input/date-input.d.ts +10 -0
  606. package/dist/types/components/field-wrapper/helper-text-util.d.ts +5 -1
  607. package/dist/types/components/input/input.d.ts +9 -0
  608. package/dist/types/components/input/input.fc.d.ts +6 -0
  609. package/dist/types/components/input/input.util.d.ts +1 -0
  610. package/dist/types/components/input/number-input.d.ts +31 -5
  611. package/dist/types/components/menu-about/menu-about.d.ts +1 -1
  612. package/dist/types/components/menu-settings/menu-settings.d.ts +1 -1
  613. package/dist/types/components/pagination/pagination.d.ts +8 -0
  614. package/dist/types/components/select/select.d.ts +11 -0
  615. package/dist/types/components/split-button/split-button.d.ts +15 -4
  616. package/dist/types/components/time-input/time-input.d.ts +10 -0
  617. package/dist/types/components/time-picker/time-picker.d.ts +6 -1
  618. package/dist/types/components/tooltip/tooltip.d.ts +2 -1
  619. package/dist/types/components/utils/menu-tabs/menu-tabs-utils.d.ts +1 -0
  620. package/dist/types/components.d.ts +160 -12
  621. package/hydrate/index.js +673 -347
  622. package/hydrate/index.mjs +673 -347
  623. package/package.json +1 -1
  624. package/scss/components/_links.scss +2 -5
  625. package/scss/mixins/_input.scss +2 -2
  626. package/scss/theme/classic/dark/_variables.scss +1 -1
  627. package/components/p-C56HnkHy.js.map +0 -1
  628. package/components/p-CDPfohEH.js.map +0 -1
  629. package/components/p-ChFNWyCb.js.map +0 -1
  630. package/components/p-CvuFiT5X.js.map +0 -1
  631. package/components/p-FWLjfP4_.js.map +0 -1
  632. package/components/p-OLe05BAC.js.map +0 -1
  633. package/components/p-Ow_osSm5.js.map +0 -1
  634. package/components/p-S6nC3Yb4.js.map +0 -1
  635. package/dist/cjs/helper-text-util-BlElJLxk.js.map +0 -1
  636. package/dist/cjs/input.util-4AhBphgX.js.map +0 -1
  637. package/dist/cjs/ix-menu-settings-Cdqo0r8E.js.map +0 -1
  638. package/dist/esm/helper-text-util-BurV4TiQ.js.map +0 -1
  639. package/dist/esm/input.util-VHrSuCP7.js.map +0 -1
  640. package/dist/esm/ix-menu-settings-Bif4wByb.js.map +0 -1
  641. package/dist/siemens-ix/p-10ed549b.entry.js +0 -2
  642. package/dist/siemens-ix/p-10ed549b.entry.js.map +0 -1
  643. package/dist/siemens-ix/p-1550973a.entry.js +0 -2
  644. package/dist/siemens-ix/p-1de6e736.entry.js +0 -2
  645. package/dist/siemens-ix/p-1de6e736.entry.js.map +0 -1
  646. package/dist/siemens-ix/p-23e4f5f3.entry.js.map +0 -1
  647. package/dist/siemens-ix/p-2d96a4a1.entry.js +0 -2
  648. package/dist/siemens-ix/p-3099c12a.entry.js.map +0 -1
  649. package/dist/siemens-ix/p-31f77d98.entry.js +0 -2
  650. package/dist/siemens-ix/p-418671c7.entry.js +0 -2
  651. package/dist/siemens-ix/p-4288bd66.entry.js +0 -2
  652. package/dist/siemens-ix/p-453aa17a.entry.js +0 -2
  653. package/dist/siemens-ix/p-45b53c34.entry.js +0 -2
  654. package/dist/siemens-ix/p-45b53c34.entry.js.map +0 -1
  655. package/dist/siemens-ix/p-49843cce.entry.js.map +0 -1
  656. package/dist/siemens-ix/p-53df921a.entry.js +0 -2
  657. package/dist/siemens-ix/p-598ece5a.entry.js +0 -2
  658. package/dist/siemens-ix/p-6880e267.entry.js +0 -2
  659. package/dist/siemens-ix/p-712e393d.entry.js +0 -2
  660. package/dist/siemens-ix/p-712e393d.entry.js.map +0 -1
  661. package/dist/siemens-ix/p-89a7705b.entry.js +0 -2
  662. package/dist/siemens-ix/p-89a7705b.entry.js.map +0 -1
  663. package/dist/siemens-ix/p-DBsKyLIP.js.map +0 -1
  664. package/dist/siemens-ix/p-DS9crO46.js +0 -2
  665. package/dist/siemens-ix/p-DS9crO46.js.map +0 -1
  666. package/dist/siemens-ix/p-DXAZefAa.js +0 -2
  667. package/dist/siemens-ix/p-DXAZefAa.js.map +0 -1
  668. package/dist/siemens-ix/p-a0ffeea7.entry.js +0 -2
  669. package/dist/siemens-ix/p-a6e398d2.entry.js +0 -2
  670. package/dist/siemens-ix/p-b76ed7c3.entry.js.map +0 -1
  671. package/dist/siemens-ix/p-b7da78c6.entry.js +0 -2
  672. package/dist/siemens-ix/p-b7da78c6.entry.js.map +0 -1
  673. package/dist/siemens-ix/p-c6536a88.entry.js +0 -2
  674. package/dist/siemens-ix/p-d18df859.entry.js +0 -2
  675. package/dist/siemens-ix/p-e5180acd.entry.js +0 -2
  676. package/dist/siemens-ix/p-e5180acd.entry.js.map +0 -1
  677. package/dist/siemens-ix/p-fdb802ac.entry.js +0 -2
  678. /package/dist/siemens-ix/{p-fdb802ac.entry.js.map → p-0411df39.entry.js.map} +0 -0
  679. /package/dist/siemens-ix/{p-9f7f5cd3.entry.js.map → p-0ce03ad3.entry.js.map} +0 -0
  680. /package/dist/siemens-ix/{p-60d2f3db.entry.js.map → p-0d621531.entry.js.map} +0 -0
  681. /package/dist/siemens-ix/{p-4a127027.entry.js.map → p-10f2a239.entry.js.map} +0 -0
  682. /package/dist/siemens-ix/{p-d70cd703.entry.js.map → p-196cffb5.entry.js.map} +0 -0
  683. /package/dist/siemens-ix/{p-94596bff.entry.js.map → p-1de1a2bf.entry.js.map} +0 -0
  684. /package/dist/siemens-ix/{p-b7c64537.entry.js.map → p-2597a988.entry.js.map} +0 -0
  685. /package/dist/siemens-ix/{p-a8f08878.entry.js.map → p-2ffde2d5.entry.js.map} +0 -0
  686. /package/dist/siemens-ix/{p-598ece5a.entry.js.map → p-31a8eaf9.entry.js.map} +0 -0
  687. /package/dist/siemens-ix/{p-2e3ac12c.entry.js.map → p-33fcea65.entry.js.map} +0 -0
  688. /package/dist/siemens-ix/{p-bd2127d0.entry.js.map → p-367df024.entry.js.map} +0 -0
  689. /package/dist/siemens-ix/{p-65c759c5.entry.js.map → p-3751c675.entry.js.map} +0 -0
  690. /package/dist/siemens-ix/{p-76bd4cf9.entry.js.map → p-37bd983a.entry.js.map} +0 -0
  691. /package/dist/siemens-ix/{p-d2831f7b.entry.js.map → p-38e45020.entry.js.map} +0 -0
  692. /package/dist/siemens-ix/{p-d997238b.entry.js.map → p-396e1f3d.entry.js.map} +0 -0
  693. /package/dist/siemens-ix/{p-0fd006b9.entry.js.map → p-3b7573d6.entry.js.map} +0 -0
  694. /package/dist/siemens-ix/{p-c6536a88.entry.js.map → p-425d6925.entry.js.map} +0 -0
  695. /package/dist/siemens-ix/{p-ec3ec461.entry.js.map → p-484bddf4.entry.js.map} +0 -0
  696. /package/dist/siemens-ix/{p-df5494ff.entry.js.map → p-496e98ac.entry.js.map} +0 -0
  697. /package/dist/siemens-ix/{p-ab6d123c.entry.js.map → p-4c18f123.entry.js.map} +0 -0
  698. /package/dist/siemens-ix/{p-c96ce76c.entry.js.map → p-4c1f90cb.entry.js.map} +0 -0
  699. /package/dist/siemens-ix/{p-a53d7dbb.entry.js.map → p-4e4d792d.entry.js.map} +0 -0
  700. /package/dist/siemens-ix/{p-80981f03.entry.js.map → p-5779f16e.entry.js.map} +0 -0
  701. /package/dist/siemens-ix/{p-4d0e900c.entry.js.map → p-5b57bde1.entry.js.map} +0 -0
  702. /package/dist/siemens-ix/{p-6045dce9.entry.js.map → p-5d6f43fd.entry.js.map} +0 -0
  703. /package/dist/siemens-ix/{p-2b2f339e.entry.js.map → p-6445a54f.entry.js.map} +0 -0
  704. /package/dist/siemens-ix/{p-acb7c236.entry.js.map → p-667e3184.entry.js.map} +0 -0
  705. /package/dist/siemens-ix/{p-92e0ebf1.entry.js.map → p-6a4bc78a.entry.js.map} +0 -0
  706. /package/dist/siemens-ix/{p-319e292f.entry.js.map → p-74e7b03f.entry.js.map} +0 -0
  707. /package/dist/siemens-ix/{p-7c474c82.entry.js.map → p-77fd2138.entry.js.map} +0 -0
  708. /package/dist/siemens-ix/{p-11b1eaa3.entry.js.map → p-7bad0544.entry.js.map} +0 -0
  709. /package/dist/siemens-ix/{p-ffe0835b.entry.js.map → p-7f90eeef.entry.js.map} +0 -0
  710. /package/dist/siemens-ix/{p-5c22d3e5.entry.js.map → p-8f9368b8.entry.js.map} +0 -0
  711. /package/dist/siemens-ix/{p-d18df859.entry.js.map → p-8fa8d0e3.entry.js.map} +0 -0
  712. /package/dist/siemens-ix/{p-a6e398d2.entry.js.map → p-92ec7f27.entry.js.map} +0 -0
  713. /package/dist/siemens-ix/{p-1550973a.entry.js.map → p-a3baca2f.entry.js.map} +0 -0
  714. /package/dist/siemens-ix/{p-75a10c1e.entry.js.map → p-b3453edf.entry.js.map} +0 -0
  715. /package/dist/siemens-ix/{p-9a4db5e9.entry.js.map → p-b76df1c7.entry.js.map} +0 -0
  716. /package/dist/siemens-ix/{p-332dccc7.entry.js.map → p-b7ef70d4.entry.js.map} +0 -0
  717. /package/dist/siemens-ix/{p-43ecc5c3.entry.js.map → p-b8f4b001.entry.js.map} +0 -0
  718. /package/dist/siemens-ix/{p-531f9746.entry.js.map → p-b9880608.entry.js.map} +0 -0
  719. /package/dist/siemens-ix/{p-619a3dc8.entry.js.map → p-c5c863e1.entry.js.map} +0 -0
  720. /package/dist/siemens-ix/{p-bb744e91.entry.js.map → p-c94739d0.entry.js.map} +0 -0
  721. /package/dist/siemens-ix/{p-8cb3d70c.entry.js.map → p-ca3b24b1.entry.js.map} +0 -0
  722. /package/dist/siemens-ix/{p-4acf0d7b.entry.js.map → p-cd1afcc9.entry.js.map} +0 -0
  723. /package/dist/siemens-ix/{p-713df610.entry.js.map → p-cf041cfd.entry.js.map} +0 -0
  724. /package/dist/siemens-ix/{p-338c68ea.entry.js.map → p-d10b9798.entry.js.map} +0 -0
  725. /package/dist/siemens-ix/{p-6fd7d11a.entry.js.map → p-d193381f.entry.js.map} +0 -0
  726. /package/dist/siemens-ix/{p-d90d1310.entry.js.map → p-d3a60c52.entry.js.map} +0 -0
  727. /package/dist/siemens-ix/{p-f40573e7.entry.js.map → p-df6bb698.entry.js.map} +0 -0
  728. /package/dist/siemens-ix/{p-a0ffeea7.entry.js.map → p-e0b9cf68.entry.js.map} +0 -0
  729. /package/dist/siemens-ix/{p-5bb86bf7.entry.js.map → p-e42f62a1.entry.js.map} +0 -0
  730. /package/dist/siemens-ix/{p-fb02d7fd.entry.js.map → p-e48977ed.entry.js.map} +0 -0
  731. /package/dist/siemens-ix/{p-ff6f13e1.entry.js.map → p-ea15fc79.entry.js.map} +0 -0
  732. /package/dist/siemens-ix/{p-18d4645d.entry.js.map → p-ea37abf6.entry.js.map} +0 -0
  733. /package/dist/siemens-ix/{p-f253d38c.entry.js.map → p-eba7f62c.entry.js.map} +0 -0
  734. /package/dist/siemens-ix/{p-b64a3d8a.entry.js.map → p-ebef3d52.entry.js.map} +0 -0
  735. /package/dist/siemens-ix/{p-e3dca831.entry.js.map → p-ff83eafd.entry.js.map} +0 -0
package/hydrate/index.mjs CHANGED
@@ -9494,7 +9494,7 @@ const addDisposableEventListenerAsArray = (listener) => {
9494
9494
  return () => disposables.forEach((dispose) => dispose());
9495
9495
  };
9496
9496
 
9497
- 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(.disabled){min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container:not(.readonly):not(.disabled)[type=number]{text-align:right}:host .input-container:not(.readonly):not(.disabled)[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container:not(.readonly):not(.disabled):-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(.disabled):-webkit-autofill,:host .input-container:not(.readonly):not(.disabled):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(.disabled)::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled)::placeholder{color:var(--theme-input-hint--color)}:host .input-container:not(.readonly):not(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):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(.disabled).hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):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(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container:not(.readonly):not(.disabled):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(.disabled).focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container:not(.readonly):not(.disabled):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(.disabled):disabled,:host .input-container:not(.readonly):not(.disabled).disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;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:not(.readonly):not(.disabled):disabled::-moz-placeholder,:host .input-container:not(.readonly):not(.disabled).disabled::-moz-placeholder{color:transparent}:host .input-container:not(.readonly):not(.disabled):disabled::placeholder,:host .input-container:not(.readonly):not(.disabled).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.readonly{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .input-container.readonly[type=number]{text-align:right}:host .input-container.readonly[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}:host .input-container.readonly:-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:-webkit-autofill,:host .input-container.readonly: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::-moz-placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly::placeholder{color:var(--theme-input-hint--color)}:host .input-container.readonly.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly: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.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly: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.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),:host .input-container.readonly: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.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),:host .input-container.readonly: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:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.read-only,:host .input-container.readonly:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}:host .input-container.readonly.read-only::-moz-placeholder,:host .input-container.readonly:read-only::-moz-placeholder{color:transparent}:host .input-container.readonly:-moz-read-only::placeholder{color:transparent}:host .input-container.readonly.read-only::placeholder,:host .input-container.readonly:read-only::placeholder{color:transparent}:host .input-container.readonly:disabled,:host .input-container.readonly.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;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.readonly:disabled::-moz-placeholder,:host .input-container.readonly.disabled::-moz-placeholder{color:transparent}:host .input-container.readonly:disabled::placeholder,:host .input-container.readonly.disabled::placeholder{color:transparent}:host .input-container{display:flex;height:auto;max-height:3.75rem;padding:1px 1.5rem 1px 1.75rem !important}:host .input-container.no-icon{padding-left:0.25rem}: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}";
9497
+ 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:none;border-radius:0;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: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:none;border-radius:0;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: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:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--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:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--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:none;border-radius:0;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.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:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--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:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--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:none;border-radius:0;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.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}";
9498
9498
 
9499
9499
  class CategoryFilter {
9500
9500
  constructor(hostRef) {
@@ -9620,7 +9620,7 @@ class CategoryFilter {
9620
9620
  }
9621
9621
  }
9622
9622
  handleFormElementKeyDown(e) {
9623
- var _a;
9623
+ var _a, _b, _c;
9624
9624
  switch (e.code) {
9625
9625
  case 'Enter':
9626
9626
  case 'NumpadEnter':
@@ -9634,6 +9634,7 @@ class CategoryFilter {
9634
9634
  if (this.hasCategorySelection()) {
9635
9635
  if (this.category !== '') {
9636
9636
  this.addToken(token, this.category);
9637
+ (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
9637
9638
  }
9638
9639
  else if (document.activeElement.classList.contains('category-item-id')) {
9639
9640
  this.selectCategory(token);
@@ -9731,7 +9732,7 @@ class CategoryFilter {
9731
9732
  this.filterChanged.emit(filterState);
9732
9733
  }
9733
9734
  addToken(token, category = this.ID_CUSTOM_FILTER_VALUE, operator = this.categoryLogicalOperator, emitEvent = true) {
9734
- var _a, _b, _c;
9735
+ var _a;
9735
9736
  if (token === undefined || token === null) {
9736
9737
  return;
9737
9738
  }
@@ -9753,7 +9754,6 @@ class CategoryFilter {
9753
9754
  this.category = '';
9754
9755
  }
9755
9756
  this.isScrollStateDirty = true;
9756
- (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
9757
9757
  if (emitEvent) {
9758
9758
  this.emitFilterEvent();
9759
9759
  }
@@ -9856,7 +9856,11 @@ class CategoryFilter {
9856
9856
  return this.categories !== undefined;
9857
9857
  }
9858
9858
  renderPlainSuggestions() {
9859
- return (hAsync("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (hAsync("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => this.addToken(suggestion), key: suggestion, title: suggestion }, suggestion)))));
9859
+ return (hAsync("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (hAsync("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => {
9860
+ var _a, _b;
9861
+ this.addToken(suggestion);
9862
+ (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
9863
+ }, key: suggestion, title: suggestion }, suggestion)))));
9860
9864
  }
9861
9865
  renderOperatorButton() {
9862
9866
  if (this.staticOperator) {
@@ -9902,8 +9906,10 @@ class CategoryFilter {
9902
9906
  }
9903
9907
  return (hAsync("div", { class: "dropdown-item-container" }, this.renderOperatorButton(), hAsync("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 :
9904
9908
  _b.options.filter((value) => this.filterByInput(value)).filter((value) => this.filterDuplicateTokens(value)).map((id) => (hAsync("button", { class: "dropdown-item category-item-value", "data-id": id, title: id, key: id, onClick: (e) => {
9909
+ var _a, _b;
9905
9910
  e.preventDefault();
9906
9911
  this.addToken(id, this.category);
9912
+ (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
9907
9913
  } }, `${this.getFilterOperatorString()} ${id}`)))));
9908
9914
  }
9909
9915
  renderDropdownContent() {
@@ -9984,19 +9990,19 @@ class CategoryFilter {
9984
9990
  }
9985
9991
  render() {
9986
9992
  var _a, _b, _c;
9987
- return (hAsync(Host, { key: 'fe49a215180e62dfb5b88304e08d775f1d6d8151' }, hAsync("form", { key: '075cea4e8c8f681a37e9c9916551d8835878e9a9', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'efa00f0c5eb73bdcdd96f3f2b314b1db7580a227', "read-only": this.readonly, class: {
9993
+ return (hAsync(Host, { key: '6040e5611b073b5df60b2f021a1fd6521a6de1df' }, hAsync("form", { key: '4baf23174e46355ca7fbd5ecad14145cabaea8d5', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'adecb78f948b498e0a9f42355ab590e2966958d1', "read-only": this.readonly, class: {
9988
9994
  'input-container': true,
9989
9995
  disabled: this.disabled,
9990
9996
  focus: this.hasFocus,
9991
9997
  readonly: this.readonly,
9992
9998
  'no-icon': this.hideIcon,
9993
- } }, hAsync("ix-icon", { key: 'a889dd34ab269b07c49701d381fa997cf66dcc7d', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: '9f7bbd1f655d3e3d92b0f97a7a50c837d721f3ef', class: "token-container" }, hAsync("div", { key: 'e130e26ad631aeef22c31c858f4687d40f2272ec', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
9999
+ } }, hAsync("ix-icon", { key: '4430f91076d6d7d04e1b9beea3a62877835b527f', color: this.getIconColor(), class: { 'display-none': this.hideIcon }, name: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, size: "16" }), hAsync("div", { key: 'aeaef4cf293c3b6c8baca478ec788ce33ecabfb6', class: "token-container" }, hAsync("div", { key: 'd599d0c8173bef92c64ad71cff0e89dabc7fde99', class: "list-unstyled" }, this.filterTokens.map((value, index) => (hAsync("span", { key: value.toString(), class: {
9994
10000
  animate__animated: true,
9995
10001
  animate__fadein: true,
9996
10002
  } }, hAsync("ix-filter-chip", { disabled: this.disabled, readonly: this.readonly, onClick: (e) => e.stopPropagation(), onCloseClick: () => this.removeToken(index) }, this.getFilterChipLabel(value))))), this.categories === undefined ? ('') : (hAsync("span", { class: {
9997
10003
  'category-preview': true,
9998
10004
  'display-none': this.category === '',
9999
- } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '10c2f91e57a8ef18bd9dbc53c227a15544d4de28', class: {
10005
+ } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '43eac9a872f30a34780aa702c6905348649018b5', class: {
10000
10006
  'text-input': true,
10001
10007
  'hide-placeholder': this.readonly || this.disabled || this.category !== '',
10002
10008
  }, 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 ? ('') : (hAsync("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() }, this.renderDropdownContent()))));
@@ -18862,43 +18868,6 @@ class DateDropdown {
18862
18868
  }; }
18863
18869
  }
18864
18870
 
18865
- /*
18866
- * SPDX-FileCopyrightText: 2024 Siemens AG
18867
- *
18868
- * SPDX-License-Identifier: MIT
18869
- *
18870
- * This source code is licensed under the MIT license found in the
18871
- * LICENSE file in the root directory of this source tree.
18872
- */
18873
- function TextareaElement(props) {
18874
- return (hAsync("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
18875
- 'is-invalid': props.isInvalid,
18876
- }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
18877
- const target = inputEvent.target;
18878
- props.updateFormInternalValue(target.value);
18879
- props.valueChange(target.value);
18880
- }, onBlur: () => props.onBlur(), style: {
18881
- resize: props.resizeBehavior,
18882
- height: props.textareaHeight,
18883
- width: props.textareaWidth,
18884
- } }, props.ariaAttributes)));
18885
- }
18886
- function InputElement(props) {
18887
- return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
18888
- 'is-invalid': props.isInvalid,
18889
- }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onInput: (inputEvent) => {
18890
- const target = inputEvent.target;
18891
- props.updateFormInternalValue(target.value);
18892
- props.valueChange(target.value);
18893
- }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
18894
- }
18895
- const SlotEnd = (props, children) => {
18896
- return (hAsync("div", { class: "end-container", ref: props.slotEndRef }, hAsync("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
18897
- };
18898
- const SlotStart = (props) => {
18899
- return (hAsync("div", { class: "start-container", ref: props.slotStartRef }, hAsync("slot", { name: "start", onSlotchange: props.onSlotChange })));
18900
- };
18901
-
18902
18871
  /*
18903
18872
  * SPDX-FileCopyrightText: 2023 Siemens AG
18904
18873
  *
@@ -18983,9 +18952,13 @@ function checkAllowedKeys(comp, event) {
18983
18952
  }
18984
18953
  async function checkInternalValidity(comp, input) {
18985
18954
  const validityState = input.validity;
18986
- const eventResult = comp.validityStateChange.emit(validityState);
18987
- if (eventResult.defaultPrevented) {
18988
- return;
18955
+ const currentValidityState = !comp.hostElement.classList.contains('ix-invalid--validity-invalid');
18956
+ const newValidityState = validityState.valid;
18957
+ if (currentValidityState !== newValidityState) {
18958
+ const eventResult = comp.validityStateChange.emit(validityState);
18959
+ if (eventResult.defaultPrevented) {
18960
+ return;
18961
+ }
18989
18962
  }
18990
18963
  if (comp.value === null || comp.value === undefined) {
18991
18964
  return;
@@ -19074,6 +19047,64 @@ function observeElementUntilVisible(hostElement, updateCallback) {
19074
19047
  intersectionObserver.observe(hostElement);
19075
19048
  return intersectionObserver;
19076
19049
  }
19050
+ function handleSubmitOnEnterKeydown(event, suppressSubmitOnEnter, form) {
19051
+ if (suppressSubmitOnEnter || event.key !== 'Enter' || !form) {
19052
+ return;
19053
+ }
19054
+ event.preventDefault();
19055
+ const submitButton = form.querySelector('button[type="submit"], ix-button[type="submit"]');
19056
+ if (submitButton) {
19057
+ form.requestSubmit(submitButton);
19058
+ }
19059
+ if (form.length === 1) {
19060
+ form.requestSubmit();
19061
+ }
19062
+ }
19063
+
19064
+ /*
19065
+ * SPDX-FileCopyrightText: 2024 Siemens AG
19066
+ *
19067
+ * SPDX-License-Identifier: MIT
19068
+ *
19069
+ * This source code is licensed under the MIT license found in the
19070
+ * LICENSE file in the root directory of this source tree.
19071
+ */
19072
+ function TextareaElement(props) {
19073
+ return (hAsync("textarea", Object.assign({ readOnly: props.readonly, disabled: props.disabled, maxLength: props.maxLength, minLength: props.minLength, cols: props.textareaCols, rows: props.textareaRows, ref: props.textAreaRef, class: {
19074
+ 'is-invalid': props.isInvalid,
19075
+ }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
19076
+ const target = inputEvent.target;
19077
+ props.updateFormInternalValue(target.value);
19078
+ props.valueChange(target.value);
19079
+ }, onBlur: () => props.onBlur(), style: {
19080
+ resize: props.resizeBehavior,
19081
+ height: props.textareaHeight,
19082
+ width: props.textareaWidth,
19083
+ } }, props.ariaAttributes)));
19084
+ }
19085
+ function InputElement(props) {
19086
+ return (hAsync("input", Object.assign({ id: props.id, autoComplete: "off", readOnly: props.readonly, disabled: props.disabled, step: props.step, min: props.min, max: props.max, maxLength: props.maxLength ? Number(props.maxLength) : undefined, minLength: props.minLength ? Number(props.minLength) : undefined, ref: props.inputRef, pattern: props.pattern, type: props.type, class: {
19087
+ 'is-invalid': props.isInvalid,
19088
+ }, style: {
19089
+ textAlign: props.textAlignment,
19090
+ }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onKeyDown: (e) => {
19091
+ var _a;
19092
+ (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
19093
+ handleSubmitOnEnterKeydown(e, !!props.suppressSubmitOnEnter, props.form);
19094
+ } }, {
19095
+ onBeforeInput: (event) => { var _a; return (_a = props.onBeforeInput) === null || _a === void 0 ? void 0 : _a.call(props, event); },
19096
+ }, { onPaste: (event) => { var _a; return (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, event); }, onInput: (inputEvent) => {
19097
+ const target = inputEvent.target;
19098
+ props.updateFormInternalValue(target.value);
19099
+ props.valueChange(target.value);
19100
+ }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
19101
+ }
19102
+ const SlotEnd = (props, children) => {
19103
+ return (hAsync("div", { class: "end-container", ref: props.slotEndRef }, hAsync("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
19104
+ };
19105
+ const SlotStart = (props) => {
19106
+ return (hAsync("div", { class: "start-container", ref: props.slotStartRef }, hAsync("slot", { name: "start", onSlotchange: props.onSlotChange })));
19107
+ };
19077
19108
 
19078
19109
  /*
19079
19110
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -19369,6 +19400,15 @@ class DateInput {
19369
19400
  * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.
19370
19401
  */
19371
19402
  this.weekStartIndex = 0;
19403
+ /**
19404
+ * If false, pressing Enter will submit the form (if inside a form).
19405
+ * Set to true to suppress submit on Enter.
19406
+ */
19407
+ this.suppressSubmitOnEnter = false;
19408
+ /**
19409
+ * Text alignment within the date input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
19410
+ */
19411
+ this.textAlignment = 'start';
19372
19412
  this.show = false;
19373
19413
  this.from = null;
19374
19414
  this.isInputInvalid = false;
@@ -19466,6 +19506,9 @@ class DateInput {
19466
19506
  checkClassList() {
19467
19507
  this.isInvalid = this.hostElement.classList.contains('ix-invalid');
19468
19508
  }
19509
+ handleInputKeyDown(event) {
19510
+ handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
19511
+ }
19469
19512
  renderInput() {
19470
19513
  var _a;
19471
19514
  return (hAsync("div", { class: "input-wrapper" }, hAsync(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync("input", { autoComplete: "off", class: {
@@ -19484,6 +19527,8 @@ class DateInput {
19484
19527
  }, onBlur: () => {
19485
19528
  this.ixBlur.emit();
19486
19529
  this.touched = true;
19530
+ }, onKeyDown: (event) => this.handleInputKeyDown(event), style: {
19531
+ textAlign: this.textAlignment,
19487
19532
  } }), hAsync(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { "data-testid": "open-calendar", class: { 'calendar-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconCalendar, onClick: (event) => this.onCalenderClick(event), "aria-label": this.ariaLabelCalendarButton }))));
19488
19533
  }
19489
19534
  hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
@@ -19527,12 +19572,12 @@ class DateInput {
19527
19572
  const invalidText = this.isInputInvalid
19528
19573
  ? this.i18nErrorDateUnparsable
19529
19574
  : this.invalidText;
19530
- return (hAsync(Host, { key: '33f5063a7f848dfe2666c0c03420c577e29da00c', class: {
19575
+ return (hAsync(Host, { key: '011a0643000de99532a82efcecdcc48d20a817e1', class: {
19531
19576
  disabled: this.disabled,
19532
19577
  readonly: this.readonly,
19533
- } }, hAsync("ix-field-wrapper", { key: '703e6fc7546f7fb0087ef593f365b10c6b30eb2b', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '1bbe34f940ebe260e73f145be770f624a023644e', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
19578
+ } }, hAsync("ix-field-wrapper", { key: '08411e49b366d385cb96355bd4bd869d70bcee34', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: 'b471b5b81f4b4ad45a9403d54be147658f3b3e42', "data-testid": "date-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
19534
19579
  this.show = event.detail;
19535
- } }, hAsync("ix-date-picker", { key: 'c9b60191ec638e2aacef51bf9973622dfbce5424', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
19580
+ } }, hAsync("ix-date-picker", { key: '24ca8c4f0301ec042f13401e80463e85aa8a5d44', ref: this.datepickerRef, format: this.format, locale: this.locale, singleSelection: true, from: (_a = this.from) !== null && _a !== void 0 ? _a : '', minDate: this.minDate, maxDate: this.maxDate, onDateChange: (event) => {
19536
19581
  const { from } = event.detail;
19537
19582
  this.onInput(from);
19538
19583
  }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));
@@ -19571,6 +19616,8 @@ class DateInput {
19571
19616
  "weekStartIndex": [2, "week-start-index"],
19572
19617
  "ariaLabelPreviousMonthButton": [1, "aria-label-previous-month-button"],
19573
19618
  "ariaLabelNextMonthButton": [1, "aria-label-next-month-button"],
19619
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
19620
+ "textAlignment": [1, "text-alignment"],
19574
19621
  "show": [32],
19575
19622
  "from": [32],
19576
19623
  "isInputInvalid": [32],
@@ -19588,7 +19635,7 @@ class DateInput {
19588
19635
  },
19589
19636
  "$listeners$": undefined,
19590
19637
  "$lazyBundleId$": "-",
19591
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
19638
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
19592
19639
  }; }
19593
19640
  }
19594
19641
  __decorate$b([
@@ -19665,7 +19712,7 @@ function OnListener(event, fnExp) {
19665
19712
  };
19666
19713
  }
19667
19714
 
19668
- const datePickerCss = ":host{display:block;position:relative;width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0.25rem 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .fontSize{font-size:16px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:12px;line-height:20px;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
19715
+ const datePickerCss = ":host{display:block;position:relative;max-width:21rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .header{display:flex;align-items:center;justify-content:space-between}:host .disabled-item{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .selector{flex-basis:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}:host .selector .dropdown{color:var(--theme-menu-item--color);font-size:14px;line-height:20px}:host .selector .capitalize{text-transform:capitalize}:host .selector .month-dropdown-item{margin-left:4px;margin-right:4px}:host .selector .month-dropdown-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .selector .arrowYear{display:flex;position:relative;padding:0.75rem 2rem;align-items:center;cursor:pointer}:host .selector .arrowYear:hover{background-color:var(--theme-select-list-item--background--hover)}:host .selector .arrowYear.selected{background-color:var(--theme-select-list-item--background--selected)}:host .selector .arrowYear .arrowPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 6px)}:host .selector .arrowYear .checkPosition{position:absolute;left:calc(1rem - 6px);top:calc(50% - 8px)}:host .selector .arrowYear .monthMargin{margin-left:10px}:host .wrapper{display:flex}:host .wrapper .overflow{overflow-y:scroll;max-height:250px}:host .grid{display:grid;grid-template-columns:repeat(7, 40px);grid-template-rows:repeat(7, 40px);align-items:center;justify-items:center;justify-content:center;color:var(--theme-datepicker-today--color)}:host .grid--show-week-numbers{grid-template-columns:24px repeat(7, 40px)}:host .grid .calendar-item{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--theme-datepicker-day--background);border:1px solid var(--theme-datepicker-day--background);width:40px;height:40px;cursor:pointer}:host .grid .calendar-item:focus-visible{outline:1px solid var(--theme-color-focus-bdr);box-shadow:inset 0 0 0 1px var(--theme-color-inv-contrast-text);background-color:var(--theme-datepicker-day--background--selected);border:inset 1px solid var(--theme-datepicker-day--border-color--selected);color:var(--theme-datepicker-day--color--selected);font-size:14px;line-height:20px;letter-spacing:0}:host .grid .calendar-item.today{border:1px solid var(--theme-datepicker-today--border-color)}:host .grid .calendar-item.today:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item.today:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.today.selected{box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.today.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.today.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);border:1px solid var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.today.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range);border:1px solid var(--theme-datepicker-today--border-color--range);box-shadow:inset 0 0 0 1px white}:host .grid .calendar-item.today.range:hover{background-color:var(--theme-datepicker-day--background--range-hover);border:1px solid var(--theme-datepicker-today--border-color--range-hover)}:host .grid .calendar-item.today.range:active{background-color:var(--theme-datepicker-day--background--range-active);border:1px solid var(--theme-datepicker-today--border-color--range-active)}:host .grid .calendar-item.today.range.disabled{background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled);border:1px solid var(--theme-datepicker-today--border-color--range-disabled)}:host .grid .calendar-item.today.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled);cursor:default}:host .grid .calendar-item:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .grid .calendar-item:active{background-color:var(--theme-datepicker-day--background--active)}:host .grid .calendar-item.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);border:1px solid var(--theme-datepicker-day--background--selected);font-weight:var(--theme-font-weight-bold)}:host .grid .calendar-item.selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .grid .calendar-item.selected:active{background-color:var(--theme-datepicker-day--background--selected-active)}:host .grid .calendar-item.selected.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .grid .calendar-item.range{background-color:var(--theme-datepicker-day--background--range);color:var(--theme-datepicker-day--color--range)}:host .grid .calendar-item.range:hover{background-color:var(--theme-datepicker-day--background--range-hover)}:host .grid .calendar-item.range:active{background-color:var(--theme-datepicker-day--background--range-active)}:host .grid .calendar-item.range.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--range-disabled);color:var(--theme-datepicker-day--color--range-disabled)}:host .grid .calendar-item.disabled{pointer-events:none;background-color:var(--theme-datepicker-day--background--disabled);color:var(--theme-datepicker-day--color--disabled)}:host .grid .calendar-item.week-day{color:var(--theme-datepicker-weekday--color);font-size:var(--theme-ms-0);line-height:143%;border:none;background:none;cursor:initial}:host .grid .calendar-item.week-day .overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .grid .calendar-item.empty-day{border:none;background:none;cursor:initial}:host .grid .calendar-item.week-number{font-size:10px;line-height:14px;color:var(--theme-datepicker-weekday--color);border:none;background:none;cursor:initial;width:1.5rem}:host .button{display:flex;justify-content:flex-end;margin-top:1rem}:host .hidden{display:none}";
19669
19716
 
19670
19717
  /*
19671
19718
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -20147,7 +20194,7 @@ class DatePicker {
20147
20194
  return rows;
20148
20195
  }
20149
20196
  render() {
20150
- return (hAsync(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, hAsync("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, hAsync("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '90701ae7a627b41129506f9fad3523a459493e1a', class: "fontSize capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '0d08063a316522be267f453e3c16221cf59ac5a6', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: '6d91caedadb78bad8b1e65d218b63c683d635641', class: "wrapper" }, hAsync("div", { key: 'dae4910fc59d7653693f8e6db81c3a2eaf6cecf4', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: '3d953e9c9e587526f9b82bb573781a51c17a0dfb', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
20197
+ return (hAsync(Host, { key: 'ac385bc586d47db0ce5aeb9eab3e7e71e71fe7cf' }, hAsync("ix-date-time-card", { key: 'e1d11ba64aa8b1374c6ded705afa779a9b3966b1', corners: this.corners, embedded: this.embedded }, hAsync("div", { key: 'bc99b5e074709ee8599799814a3bc7fd5ab417a5', class: "header", slot: "header" }, hAsync("ix-icon-button", { key: '6bc172523c9588a3bb1d200d5113b2533117c021', onClick: () => this.changeToAdjacentMonth(-1), icon: iconChevronLeftSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelPreviousMonthButton }), hAsync("div", { key: 'e3505b87752b9d763ba61286f1091e67e2ee3314', class: "selector" }, hAsync("ix-button", { key: 'f6740c7a4ea82875e876896ab0d311e56edf2c6d', variant: "tertiary", ref: this.dropdownButtonRef, "data-testid": "year-month-button" }, hAsync("span", { key: '0cd1e04f63512e2c8798d3524c2e8cc3e719d853', class: "capitalize" }, this.monthNames[this.selectedMonth], " ", this.selectedYear)), hAsync("ix-dropdown", { key: '0021b8af9b8ba6b23e9ed49ebb4edcecc55eeb26', "data-testid": "year-month-dropdown", class: "dropdown", trigger: this.dropdownButtonRef.waitForCurrent(), ignoreRelatedSubmenu: true, placement: "bottom-start" }, hAsync("div", { key: 'f00cf88696bec06c49c59962d3dcb4838be3f3f2', class: "wrapper" }, hAsync("div", { key: '0d6b2ca0c9a2f23a7fd1fa24cc05454da9e16af7', "data-testid": "year-container", class: "overflow", onScroll: () => this.infiniteScrollYears(), ref: this.yearContainerRef }, this.renderYears()), hAsync("div", { key: 'bff068918a1f31e25f1d22b9e2f4b36e0a2affdd', class: "overflow", "data-testid": "month-container" }, this.monthNames.map((month, index) => (hAsync("div", { key: month, ref: (ref) => {
20151
20198
  if (month === this.monthNames[0]) {
20152
20199
  this.firstMonthRef(ref);
20153
20200
  }
@@ -20161,10 +20208,10 @@ class DatePicker {
20161
20208
  hidden: this.tempYear !== this.selectedYear ||
20162
20209
  this.tempMonth !== index,
20163
20210
  checkPosition: true,
20164
- }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '5f6380b580a26ca63f1285090a51affeaf667df3', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '4f1c314d39956676a1cf055ac8f1bffe7f6027e7', class: {
20211
+ }, name: iconSingleCheck, size: "16" }), hAsync("div", null, hAsync("span", { class: "capitalize monthMargin" }, `${month} ${this.tempYear}`))))))))), hAsync("ix-icon-button", { key: '42af554f8f382640b60f98b68708e5cb4912bf33', onClick: () => this.changeToAdjacentMonth(1), icon: iconChevronRightSmall, variant: "tertiary", class: "arrows", "aria-label": this.ariaLabelNextMonthButton })), hAsync("div", { key: '565551cf265951458d43742f5a64e1d3e8107bcc', class: {
20165
20212
  grid: true,
20166
20213
  'grid--show-week-numbers': this.showWeekNumbers,
20167
- } }, this.showWeekNumbers && hAsync("div", { key: '639a77b5bb12d1266145bb06777545b8807f7675', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
20214
+ } }, this.showWeekNumbers && hAsync("div", { key: '153664ce89e84909f75d424f3af985f3c8caa22b', class: "calendar-item week-day" }), this.dayNames.map((name) => (hAsync("div", { key: name, class: "calendar-item week-day" }, hAsync("div", { class: "overflow" }, name.slice(0, 3))))), this.calendar.map((week) => {
20168
20215
  return (hAsync(Fragment, null, this.showWeekNumbers && (hAsync("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
20169
20216
  return day ? (hAsync("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
20170
20217
  const target = e.currentTarget;
@@ -20176,10 +20223,10 @@ class DatePicker {
20176
20223
  }
20177
20224
  }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (hAsync("div", null));
20178
20225
  })));
20179
- })), hAsync("div", { key: 'cabe525ef68e3a519d37a9f00684acaa70de03e7', class: {
20226
+ })), hAsync("div", { key: 'a3eaf5affbf21d93ac0bd2938a544e372ecee2bc', class: {
20180
20227
  button: true,
20181
20228
  hidden: this.singleSelection || this.embedded,
20182
- } }, hAsync("ix-button", { key: '25e5eac3ece688f38009fa3a0f15eab6fb56f3a4', onClick: () => this.onDone() }, this.i18nDone)))));
20229
+ } }, hAsync("ix-button", { key: 'bcbc94626760a7c8e755f4afb52f127d5b49dcd7', onClick: () => this.onDone() }, this.i18nDone)))));
20183
20230
  }
20184
20231
  get hostElement() { return getElement(this); }
20185
20232
  static get watchers() { return {
@@ -20229,7 +20276,7 @@ __decorate$a([
20229
20276
  OnListener('keydown')
20230
20277
  ], DatePicker.prototype, "handleKeyUp", null);
20231
20278
 
20232
- const dateTimeCardCss = ":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:1rem;flex:0 1 auto}:host .card .separator{border:1px solid var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
20279
+ const dateTimeCardCss = ":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 .card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset;display:flex;flex-direction:column}:host .card.standaloneAppearance{box-shadow:var(--theme-shadow-4);border-radius:0.25rem}:host .card.rounded{border-radius:4px}:host .card.left{border-radius:4px 0 0 4px;height:100%}:host .card.right{border-radius:0 4px 4px 0;height:100%}:host .card.straight{border-radius:0}:host .card .header-container{width:100%}:host .card .header-container .header{padding:0.75rem 1rem;flex:0 1 auto}:host .card .separator{height:1px;background-color:var(--theme-datepicker-separator--background);width:100%;flex:0 1 auto}:host .card .content{padding:0 1rem 1rem 1rem;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}:host .card .content--time-picker{padding:0 1rem}:host .card .footer-container{width:100%}:host .card .footer-container .footer{padding:1rem}";
20233
20280
 
20234
20281
  /**
20235
20282
  * @internal
@@ -20285,7 +20332,7 @@ class DateTimeCard {
20285
20332
  }; }
20286
20333
  }
20287
20334
 
20288
- const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:0 1rem 1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
20335
+ const datetimePickerCss = ":host{display:block;background-color:var(--theme-menu--background);border-radius:4px;position:relative;width:-moz-min-content;width:min-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-layout-grid{border-radius:0.25rem;box-shadow:var(--theme-shadow-4)}:host ix-time-picker{width:100%}:host .no-padding{padding:0}:host ix-col{display:flex;flex-direction:column;padding:0}:host .flex{display:flex;justify-content:center;flex-direction:column}:host .row-separator,:host .col-separator{border-bottom:0.0625rem solid var(--theme-datepicker-separator--background)}:host .col-separator{border-right:none}@media (min-width: 576px){:host{min-width:-moz-max-content;min-width:max-content}:host .btn-select-date-container{display:inline-flex;flex-grow:1}:host .btn-select-date-container ix-button{margin-left:auto;margin-top:auto}:host .min-width{width:-moz-min-content;width:min-content}:host ix-time-picker{width:initial}:host .col-separator{border-right:0.0625rem solid var(--theme-datepicker-separator--background);border-bottom:none}}:host .individual{box-shadow:none;border:none}:host .btn-select-date-container{padding:1rem}@media (max-width: 576px){:host .btn-select-date-container .btn-select-date{width:100%}}";
20289
20336
 
20290
20337
  class DatetimePicker {
20291
20338
  constructor(hostRef) {
@@ -20357,7 +20404,7 @@ class DatetimePicker {
20357
20404
  this.timeChange.emit(time);
20358
20405
  }
20359
20406
  render() {
20360
- return (hAsync(Host, { key: '2b4812deec9408836a8187c3a520cd69b846e935' }, hAsync("ix-layout-grid", { key: '610fad916eb544d6687bcbfb3543b926f7521b9e', class: "no-padding" }, hAsync("ix-row", { key: 'e3aacceefb73ee04f1887da04d0b5e339daba649' }, hAsync("ix-col", { key: '64b8c1c44a131fd546d54197031664b3c8270c28' }, hAsync("ix-date-picker", { key: '926ca6fe6e4f17e80c83987598b374137a623a10', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: 'd27915a37d4d47bd11a066038adf59372f345296' }, hAsync("ix-time-picker", { key: 'bc70ef23493d0c501be37d4425be5021c211e53b', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }), hAsync("div", { key: '75f619c34b11412349017bed0013b41f7f947033', class: "btn-select-date-container" }, hAsync("ix-button", { key: 'dc9602b6ed9e4406cb8ffee0168d41c7cc8d9763', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
20407
+ return (hAsync(Host, { key: '2b4812deec9408836a8187c3a520cd69b846e935' }, hAsync("ix-layout-grid", { key: '610fad916eb544d6687bcbfb3543b926f7521b9e', class: "no-padding" }, hAsync("ix-row", { key: '63dcab9421e05163577db32fda3bd714a0c00de7', class: "row-separator" }, hAsync("ix-col", { key: '8ac25a8147b15ac20b45c3f1e48bfda34919eae1', class: "col-separator" }, hAsync("ix-date-picker", { key: '1831729d8dcb31e5361fbef4a6290111847b8679', ref: (ref) => (this.datePickerElement = ref), corners: "left", singleSelection: this.singleSelection, onDateChange: (event) => this.onDateChange(event), from: this.from, to: this.to, format: this.dateFormat, minDate: this.minDate, maxDate: this.maxDate, weekStartIndex: this.weekStartIndex, embedded: true, locale: this.locale, showWeekNumbers: this.showWeekNumbers, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton })), hAsync("ix-col", { key: '51b004e4362c9dc26d0e59909cfb431fd874cbac' }, hAsync("ix-time-picker", { key: '40672098b7e7cc369afd8429b34d14b97bcd1380', class: "min-width", ref: (ref) => (this.timePickerElement = ref), embedded: true, dateTimePickerAppearance: true, onTimeChange: (event) => this.onTimeChange(event), format: this.timeFormat, time: this.time }))), hAsync("ix-row", { key: '876f3e8defe5de50013e8ea7e1f3465bd6e339a1' }, hAsync("ix-col", { key: '1515e3e7b9ac5b121c8b0c3284092698f85652bf' }, hAsync("div", { key: '6aa46d00d240c20de2e92bd5fa62f6ca59f53274', class: "btn-select-date-container" }, hAsync("ix-button", { key: 'ca4e27ecc31600f97ac2ab061cbbf29b2c717078', class: "btn-select-date", onClick: () => this.onDone() }, this.i18nDone)))))));
20361
20408
  }
20362
20409
  static get style() { return datetimePickerCss; }
20363
20410
  static get cmpMeta() { return {
@@ -20395,7 +20442,7 @@ class Divider {
20395
20442
  registerInstance(this, hostRef);
20396
20443
  }
20397
20444
  render() {
20398
- return hAsync(Host, { key: '265222b022fa8d13e4f07e6fe7e19abc7ae2b6c0' });
20445
+ return hAsync(Host, { key: 'ca814e8d386105be46954dfba6ae6f9a0c8ba4a9' });
20399
20446
  }
20400
20447
  static get style() { return dividerCss; }
20401
20448
  static get cmpMeta() { return {
@@ -20536,7 +20583,7 @@ class Drawer {
20536
20583
  this.toggleDrawer(this.show);
20537
20584
  }
20538
20585
  render() {
20539
- return (hAsync(Host, { key: 'fff4cbcfc2cef008be568700e64be24876e59e5a', class: {
20586
+ return (hAsync(Host, { key: 'f40c42d1e7b7e8420c4a8f804a46b722580dd132', class: {
20540
20587
  'drawer-container': true,
20541
20588
  'display-none': true,
20542
20589
  }, style: {
@@ -20544,15 +20591,15 @@ class Drawer {
20544
20591
  'max-width': `${this.maxWidth}rem`,
20545
20592
  height: this.fullHeight ? '100%' : 'auto',
20546
20593
  overflow: 'hidden',
20547
- }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: 'eda993c94161ac174630ac6aa81a5be1d574fd40', style: {
20594
+ }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '810a3738ce5350281d758808ba93981914760877', style: {
20548
20595
  width: this.width === 'auto'
20549
20596
  ? 'auto'
20550
20597
  : `${this.getConstrainedWidth(this.width)}rem`,
20551
- } }, hAsync("div", { key: '4dd5149ba7e4ad3b40e7e9a7a46883de01831740', class: "header" }, hAsync("div", { key: 'fffb646da836939ed2fef0c91424996059792ce5', class: "header-content" }, hAsync("slot", { key: 'b5902a3bce51e8fc0fbb5ed96563595a2e95e187', name: "header" })), hAsync("ix-icon-button", { key: '855489d11e8439dd1cc9807c9fc7e11af56cc510', class: "close-button", style: {
20598
+ } }, hAsync("div", { key: '5601266a5a02c122d1392234fe1c1a755e440bad', class: "header" }, hAsync("div", { key: 'a43e56c621a03939233e10bb907e6f2bd7a7e176', class: "header-content" }, hAsync("slot", { key: 'ab7c9e45ca78c512c1a242f53a616a16a98187fe', name: "header" })), hAsync("ix-icon-button", { key: 'eaaa6f03ffdf2f5e2d9100ab3f45c4a1f46ef63d', class: "close-button", style: {
20552
20599
  display: this.showContent ? 'block' : 'none',
20553
- }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: 'f5e9cbe17366b49ad20b501f663e8c8dee1e456a', class: "content", style: {
20600
+ }, icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.onCloseClicked(), "data-testid": "close-button", "aria-label": this.ariaLabelCloseButton })), hAsync("div", { key: '170d74d584fb7b641adaa45800144a27f4354d92', class: "content", style: {
20554
20601
  display: this.showContent ? 'block' : 'none',
20555
- } }, hAsync("slot", { key: '1a8be255dce06ad85fd6fb689d8a50375d746b88' })))));
20602
+ } }, hAsync("slot", { key: 'de087859ac50be70b998ab696698df91f6816f21' })))));
20556
20603
  }
20557
20604
  static get watchers() { return {
20558
20605
  "show": ["onShowChanged"]
@@ -22859,7 +22906,7 @@ class Dropdown {
22859
22906
  this.applyDropdownPosition();
22860
22907
  }
22861
22908
  render() {
22862
- return (hAsync(Host, { key: '86e8b81af4bc5ad0fe27bbe62e9f1f7eb7c49f7e', "data-ix-dropdown": this.localUId, class: {
22909
+ return (hAsync(Host, { key: '04a27e5950bf94cc355c91e0339f9450d46ff103', "data-ix-dropdown": this.localUId, class: {
22863
22910
  'dropdown-menu': true,
22864
22911
  show: this.show,
22865
22912
  overflow: !this.suppressOverflowBehavior,
@@ -22867,7 +22914,7 @@ class Dropdown {
22867
22914
  margin: '0',
22868
22915
  minWidth: '0px',
22869
22916
  position: this.positioningStrategy,
22870
- }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: '071d50d4dd055be7a6d430cf913de9e6a99ca88b', style: { display: 'contents' } }, this.header && hAsync("div", { key: '408ab95eb7afaa61e1752204ebc1435038ecf49d', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: '3945c3c05e90a93acaaaff3110a26485fe058324' }))));
22917
+ }, role: "list", onClick: (event) => this.onDropdownClick(event) }, hAsync("div", { key: 'a5a82065838d09c0b0e8aa24887485664d0631b7', style: { display: 'contents' } }, this.header && hAsync("div", { key: '08e34e9d67769670fed4328d59d23de0d0bc1ccb', class: "dropdown-header" }, this.header), this.show && hAsync("slot", { key: 'ecf81415481bb26881fd6976b5e069ac444bb821' }))));
22871
22918
  }
22872
22919
  get hostElement() { return getElement(this); }
22873
22920
  static get watchers() { return {
@@ -22933,11 +22980,11 @@ class DropdownButton {
22933
22980
  } }));
22934
22981
  }
22935
22982
  render() {
22936
- return (hAsync(Host, { key: 'f30e5874fe837b3b6a9f2ef092f8b4d50cd37979', class: {
22983
+ return (hAsync(Host, { key: '4e4aca39eff13b8f665682b3f2dc9ace533c7ca0', class: {
22937
22984
  disabled: this.disabled,
22938
- }, ref: this.dropdownAnchor }, hAsync("div", { key: 'd1407beed3397c7dc0c84a78d4833f22799b7400', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
22985
+ }, ref: this.dropdownAnchor }, hAsync("div", { key: '9583ed2274621e67d779e9668fead87f663b7558', class: "dropdown-button" }, this.label ? (hAsync("ix-button", { variant: this.variant, disabled: this.disabled, alignment: "start", ariaLabel: this.ariaLabelDropdownButton }, hAsync("div", { class: 'content' }, this.icon ? (hAsync("ix-icon", { name: this.icon, size: "24", class: 'dropdown-icon' })) : null, hAsync("div", { class: 'button-label' }, this.label), hAsync("ix-icon", { name: this.dropdownShow
22939
22986
  ? iconChevronUpSmall
22940
- : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: '9489f1c35d3483103b30aea27cd595ec9da21d58', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: 'eccf0e7d86b7c4df9fe48b2873c0a05c7ec9a67f' }))));
22987
+ : iconChevronDownSmall, size: "24" })))) : (hAsync("div", null, hAsync("ix-icon-button", { icon: this.icon, variant: this.variant, disabled: this.disabled }), this.getTriangle()))), hAsync("ix-dropdown", { key: 'e4fd6fb8451d8883fac84764758a90ce6dc4d433', class: "dropdown", trigger: this.dropdownAnchor.waitForCurrent(), placement: this.placement, closeBehavior: this.closeBehavior, onShowChanged: this.onDropdownShowChanged }, hAsync("slot", { key: 'be8d3427e80c326bc7a6993f53190e290b824967' }))));
22941
22988
  }
22942
22989
  get hostElement() { return getElement(this); }
22943
22990
  static get style() { return dropdownButtonCss; }
@@ -22967,7 +23014,7 @@ class DropdownHeader {
22967
23014
  registerInstance(this, hostRef);
22968
23015
  }
22969
23016
  render() {
22970
- return (hAsync(Host, { key: '07334cf803a7b60b148a688f954099d4c82dd156' }, hAsync("ix-typography", { key: 'e71b5dca614dad0fdc6b29d04744b4d03042fcba', class: 'category-text', format: 'h5' }, this.label)));
23017
+ return (hAsync(Host, { key: '8c2634f5c46a222e4803fa7ae426fcdf9d8edaf4' }, hAsync("ix-typography", { key: '0951a5b06d746db809529a9149e021696507ade2', class: 'category-text', format: 'h5' }, this.label)));
22971
23018
  }
22972
23019
  static get style() { return dropdownHeaderCss; }
22973
23020
  static get cmpMeta() { return {
@@ -23019,15 +23066,15 @@ class DropdownItem {
23019
23066
  this.icon !== undefined);
23020
23067
  }
23021
23068
  render() {
23022
- return (hAsync(Host, { key: 'cd6bfb531ae38e3016ec9ebca8d02ec359c3ea7c', class: {
23069
+ return (hAsync(Host, { key: '4683b34a35d26f4cdce448ed24cdc5115f838fed', class: {
23023
23070
  hover: this.hover,
23024
23071
  'icon-only': this.isIconOnly(),
23025
23072
  disabled: this.disabled,
23026
23073
  submenu: this.isSubMenu,
23027
- }, role: "listitem" }, hAsync("button", { key: '0c21ba9811bd0943835d206b2ef520a442817c53', type: "button", tabIndex: 0, class: {
23074
+ }, role: "listitem" }, hAsync("button", { key: 'a655623c265f18e805a0f60a093dd4ac565ab35c', type: "button", tabIndex: 0, class: {
23028
23075
  'dropdown-item': true,
23029
23076
  'no-checked-field': this.suppressChecked,
23030
- }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '28895721674306daf8293096800e7a2296be2fbf', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'b71da89943666f609c8428aa62e91655766f2cb1' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
23077
+ }, onClick: () => this.emitItemClick(), "aria-label": this.ariaLabelButton }, !this.suppressChecked ? (hAsync("div", { class: "dropdown-item-checked" }, this.checked ? (hAsync("ix-icon", { class: "checkmark", name: iconSingleCheck, size: "16" })) : null)) : null, this.icon ? (hAsync("ix-icon", { class: "dropdown-item-icon", name: this.icon, "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'd88e90650387ce4dd0d440fe03bf21c19c785709', class: "dropdown-item-text" }, this.label, hAsync("slot", { key: 'd892aabbb2e268d36c348b800c043d08f2ceef83' })), this.isSubMenu ? (hAsync("ix-icon", { name: iconChevronRightSmall, class: 'submenu-icon' })) : null)));
23031
23078
  }
23032
23079
  get hostElement() { return getElement(this); }
23033
23080
  static get style() { return dropdownItemCss; }
@@ -23060,7 +23107,7 @@ class DropdownQuickActions {
23060
23107
  registerInstance(this, hostRef);
23061
23108
  }
23062
23109
  render() {
23063
- return (hAsync(Host, { key: 'fdd2e2b6dbcb923c0f777d59d6500aae7a809b62' }, hAsync("slot", { key: '89da7a8f6531cbee860e5677035357c785743c64' })));
23110
+ return (hAsync(Host, { key: '270b8dba8a8b79072beb81301d923f8f8754b70f' }, hAsync("slot", { key: '9970e51c7af36350359311ea217e2a402a35f994' })));
23064
23111
  }
23065
23112
  static get style() { return dropdownQuickActionsCss; }
23066
23113
  static get cmpMeta() { return {
@@ -23085,7 +23132,7 @@ class EmptyState {
23085
23132
  this.layout = 'large';
23086
23133
  }
23087
23134
  render() {
23088
- return (hAsync(Host, { key: 'c157ef4dd8518201fdae6fe41bf00208aa0067a7', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: '77152339a4f5e696d159ff2f37081debca16ef4d', class: "emptyState__icon" }, hAsync("ix-icon", { key: '274f9d1288fc209e07b7b53286b149582c9ae2b9', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), hAsync("div", { key: '9f9aeddd7f574c59ac82ddf5d3abca5ca963257e', class: "emptyState__content" }, hAsync("div", { key: '1def400c5abb743075aa44d531acf6ee97d2cb65', class: "content__label" }, hAsync("ix-typography", { key: '9b304c1ae25a9dba4339c585b762cc98a369c3b5', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: 'f55d27f18bb2ad7ad4e0952c2a2b65c95a169a62', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '45eda366d47fc9a8077b84015dd7f311df5a572f', class: "content__action" }, hAsync("ix-button", { key: '349520a7e809efe28770db0ad81641ed450d1ef7', onClick: () => this.actionClick.emit() }, this.action))))));
23135
+ return (hAsync(Host, { key: '40044bc561b77f0ca121fec086c4e50959cd84b8', class: `emptyState emptyState--${this.layout}` }, this.icon && (hAsync("div", { key: '4f7caad68b5bfdae9a3becc0d9cb86e6aa121b9a', class: "emptyState__icon" }, hAsync("ix-icon", { key: '4f3540bc8589358f3a81136bf18e37a963ccf8c4', name: this.icon, size: this.layout === 'large' ? '32' : '32', color: "color-soft-text", "aria-label": this.ariaLabelEmptyStateIcon }))), hAsync("div", { key: 'aa658e73609ff249ada8b4a11897bc6fd16f3e27', class: "emptyState__content" }, hAsync("div", { key: 'f46a03dcf711bdfc3919d3f94e5b60e64f434173', class: "content__label" }, hAsync("ix-typography", { key: 'dd56a7bc024921adedf792ed956614a13a7dd723', format: this.layout === 'large' ? 'h3' : 'body' }, this.header), this.subHeader && (hAsync("div", { key: '7813b0fd9e490328b24566ae0abb805dbc2d1b3b', class: "label__subHeader" }, this.subHeader))), this.action && (hAsync("div", { key: '4ffbf8f873bff95e04376dac344cd312d39a68d6', class: "content__action" }, hAsync("ix-button", { key: '20739fd736c3176034dcc6d564c09879f745b9b3', onClick: () => this.actionClick.emit() }, this.action))))));
23089
23136
  }
23090
23137
  static get style() { return emptyStateCss; }
23091
23138
  static get cmpMeta() { return {
@@ -23226,11 +23273,11 @@ class EventList {
23226
23273
  });
23227
23274
  }
23228
23275
  render() {
23229
- return (hAsync(Host, { key: '412f1406ca77c5cc4b8d97858a0a6b2dcde571c9', class: {
23276
+ return (hAsync(Host, { key: '71648df2cdbbb1951fa970739cdf1a6f4bd1c40f', class: {
23230
23277
  'item-size-s': this.itemHeight === 'S',
23231
23278
  'item-size-l': this.itemHeight === 'L',
23232
23279
  compact: this.compact,
23233
- } }, hAsync("div", { key: 'bf8731c25aa807b3971d7d1caa3380233c262b26', role: "list" }, hAsync("slot", { key: 'aa48d21a40f00146ada43ec541977efd5553554a' }))));
23280
+ } }, hAsync("div", { key: 'ce46bd8d70b502d2dd19ffee75d2f3ae45e95d5a', role: "list" }, hAsync("slot", { key: '016b05cd0e580af2e89232c3f4a0b5ebad8bda62' }))));
23234
23281
  }
23235
23282
  get hostElement() { return getElement(this); }
23236
23283
  static get watchers() { return {
@@ -23287,17 +23334,17 @@ class EventListItem {
23287
23334
  let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
23288
23335
  ? `var(${this.itemColor})`
23289
23336
  : `var(--theme-${this.itemColor})`;
23290
- return (hAsync(Host, { key: '69bcf29128bcdcbb1d4ec916ab267c3f3872563d', class: {
23337
+ return (hAsync(Host, { key: '76e06ddd63da8e0adec50dcd20bc61e2f2d1e1c0', class: {
23291
23338
  disabled: this.disabled,
23292
23339
  [`event-list-item-${this.variant}`]: true,
23293
- } }, hAsync("div", { key: '44a56bfe9beee7643cd97998309c7e1339673494', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
23340
+ } }, hAsync("div", { key: 'b04e600de4ca8f82c0ac973f6df2efc6a9c1acdb', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
23294
23341
  'event-list-item': true,
23295
23342
  selected: this.selected,
23296
23343
  disabled: this.disabled,
23297
- } }, hAsync("div", { key: 'cc43c1752fd48d33a40fbdc7b28f120b128d11f5', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
23344
+ } }, hAsync("div", { key: 'e8cbc3d3a7e752fd60fa30b92503d4c7a2b64392', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
23298
23345
  'background-color': this.itemColor ? color : 'inherit',
23299
23346
  opacity: `${this.disabled ? 0.4 : 1}`,
23300
- } }), hAsync("div", { key: 'dc79d72bff599d0c2cb3850548b56f2a7a7d74c0', class: "event-list-item-container" }, hAsync("div", { key: '6eb217297a62214cc4b2ecc0a24f2ac8b7b1be71', class: "event-content" }, hAsync("slot", { key: 'a2e260050ee37c653bbb46d5447dd4d299a93eb9' })), this.chevron && (hAsync("ix-icon", { key: 'e5b66296f312ae808f48826305fbd8e8a992e602', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
23347
+ } }), hAsync("div", { key: '41e137395c4466be016fd1c97456b040f60de4ab', class: "event-list-item-container" }, hAsync("div", { key: '0a38f7c6f62b877dde4a27db021daff4c47440e0', class: "event-content" }, hAsync("slot", { key: '8867732a5801ab78afc2de8ff60a715608c5f8c7' })), this.chevron && (hAsync("ix-icon", { key: '3a0155d4a8dc6fae7d65c181f0197abe5f78b4af', name: iconChevronRight, size: "16", class: "chevron-icon", "aria-hidden": "true" }))))));
23301
23348
  }
23302
23349
  static get style() { return eventListItemCss; }
23303
23350
  static get cmpMeta() { return {
@@ -23378,20 +23425,20 @@ class ExpandingSearch {
23378
23425
  }
23379
23426
  render() {
23380
23427
  var _a;
23381
- return (hAsync(Host, { key: 'cef1eaadd1182fc228042ec6358dae162b870bfa', class: {
23428
+ return (hAsync(Host, { key: 'a7502cbddcb136608813c4fe522e868ae3d5806d', class: {
23382
23429
  expanded: this.expanded,
23383
23430
  'right-position': this.expanded,
23384
23431
  fullWidth: this.fullWidth,
23385
- } }, hAsync("ix-icon-button", { key: '143fa362134e939f965e38c836effd321451c355', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
23432
+ } }, hAsync("ix-icon-button", { key: 'ad6ed825caea25be04469731e4eb8c33d08b1ad0', size: this.expanded ? '16' : '24', icon: (_a = this.icon) !== null && _a !== void 0 ? _a : iconSearch, variant: this.expanded ? 'tertiary' : this.variant, "data-testid": "button", onClick: () => this.expandInput(), tabindex: this.expanded ? -1 : 0, color: this.hasFocus ? 'input-search-icon--color--focus' : undefined, class: {
23386
23433
  'btn-search': true,
23387
23434
  'btn-search--expanded': this.expanded,
23388
- }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: '7fcbd5c539b210a8c56106e478f208bd7987f50b', class: {
23435
+ }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: 'b12d4ab2b26f00564d6edc1c3fd0d0f1ba48a8c2', class: {
23389
23436
  expanded: this.expanded,
23390
23437
  fullWidth: this.fullWidth,
23391
23438
  collapsed: !this.expanded,
23392
23439
  'disable-pointer': !this.expanded,
23393
23440
  'input-container': true,
23394
- }, "data-testid": "input-wrapper" }, hAsync("input", { key: 'f138deadccf92bd26f4b548147bbeb6a66e06da2', class: {
23441
+ }, "data-testid": "input-wrapper" }, hAsync("input", { key: '47f11db65a0f58d1fb0c77239062b8414538d200', class: {
23395
23442
  'ix-form-control': true,
23396
23443
  input: this.expanded,
23397
23444
  'disable-pointer': !this.expanded,
@@ -23433,8 +23480,12 @@ class ExpandingSearch {
23433
23480
  * This source code is licensed under the MIT license found in the
23434
23481
  * LICENSE file in the root directory of this source tree.
23435
23482
  */
23436
- function hasAnyText({ invalidText, warningText, infoText, validText, helperText, }) {
23437
- return [invalidText, warningText, infoText, validText, helperText].some((text) => text === null || text === void 0 ? void 0 : text.trim());
23483
+ function hasAnyText({ invalidText, isInvalid, warningText, isWarning, infoText, isInfo, validText, isValid, helperText, }) {
23484
+ return !!((isInvalid && (invalidText === null || invalidText === void 0 ? void 0 : invalidText.trim())) ||
23485
+ (isWarning && (warningText === null || warningText === void 0 ? void 0 : warningText.trim())) ||
23486
+ (isInfo && (infoText === null || infoText === void 0 ? void 0 : infoText.trim())) ||
23487
+ (isValid && (validText === null || validText === void 0 ? void 0 : validText.trim())) ||
23488
+ (helperText === null || helperText === void 0 ? void 0 : helperText.trim()));
23438
23489
  }
23439
23490
  function HelperText$1(props) {
23440
23491
  if (!hasAnyText(props))
@@ -23499,9 +23550,9 @@ class FieldWrapper {
23499
23550
  infoText: this.infoText,
23500
23551
  helperText: this.helperText,
23501
23552
  };
23502
- return (hAsync(Host, { key: '3e4d4cc4d1825e7c882844497a14c683e6fa4984' }, this.label && (hAsync("div", { key: '14c73ca16fca119c7ae3b57406fed9d06c92682b', class: "field-top" }, hAsync("ix-field-label", { key: '528080fc33fbba4af32b995c2a5b812cbe546c3c', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '07dd086cb873468943feddd633ff9487c4ac28ad', class: {
23553
+ return (hAsync(Host, { key: 'a27a9cefcce30e8dc30ca6a3fd72164227e86fdf' }, this.label && (hAsync("div", { key: 'ef4a8585d24c3b0400e85b1a21bd9344e01bcb47', class: "field-top" }, hAsync("ix-field-label", { key: '93c9f7cfbbde681956a7676721f1dd0821907e89', required: this.required, htmlFor: this.htmlForLabel, controlRef: this.controlRef, isInvalid: this.isInvalid }, this.label))), hAsync("div", { key: '3a26cb08a91fc7c0f10de83a5b722b5af66f059f', class: {
23503
23554
  'slot-wrapper': true,
23504
- }, ref: this.slotRef }, hAsync("slot", { key: 'b7cd2920a4ddfcd8c89c661a516169f965956150' })), hAsync("div", { key: 'f2976ba8ed9a373e46ad0b12b7aa4e7eefd15f16', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: 'aec1f83ed3e30742d7e3d50e5287b3585cfff158' }, textOptions)), hAsync("div", { key: 'a89b5e7a6485fd220b5b1b0fa68eda56fe77367c', class: "bottom-right" }, hAsync("slot", { key: '079a9c2ad3694da127bc03324764a317d0ad97a3', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'c43740e25841a7e14069b0f666ede1e3d3a38e35', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '8cffb6fb825da3d30f8b0362359d305c53a99c93' }, textOptions))))));
23555
+ }, ref: this.slotRef }, hAsync("slot", { key: 'fe73a444a23928cee7f7899cc3bb6aef76eefa68' })), hAsync("div", { key: 'bc5fa34c5a05e49427e63a87d70db0735a0a0b80', class: 'field-bottom' }, !this.showTextAsTooltip && hAsync(HelperText$1, Object.assign({ key: '67abdfcf2448d8df422cd0ee39c162f423e5c564' }, textOptions)), hAsync("div", { key: 'fecb02a2e534980491ea776cdc952b1aeea41286', class: "bottom-right" }, hAsync("slot", { key: '9a958f810edf477be93394d887724c9763c57f17', name: "bottom-right" }))), this.showTextAsTooltip === true && hasAnyText(textOptions) && (hAsync("ix-tooltip", { key: 'd3d8810548d267811e5f298fbb41f657abbae27d', for: this.slotRef.waitForCurrent(), showDelay: 500, placement: "bottom" }, hAsync(HelperText$1, Object.assign({ key: '44c241959d5db7e91c00a08a843a51dfc9307256' }, textOptions))))));
23505
23556
  }
23506
23557
  get hostElement() { return getElement(this); }
23507
23558
  static get style() { return fieldWrapperCss; }
@@ -23551,7 +23602,7 @@ class FilterChip {
23551
23602
  this.closeClick.emit();
23552
23603
  }
23553
23604
  render() {
23554
- return (hAsync(Host, { key: '8cc1b9fa681c0a4db152ce8be3c6f5e9e57f342d', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '61c4d43d905cad264fb7eef85b8d59a4fa5bc966', class: "slot-container" }, hAsync("slot", { key: 'f46f5e585c9a822f78d173945da0fdb91666ef09' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
23605
+ return (hAsync(Host, { key: '03b4a6c34e034efe267406a523a902e85665b351', class: { disabled: this.disabled, readonly: this.readonly }, title: this.hostElement.textContent }, hAsync("div", { key: '75c8992cf2e8dc2d2ff76d1579219ff4bef46fd2', class: "slot-container" }, hAsync("slot", { key: 'ea52727be5fa2cda2f9ddaa2a7a37a1c7c1f4f91' })), !this.disabled && !this.readonly ? (hAsync("ix-icon-button", { variant: "tertiary", oval: true, icon: iconCloseSmall, size: "16", tabindex: this.disabled ? -1 : 0, disabled: this.disabled, onClick: (e) => this.onCloseClick(e), "aria-label": this.ariaLabelCloseIconButton })) : null));
23555
23606
  }
23556
23607
  get hostElement() { return getElement(this); }
23557
23608
  static get style() { return filterChipCss; }
@@ -23678,7 +23729,7 @@ class FlipTile {
23678
23729
  }, 2 * Animation.defaultTime);
23679
23730
  }
23680
23731
  render() {
23681
- return (hAsync(Host, { key: '8e765099be7fad3f1e3ad850934cacf3a3a0005b', class: {
23732
+ return (hAsync(Host, { key: '32727b4df750f9d1892f365a7e8d729447be05ac', class: {
23682
23733
  [`flip-tile-variant-${this.variant}`]: true,
23683
23734
  }, style: {
23684
23735
  height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -23687,10 +23738,10 @@ class FlipTile {
23687
23738
  width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
23688
23739
  'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
23689
23740
  'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
23690
- } }, hAsync("div", { key: 'b2b5f3eb5e7434781c6e20c4227f6ba0558ef1ba', class: "flip-tile-container" }, hAsync("div", { key: '62bf878e8dbe1b0ede76e18bfd7864559e5bc40e', class: "flip-tile-header" }, hAsync("div", { key: 'a6778965143f874ba4afb4cf85668caa72b6b37d', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '8d8fbdea8c689955d3d883386d5de53ce3716102', name: "header" })), hAsync("ix-icon-button", { key: 'a7f7ad867ff020682dad39ee879d75a539b2311e', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), hAsync("div", { key: '9f36cb8e3242c3df057ca422cc16c2dbd46d05c2', class: "content-container" }, hAsync("slot", { key: '1b8931c0bdb7fb8fcf1ef7179c441e7054aba515' })), hAsync("div", { key: '20d76b0e598ad7c202ec917cc07c3a9dc4c22ce6', class: {
23741
+ } }, hAsync("div", { key: 'e58093dce55ede49f9f1782327c73918ee21d2c6', class: "flip-tile-container" }, hAsync("div", { key: 'bd60e44b5b04177c4003936aa15d6539cd093883', class: "flip-tile-header" }, hAsync("div", { key: '792d0e39b406fb50561f3c35c0340ee827b568e6', class: "header-slot-container text-l-title" }, hAsync("slot", { key: '9e320aef9f89689b594c9555e154c8795dbdb233', name: "header" })), hAsync("ix-icon-button", { key: 'dc0a042565001a79ea17e33671f4c2486b702ebf', icon: iconEye, variant: "tertiary", onClick: () => this.toggleIndex(), "aria-label": this.ariaLabelEyeIconButton })), hAsync("div", { key: 'fa61544ccf0e16884c4d747e0e7cc174216d7906', class: "content-container" }, hAsync("slot", { key: '1ed79120c3e926bb5f48a0e1980f5dfb785050f8' })), hAsync("div", { key: '543216df0a9e93c9a739b921259e529eb494e751', class: {
23691
23742
  footer: true,
23692
23743
  'show-footer': this.hasFooterSlot,
23693
- } }, hAsync("slot", { key: '6b8c833a377673cc30625afda00a1881d5e66fca', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
23744
+ } }, hAsync("slot", { key: '271f61fc236be2813cec900c788fe4bfcb2c285d', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
23694
23745
  }
23695
23746
  get hostElement() { return getElement(this); }
23696
23747
  static get watchers() { return {
@@ -23728,7 +23779,7 @@ class FlipTileContent {
23728
23779
  this.contentVisible = false;
23729
23780
  }
23730
23781
  render() {
23731
- return hAsync(Host, { key: '5965aa904c665ec7f059cfd2923d13d6c408f435' }, this.contentVisible ? hAsync("slot", null) : null);
23782
+ return hAsync(Host, { key: '264e3539d6c5abcd8716968a4128da99ca191375' }, this.contentVisible ? hAsync("slot", null) : null);
23732
23783
  }
23733
23784
  static get style() { return flipTileContentCss; }
23734
23785
  static get cmpMeta() { return {
@@ -23849,7 +23900,7 @@ class FormFieldLabel {
23849
23900
  }
23850
23901
  }
23851
23902
  render() {
23852
- return (hAsync(Host, { key: '8b95961ee8dde015e7be8c9b5d5b0c742abc66a2', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '94e23159d8cfc8366628245ff88c66a75114ddcd', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: '71d0e1969ab2ffbc95366c256f22412caeca51a4', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: '73d15d7c64df8d301cbe1a0d5158c459273d90ed' }), this.required && hAsync("span", { key: 'adfe97c75781edcf3a3d84c463f019afff623765' }, "*")))));
23903
+ return (hAsync(Host, { key: 'ca4f1ba84a3a19a4d15aa517272c90bebf782e13', onClick: () => this.focusOnClick() }, hAsync("label", Object.assign({ key: '44e2386d5dd7c51d3b5a9e1530e986b15ba64d23', htmlFor: this.htmlFor }, this.a11yAttributes, { ref: this.labelRef }), hAsync("ix-typography", { key: 'ab97048f7a521ad398438795ba7a5ccba2571f4c', textColor: this.isInvalid ? 'alarm' : 'soft', format: "label" }, hAsync("slot", { key: 'faf628440f832acb412c7f5b40dab4620da785d7' }), this.required && hAsync("span", { key: 'd15676e3bf2d645ce2e1fc8f3bd91af23b6ec725' }, "*")))));
23853
23904
  }
23854
23905
  get hostElement() { return getElement(this); }
23855
23906
  static get watchers() { return {
@@ -24005,27 +24056,27 @@ class Group {
24005
24056
  }
24006
24057
  }
24007
24058
  render() {
24008
- return (hAsync(Host, { key: '4afd808f34c4c47ef82b9ac86c9824f93c0ac022' }, hAsync("div", { key: 'e4faee7660a7e0356be0847648d8c749b8a53dd8', class: {
24059
+ return (hAsync(Host, { key: 'b93d2c8f1290baa2983945ce349b90e95bf18696' }, hAsync("div", { key: '3e9ce7ce3402f48bb17612a97bf9bee85767c6aa', class: {
24009
24060
  'group-header': true,
24010
24061
  expand: this.expanded,
24011
24062
  selected: this.selected,
24012
- }, tabindex: "0" }, hAsync("div", { key: '708f196e0212bf1134de3e12d7c22ec6b981c998', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: 'b7e7fdf40ff90648cb3d734340ddb2ae1c39f35f', class: {
24063
+ }, tabindex: "0" }, hAsync("div", { key: 'daeb1087643b9f0267b3e2ba13a3973486730888', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '9771b2df1e5b68339aa9c4689de4b2d24bc09341', class: {
24013
24064
  'group-header-selection-indicator': true,
24014
24065
  'group-header-selection-indicator-item-selected': this.itemSelected,
24015
- } }), hAsync("div", { key: '11526d19f3cbe9cc5ced668a16b4d9401907a20b', class: "btn-expand-header" }, hAsync("ix-icon", { key: '0484a742e10ef8d3448b948c708795f28977af50', "data-testid": "expand-collapsed-icon", class: {
24066
+ } }), hAsync("div", { key: 'e0e1454e780614a31955720bd7b62d7bfec1b7e0', class: "btn-expand-header" }, hAsync("ix-icon", { key: '0742c7515bbac3d3ba0221a5c3b0860d6a1792a2', "data-testid": "expand-collapsed-icon", class: {
24016
24067
  hidden: !this.showExpandCollapsedIcon,
24017
- }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: 'ebd85a3ffcff6a72afa619f9f339f9f335d5692a', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: 'd32a324262fec6c9331b773d4244fa9a98ec8e26', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: 'fc3c314ee1f858a833786d0086c0cbf372cbaa91' }, hAsync("slot", { key: 'aba688f91e2891df29b28a836cea956967a0bfdc', name: "dropdown" })))), hAsync("div", { key: 'ff1e7e553feafffb89d6e5727fa08e518c5e8f09', class: {
24068
+ }, name: this.expanded ? iconChevronUpSmall : iconChevronDownSmall, onClick: (event) => this.onExpandClick(event) })), hAsync("div", { key: '4aa355b5a3a7f70977275139779000b2474a4a91', class: "group-header-content" }, this.header ? (hAsync("div", { class: "group-header-props-container" }, hAsync("div", { class: "group-header-title" }, hAsync("span", { title: this.header }, this.header)), hAsync("div", { class: "group-subheader", title: this.subHeader }, this.subHeader))) : null, hAsync("slot", { key: 'c782251ecc1044aa3f7923d8f58b7f9c28700b4f', name: "header" }))), this.hasDropdown && (hAsync("ix-group-context-menu", { key: '0899d27a51f412aea136b00fcae9ab32859670f4' }, hAsync("slot", { key: '76f9b3b94312879ac5e349546172e3d95aefce78', name: "dropdown" })))), hAsync("div", { key: 'f6a6aac17d8685244c28b8c6ecd24c966985ba1b', class: {
24018
24069
  'group-content': true,
24019
- } }, hAsync("div", { key: '2491e7fc2db3a26f2a6590dc4f5672256aea0ba0', style: {
24070
+ } }, hAsync("div", { key: 'f805cc015b7bf9c919ea9129500e4af8773b7f63', style: {
24020
24071
  display: this.expanded ? 'contents' : 'none',
24021
- } }, hAsync("slot", { key: '9ff899ad82ec853ca26bf6516755aa96ff4f1a75', onSlotchange: () => {
24072
+ } }, hAsync("slot", { key: '703791e124429a91a5798429443c3494d18b262d', onSlotchange: () => {
24022
24073
  var _a;
24023
24074
  const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
24024
24075
  this.showExpandCollapsedIcon = hasSlottedElements(slot);
24025
- } }), hAsync("ix-group-item", { key: 'deba11384b1595616beb387a20e13bd4a37bab85', class: {
24076
+ } }), hAsync("ix-group-item", { key: '5e471c137730667bd459ac80943369b59f81c544', class: {
24026
24077
  footer: true,
24027
24078
  'footer-visible': this.footerVisible,
24028
- }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '93f76c08a387e415908c1425e88463306bd7f094', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
24079
+ }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '84526685ab81de426a70ecfb52db3211b4a3219b', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
24029
24080
  }
24030
24081
  get hostElement() { return getElement(this); }
24031
24082
  static get watchers() { return {
@@ -24087,7 +24138,7 @@ class GroupContextMenu {
24087
24138
  this.configureDropdown(dropdownElement, triggerElement);
24088
24139
  }
24089
24140
  render() {
24090
- return (hAsync(Host, { key: '6df61ec63b35350e4911a5b45ecf02ec8f05d42a' }, hAsync("ix-icon-button", { key: '480474db13076c449bb664cc3be7aef9b2604c41', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), hAsync("slot", { key: 'cf8842a68562de5d58a8bec0441db254a56ad05b', onSlotchange: () => this.onSlotChange() })));
24141
+ return (hAsync(Host, { key: '13eed06b9866e6d59f3972d2940f752d8f245b52' }, hAsync("ix-icon-button", { key: '6fc57583df2308b3fa234d8fd675cbcb05a55974', class: { hide: !this.showContextMenu }, size: "24", variant: "subtle-tertiary", icon: iconContextMenu }), hAsync("slot", { key: 'b56d53e0b2154c0eefcd99fdd8eeb508457b7641', onSlotchange: () => this.onSlotChange() })));
24091
24142
  }
24092
24143
  get hostElement() { return getElement(this); }
24093
24144
  static get style() { return groupContextMenuCss; }
@@ -24211,7 +24262,7 @@ class HelperText {
24211
24262
  this.validationResults = checkFieldClasses(forElement);
24212
24263
  }
24213
24264
  render() {
24214
- return (hAsync(Host, { key: '80773f9945e4d763cd06ef66b4654270a3a7dbd4' }, hAsync(HelperText$1, Object.assign({ key: '214ef1f926975fcf41676cb525b7098060f7f42c', helperText: this.helperText,
24265
+ return (hAsync(Host, { key: '95d6dfb6a163ee5e6b4d7d478780af394427548c' }, hAsync(HelperText$1, Object.assign({ key: 'dc7f97b4cb8b2563c1a1089764e25eb63c75b583', helperText: this.helperText,
24215
24266
  invalidText: this.invalidText,
24216
24267
  validText: this.validText,
24217
24268
  infoText: this.infoText,
@@ -24322,7 +24373,7 @@ class IconButton {
24322
24373
  type: this.type,
24323
24374
  extraClasses: this.getIconSizeClass(),
24324
24375
  };
24325
- return (hAsync(Host, { key: 'bf38203ea971e79608015f29912cb8e25095aaa9', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '79512317c4eb9af675ac19918f06ca7c163693a8' }, baseButtonProps))));
24376
+ return (hAsync(Host, { key: '04486b7d26d2b34a920b53f683b3b1b591b95311', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '94936955261d6fc13e78ea98ddb3cf98d3fda058' }, baseButtonProps))));
24326
24377
  }
24327
24378
  get hostElement() { return getElement(this); }
24328
24379
  static get style() { return iconButtonCss; }
@@ -24416,7 +24467,7 @@ class IconToggleButton {
24416
24467
  },
24417
24468
  extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
24418
24469
  };
24419
- return (hAsync(Host, { key: '0cdca2a85b3ed4e29f1686911eedc5e269178ec2', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'b3fd9e932199b79af77f6a24c35fdb3f1c0177a7' }, baseButtonProps))));
24470
+ return (hAsync(Host, { key: 'cac43636bbec0b7a783309bc8acfff59dc899077', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'c1476c415753b630b480542ea220854ecb8c56a9' }, baseButtonProps))));
24420
24471
  }
24421
24472
  get hostElement() { return getElement(this); }
24422
24473
  static get style() { return iconToggleButtonCss; }
@@ -24500,6 +24551,15 @@ class Input {
24500
24551
  * Specifies whether the text field is readonly.
24501
24552
  */
24502
24553
  this.readonly = false;
24554
+ /**
24555
+ * If false, pressing Enter will submit the form (if inside a form).
24556
+ * Set to true to suppress submit on Enter.
24557
+ */
24558
+ this.suppressSubmitOnEnter = false;
24559
+ /**
24560
+ * Text alignment within the input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
24561
+ */
24562
+ this.textAlignment = 'start';
24503
24563
  this.isInvalid = false;
24504
24564
  this.isValid = false;
24505
24565
  this.isInfo = false;
@@ -24572,15 +24632,15 @@ class Input {
24572
24632
  return Promise.resolve(this.touched);
24573
24633
  }
24574
24634
  render() {
24575
- var _a;
24635
+ var _a, _b;
24576
24636
  const inputAria = getAriaAttributesForInput(this);
24577
- return (hAsync(Host, { key: 'c74b72aaf7caf50aca8bada5a426ced0d03da3a4', class: {
24637
+ return (hAsync(Host, { key: '07337a899a3b73d3cb37b1fc84da266d95cff84a', class: {
24578
24638
  disabled: this.disabled,
24579
24639
  readonly: this.readonly,
24580
- } }, hAsync("ix-field-wrapper", { key: '259d4c941b5230eb3dab8f1e06d365fc5dd487bf', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'b74bc60a551f8068fc3fd273583089160ef0e272', class: "input-wrapper" }, hAsync(SlotStart, { key: '5da1e346612ed0b0ce81b4ca370593e3cfdd950f', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'd259d8e2fdc27cf9ef550a649db0a05d407752b4', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
24640
+ } }, hAsync("ix-field-wrapper", { key: '64461a842b4a784192fd7ab9fdc972bd4810785a', htmlForLabel: this.inputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'aac87eb96cb2cba4b9f86527b6d7784d0a015474', class: "input-wrapper" }, hAsync(SlotStart, { key: '87bcf8d63bd1a4020a680bc2b6def8034a9d65de', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'f6b81c671a36b00bde716d72a40c17b6cd409c24', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
24581
24641
  onInputBlur(this, this.inputRef.current);
24582
24642
  this.touched = true;
24583
- }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: '83f14577687a0437983e0cff26d59291cf1a5f47', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '4a54d7c381d87c75dca1e3febfb8d0e8d0095bf9', color: "color-weak-text", class: {
24643
+ }, ariaAttributes: inputAria, form: (_a = this.formInternals.form) !== null && _a !== void 0 ? _a : undefined, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), hAsync(SlotEnd, { key: 'c8f10373d93bba50d0c633b77fd7ec548e4590d5', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '169c36e6719204de19756a1cf8c0a7c141119417', color: "color-weak-text", class: {
24584
24644
  'password-eye': true,
24585
24645
  'eye-hidden': this.type !== 'password' || this.disabled,
24586
24646
  }, variant: "tertiary", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -24589,7 +24649,7 @@ class Input {
24589
24649
  return;
24590
24650
  }
24591
24651
  this.inputType = 'password';
24592
- } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '40bbb9d175f5df31dba1115aaab0c7e2c07f067c', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)))));
24652
+ } }))), !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: 'd4041de277ec45534274a6a4a739ff90cd4b98c1', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_b = this.value) !== null && _b !== void 0 ? _b : '').length, "/", this.maxLength)))));
24593
24653
  }
24594
24654
  static get formAssociated() { return true; }
24595
24655
  get hostElement() { return getElement(this); }
@@ -24619,6 +24679,8 @@ class Input {
24619
24679
  "maxLength": [2, "max-length"],
24620
24680
  "minLength": [2, "min-length"],
24621
24681
  "allowedCharactersPattern": [1, "allowed-characters-pattern"],
24682
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
24683
+ "textAlignment": [1, "text-alignment"],
24622
24684
  "isInvalid": [32],
24623
24685
  "isValid": [32],
24624
24686
  "isInfo": [32],
@@ -24634,7 +24696,7 @@ class Input {
24634
24696
  },
24635
24697
  "$listeners$": undefined,
24636
24698
  "$lazyBundleId$": "-",
24637
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"]]
24699
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
24638
24700
  }; }
24639
24701
  }
24640
24702
  __decorate$9([
@@ -24763,7 +24825,7 @@ class InputGroup {
24763
24825
  return width;
24764
24826
  }
24765
24827
  render() {
24766
- return (hAsync(Host, { key: 'd0f57d858ca77f197bee75874412f218facf40d9', class: { disabled: this.disabled } }, hAsync("div", { key: '7221faf602895189f3c612328adb9f96c9ba511e', class: "group group-start" }, hAsync("slot", { key: '261bed25a0ac9f0fa9cb5ba9945f35a2bdaf0d0d', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '624586d74b428624dadc77f7dbaa097e80590110' }), hAsync("div", { key: 'e42e4337ff02ad203f50b080e10c2ce6c76a60fd', class: "group group-end" }, hAsync("slot", { key: '39d2cd0d441e43db924ad528856065bb87efebe3', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
24828
+ return (hAsync(Host, { key: 'c47a7aab493e832b0d2c14d81bbf10b666f23f6c', class: { disabled: this.disabled } }, hAsync("div", { key: '44cac00e7f527e3a8f12fbb6a0698cbc4e81feeb', class: "group group-start" }, hAsync("slot", { key: '030a2cc484426f92ac56570567d3b6dbec70c615', ref: (el) => (this.startSlotRef = el), name: "input-start" })), hAsync("slot", { key: '36a4cd0a41f2dc250cc24024b2f6470d29948e9b' }), hAsync("div", { key: 'b6f0a7c2651d27bfd8392176c239190d4fe26d9c', class: "group group-end" }, hAsync("slot", { key: '9d9dbff6897c41627ca0d7e133bdecbd68a373b8', ref: (el) => (this.endSlotRef = el), name: "input-end" }))));
24767
24829
  }
24768
24830
  get hostElement() { return getElement(this); }
24769
24831
  static get style() { return inputGroupCss; }
@@ -24863,7 +24925,7 @@ class IxTypography {
24863
24925
  color: IxTypography.getTextColor(this.textColor),
24864
24926
  };
24865
24927
  }
24866
- return (hAsync(Host, { key: '373bb7d6255698f7fed9130834b1ae14fbfd8586', class: typographyClass, style: style }, hAsync("slot", { key: 'a6368136d7dc8ce6c0418c5debba69b4ec9fe137' })));
24928
+ return (hAsync(Host, { key: 'de007c46746d98dffe4647fca37b0d8dd1967415', class: typographyClass, style: style }, hAsync("slot", { key: 'a4ada9ab3f8a64839f4a6c7938b3769f6ef0d6c7' })));
24867
24929
  }
24868
24930
  static get style() { return typographyCss; }
24869
24931
  static get cmpMeta() { return {
@@ -24895,7 +24957,7 @@ class KeyValue {
24895
24957
  this.labelPosition = 'top';
24896
24958
  }
24897
24959
  render() {
24898
- return (hAsync(Host, { key: 'afb00b426d8c1058f0cbb4f1c36c77f879d4fcc2', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: 'f965a5b314912431569919f3d12b03e7ecdd7a7f', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '93a20b20f02409e5229d75f9614024771a1e4062', class: "keyValue__content" }, hAsync("div", { key: '86a788b30e518a4fe26c9f266c79faeb71c2a246', class: "content__label" }, this.label), hAsync("div", { key: '9421c0ff618a40335423c624640556b266cb0744', class: {
24960
+ return (hAsync(Host, { key: '7fb93d7b2fbcf2ce8aac64eda186d82a5a45cbe7', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (hAsync("ix-icon", { key: '4ec1a309785fba489f0c8d9dfb2c024268c92193', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '95fb53fe545cd00bc84b6eeeba6c910eff2143cc', class: "keyValue__content" }, hAsync("div", { key: '631b09a0969534b81538968c50c886b5337a0765', class: "content__label" }, this.label), hAsync("div", { key: 'd45d5050124bf055a05cd71305b2b4e9d30a572d', class: {
24899
24961
  content__value: true,
24900
24962
  'has-customValue': this.value === undefined,
24901
24963
  } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -24928,7 +24990,7 @@ class KeyValueList {
24928
24990
  this.striped = false;
24929
24991
  }
24930
24992
  render() {
24931
- return (hAsync(Host, { key: '8dba91174048942e97f5c3923693f9773498850e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '008b5a305508353e90fbbdc664079942b5e72fb6' })));
24993
+ return (hAsync(Host, { key: 'fcc3ec3470c25cac50b88a1006b30be059f778f8', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '05645a91f92d7db584bd8235f73979249870e734' })));
24932
24994
  }
24933
24995
  static get style() { return keyValueListCss; }
24934
24996
  static get cmpMeta() { return {
@@ -24975,13 +25037,13 @@ class Kpi {
24975
25037
  return tooltip;
24976
25038
  }
24977
25039
  render() {
24978
- return (hAsync(Host, { key: 'b30b96a30c6462d46df55d826117a7bbca06bd87', title: this.getTooltipText(), tabindex: "1", class: {
25040
+ return (hAsync(Host, { key: '34fcbb68ba73d08619ef12fd9595c9c684aa3d10', title: this.getTooltipText(), tabindex: "1", class: {
24979
25041
  stacked: this.orientation === 'vertical',
24980
- } }, hAsync("div", { key: '91df6b79eab2edbf0ccb71d2dd8ee07e1412c546', class: {
25042
+ } }, hAsync("div", { key: 'cd4910a41ee179ea21166c80322e5361dd132850', class: {
24981
25043
  'kpi-container': true,
24982
25044
  alarm: this.state === 'alarm',
24983
25045
  warning: this.state === 'warning',
24984
- } }, hAsync("span", { key: '8229c1774d9ef82f8c30e1a8f24dafc57b5eed49', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: 'e27dbc323999e5e211ee923a07089a19d8de4ad6', class: "kpi-label-text" }, this.label)), hAsync("span", { key: 'a3c2b17de22d8630a05b0e39c4005ac145784a53', class: "kpi-value-container" }, hAsync("span", { key: '1b5f92dbd5f394d6c3bad1c9360427d572127759', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
25046
+ } }, hAsync("span", { key: '33226fc8e0561e4db98181be1b6595534561bab7', class: "kpi-label" }, this.getStateIcon(), hAsync("span", { key: '06cb693420e43f2475cfae0d8f2217a2770ac5cc', class: "kpi-label-text" }, this.label)), hAsync("span", { key: '8a837f1466b2670d473983aaffc2742737fb8a9a', class: "kpi-value-container" }, hAsync("span", { key: '5e66113f88a3637aaf83c3482a5625b290e25763', class: "kpi-value" }, this.value), this.unit ? hAsync("span", { class: "kpi-unit" }, this.unit) : ''))));
24985
25047
  }
24986
25048
  static get style() { return kpiCss; }
24987
25049
  static get cmpMeta() { return {
@@ -25078,7 +25140,7 @@ class LayoutForm {
25078
25140
  });
25079
25141
  }
25080
25142
  render() {
25081
- return (hAsync(Host, { key: 'c372cee7de4d253246c61f60858b268619592d5d' }, hAsync("div", { key: '205f0444aa85dcffd338abf3f38939ff9eea5d3c', class: "container" }, hAsync("slot", { key: 'e8f39e9e0eb5dd8eee1b0ff66899dc1b0283143a' }))));
25143
+ return (hAsync(Host, { key: '48511195af19191b832713a828ac0945b06a4898' }, hAsync("div", { key: '4a51469ffe227db5c361734fc3122a98f7e0fbcc', class: "container" }, hAsync("slot", { key: '6ab367e83612df056e40392bced22c5f80457486' }))));
25082
25144
  }
25083
25145
  get hostElement() { return getElement(this); }
25084
25146
  static get watchers() { return {
@@ -25116,12 +25178,12 @@ class LayoutGrid {
25116
25178
  this.columns = 12;
25117
25179
  }
25118
25180
  render() {
25119
- return (hAsync(Host, { key: '9ce5af84b9a377a949b94778ead107a441c51a78', class: {
25181
+ return (hAsync(Host, { key: '040fa69fa09d20fdbfc6ae40f85cdf70f74b3eee', class: {
25120
25182
  'no-margin': this.noMargin,
25121
25183
  }, style: {
25122
25184
  '--ix-layout-grid-columns': `${this.columns}`,
25123
25185
  '--ix-layout-grid-gutter': `${this.gap}px`,
25124
- } }, hAsync("slot", { key: '0c3a2747d12aa57a97b45ba478d495fcb0ab47a8' })));
25186
+ } }, hAsync("slot", { key: '50cae64ab0cc69aa2ffe55bfce8f069ea22b240b' })));
25125
25187
  }
25126
25188
  static get style() { return layoutGridCss; }
25127
25189
  static get cmpMeta() { return {
@@ -25138,7 +25200,7 @@ class LayoutGrid {
25138
25200
  }; }
25139
25201
  }
25140
25202
 
25141
- const linkButtonCss = ":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled):hover .link,:host .link-button:not(.disabled):not(:disabled).hover .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button:not(.disabled):not(:disabled):active .link,:host .link-button:not(.disabled):not(:disabled).active .link{text-decoration:underline;text-underline-offset:0.2rem}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
25203
+ const linkButtonCss = ":host{display:inline-flex;height:2rem;font-size:0.875rem;font-weight:400;min-width:2rem}:host .link-button{display:inline-flex;position:relative;width:100%;padding:0 0.25rem 0 0;align-items:center;justify-content:center;background-color:transparent;color:var(--theme-color-primary);cursor:pointer;text-decoration:none}:host .link-button .link{display:block;position:relative;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;text-underline-offset:0.2rem}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):hover,:host .link-button:not(.disabled):not(:disabled).hover{color:var(--theme-color-dynamic--hover)}:host .link-button:not(.disabled):not(:disabled){cursor:pointer}:host .link-button:not(.disabled):not(:disabled):active,:host .link-button:not(.disabled):not(:disabled).active{color:var(--theme-color-dynamic--active)}:host .link-button.disabled{cursor:default;color:var(--theme-color-weak-text)}:host .link-button a{all:unset}:host :focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";
25142
25204
 
25143
25205
  class LinkButton {
25144
25206
  constructor(hostRef) {
@@ -25155,13 +25217,13 @@ class LinkButton {
25155
25217
  this.target = '_self';
25156
25218
  }
25157
25219
  render() {
25158
- return (hAsync(Host, { key: '5d6862720cb7254c81ae048532345670b2725cf6' }, hAsync("a", { key: 'ad09a301c88af52fe06626e71785af1a69f78690', title: this.url, tabindex: "0", class: {
25220
+ return (hAsync(Host, { key: '83b41ef8a3bef06a033a9a20c30a4ae1e83066e8' }, hAsync("a", { key: '955dc6e492eec929e592947ec18009d744d1f973', title: this.url, tabindex: "0", class: {
25159
25221
  'link-button': true,
25160
25222
  disabled: this.disabled,
25161
- }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: '06f8da3d0dfe027915222ba0525bb6551ebf7472', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: 'c5759a97f5599d15618cd1e83f32a35e656c3ea7', class: {
25223
+ }, href: this.disabled ? undefined : this.url, target: this.target }, hAsync("ix-icon", { key: 'b0589b7cedf757244950b1595916f8c838ae603d', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), hAsync("div", { key: 'c3ceb43628b0a48d60bbcd6bb54a4ad493ae3de8', class: {
25162
25224
  link: true,
25163
25225
  disabled: this.disabled,
25164
- } }, hAsync("slot", { key: '0429c8a4ac40936697d6e22d6061135e638c4557' })))));
25226
+ } }, hAsync("slot", { key: '2bd6071e8aad57fb13226d8452b0649367c6b750' })))));
25165
25227
  }
25166
25228
  static get style() { return linkButtonCss; }
25167
25229
  static get cmpMeta() { return {
@@ -25614,44 +25676,44 @@ class Menu {
25614
25676
  }
25615
25677
  render() {
25616
25678
  var _a, _b;
25617
- return (hAsync(Host, { key: '7c30f31880d51956013f87fe21ea0abf4129f67b', class: {
25679
+ return (hAsync(Host, { key: 'b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff', class: {
25618
25680
  expanded: this.expand,
25619
25681
  [`breakpoint-${this.breakpoint}`]: true,
25620
- }, slot: "menu" }, hAsync("nav", { key: 'ff157fa24a58cd522b33ac035d99086a8dfec7bc', class: {
25682
+ }, slot: "menu" }, hAsync("nav", { key: '4f4b1378ddfe2cb243d0a5305679c98084490e8b', class: {
25621
25683
  menu: true,
25622
25684
  expanded: this.expand,
25623
- } }, hAsync("div", { key: 'a3935afe8ee867e934f1c778583d22d11f5cf957', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: '067059b37dc7e99ac05bdf3f96f4f417403e1915', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
25624
- ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: 'd9c3d29552e6e8adeba3c44c04a563da430ea9b8', onClick: () => {
25685
+ } }, hAsync("div", { key: '70d117cfe299bdb3f3b0ed9639d5ee83bfc33cf1', class: "menu-buttons" }, this.breakpoint !== 'sm' && (hAsync("ix-menu-expand-icon", { key: 'fa76b253e6cf1ae30e3257cc3c186dc23215b516', breakpoint: this.breakpoint, expanded: this.expand, pinned: this.pinned, class: "menu-expand-icon", ixAriaLabel: this.i18nExpandSidebar, onClick: async () => this.toggleMenu(), "data-testid": "expand-collapse-menu" })), this.breakpoint === 'sm' &&
25686
+ ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '927aede1c7824c6c21eed072e7dba6db8d5f8df5', onClick: () => {
25625
25687
  this.showAppSwitch();
25626
- }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: 'bf2a827004f7e2d337ba55fc288e7abe418ec6dd', id: "menu-tabs", style: {
25688
+ }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2', id: "menu-tabs", style: {
25627
25689
  display: 'contents',
25628
- }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'ee11e15bb3d0e4b6cd3263788aac1eba043dae99', class: "tabs-shadow-container" }, hAsync("div", { key: '0803887ba70d6558cf5e4a890e0eca39b49ff518', class: {
25690
+ }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '4d609cfd70659c0adfcb1cfca0485edff3b05d08', class: "tabs-shadow-container" }, hAsync("div", { key: 'b8b81a13d75c56f9a460f0db382acef185b1c11c', class: {
25629
25691
  'tabs--shadow': true,
25630
25692
  'tabs--shadow-top': true,
25631
25693
  'tabs--shadow--show': this.itemsScrollShadowTop,
25632
- } }), hAsync("div", { key: '7e43e530408b8a5408e2a0c00d4e89b695d0d871', class: {
25694
+ } }), hAsync("div", { key: '1095f30e782665f9d66d7f2619eb3a68806ccf54', class: {
25633
25695
  tabs: true,
25634
25696
  'show-scrollbar': this.expand,
25635
- }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: 'e9f5421b30d3505a1a80ecdea28d78770a2f25fd', class: "menu-avatar" }, hAsync("slot", { key: 'c0d0ab2965a271540b41165eaf95fcd13072ae07', name: "ix-menu-avatar" })), hAsync("slot", { key: '3b427bbba570fc61bbe44f6138f338025b144725', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: 'c7bb85da2610aef008b75fe560af46aac221ffc5', class: {
25697
+ }, onScroll: () => this.handleOverflowIndicator() }, hAsync("div", { key: '55ec2b8a3b535c8ed7dfc4c80ecdeedf9add4d34', class: "menu-avatar" }, hAsync("slot", { key: 'a893aea63d56c2b4e7fd5997904704639257f65b', name: "ix-menu-avatar" })), hAsync("slot", { key: '85505735fc0f7c9075340389597565bd99e64801', name: "home" }), this.breakpoint !== 'sm' || !this.isHiddenFromViewport() ? (hAsync("slot", null)) : null), hAsync("div", { key: '7a0013bb20500931471b1ee1273615d0ae740d11', class: {
25636
25698
  'tabs--shadow': true,
25637
25699
  'tabs--shadow-bottom': true,
25638
25700
  'tabs--shadow--show': this.itemsScrollShadowBottom,
25639
- } }))), hAsync("div", { key: '80b67bd3408917c424661ff603b6b12a08b5c256', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25701
+ } }))), hAsync("div", { key: '92a48e39684e2bbbb6078dcafc5c8b7103a693de', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25640
25702
  'internal-tab': true,
25641
25703
  'bottom-tab': true,
25642
25704
  active: this.showSettings,
25643
- }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '93bc9bfe4c557cbfcc66eaac5cc21118578b050a', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '9910c841207e3a62b3699cc5e54843155557bb65', name: "bottom" })), hAsync("div", { key: 'f3bd210849640e293625b418f928eb12eb6bb8a5', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
25705
+ }, icon: iconCogwheel, onClick: async () => this.toggleSettings(!this.showSettings), label: this.i18nSettings })) : null, this.enableToggleTheme ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "toggleTheme", onClick: () => themeSwitcher.toggleMode(), class: "internal-tab bottom-tab", icon: iconLightDark, label: this.i18nToggleTheme })) : null, hAsync("div", { key: '2a5bad2eb493be6ee59fc101fab300bdb154feb0', onClick: (e) => this.onMenuItemsClick(e) }, hAsync("slot", { key: '5a1e19962a88ceeb1f82ac385dba49d0c311e3d7', name: "bottom" })), hAsync("div", { key: '65802881403efad9dbae84ef9bf5d441e3915150', id: "popover-area" }), this.enableMapExpand || ((_b = this.applicationLayoutContext) === null || _b === void 0 ? void 0 : _b.sidebar) ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "menu-collapse", onClick: () => this.sidebarToggle(), class: "internal-tab bottom-tab", icon: `${this.getCollapseIcon()}`, label: this.getCollapseText() })) : null, this.about ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "aboutAndLegal", class: {
25644
25706
  'internal-tab': true,
25645
25707
  'bottom-tab': true,
25646
25708
  active: this.showAbout,
25647
- }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '54785101f98f046af558820493555a3d4739ace3', class: {
25709
+ }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'e6dd7e53abbd5e4ce11cc5d2be882dd52e335275', class: {
25648
25710
  'menu-overlay': true,
25649
25711
  visible: this.isOverlayVisible(),
25650
25712
  expanded: this.expand,
25651
25713
  }, onTransitionEnd: () => {
25652
25714
  this.isTransitionDisabled = true;
25653
25715
  this.checkTransition();
25654
- } }, hAsync("div", { key: '740f1a98fe2bafb8da7d5457395dee136a5ce9ec', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '3e2f774925487e9da132a3d7b3633486bece3976', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
25716
+ } }, hAsync("div", { key: 'd8a49e3983b5d060190f1440b4aacd44243894a8', class: 'menu-overlay-container' }, this.showSettings ? hAsync("slot", { name: "ix-menu-settings" }) : null), hAsync("div", { key: '92ddf6c21d3d08c5d1961200ac598a6135c9ef89', class: 'menu-overlay-container' }, this.showAbout ? hAsync("slot", { name: "ix-menu-about" }) : null))));
25655
25717
  }
25656
25718
  get hostElement() { return getElement(this); }
25657
25719
  static get watchers() { return {
@@ -25708,8 +25770,10 @@ class MenuSettings {
25708
25770
  /** @internal */
25709
25771
  this.show = false;
25710
25772
  }
25711
- updateTab(label) {
25712
- setTab(this, label);
25773
+ updateTab(newLabel, oldLabel) {
25774
+ if (newLabel !== oldLabel) {
25775
+ syncTabDisplay(this, newLabel);
25776
+ }
25713
25777
  }
25714
25778
  componentWillLoad() {
25715
25779
  initialize(this);
@@ -25717,7 +25781,7 @@ class MenuSettings {
25717
25781
  componentDidLoad() {
25718
25782
  }
25719
25783
  render() {
25720
- return hAsync(MenuTabs, { key: 'a59dd5a81b91ff4ae7f516cb192700bffaee3f84', context: this });
25784
+ return hAsync(MenuTabs, { key: 'bff35655d1e57ea807a1d8a6bd0879f8804e3ef4', context: this });
25721
25785
  }
25722
25786
  get el() { return getElement(this); }
25723
25787
  static get watchers() { return {
@@ -25753,14 +25817,19 @@ function getItems(context) {
25753
25817
  : 'ix-menu-about-item'));
25754
25818
  }
25755
25819
  function setTab(context, label) {
25820
+ if (context.activeTabLabel === label) {
25821
+ return;
25822
+ }
25756
25823
  const { defaultPrevented } = context.tabChange.emit(label);
25757
25824
  if (defaultPrevented) {
25758
25825
  return;
25759
25826
  }
25760
25827
  context.activeTabLabel = label;
25828
+ }
25829
+ function syncTabDisplay(context, label) {
25761
25830
  context.items.forEach((i) => {
25762
25831
  i.style.display = 'none';
25763
- if (i.label === context.activeTabLabel) {
25832
+ if (i.label === label) {
25764
25833
  i.style.display = 'block';
25765
25834
  }
25766
25835
  });
@@ -25826,8 +25895,10 @@ class MenuAbout {
25826
25895
  /** @internal */
25827
25896
  this.show = false;
25828
25897
  }
25829
- updateTab(label) {
25830
- setTab(this, label);
25898
+ updateTab(newLabel, oldLabel) {
25899
+ if (newLabel !== oldLabel) {
25900
+ syncTabDisplay(this, newLabel);
25901
+ }
25831
25902
  }
25832
25903
  componentWillLoad() {
25833
25904
  initialize(this);
@@ -25835,7 +25906,7 @@ class MenuAbout {
25835
25906
  componentDidLoad() {
25836
25907
  }
25837
25908
  render() {
25838
- return hAsync(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
25909
+ return hAsync(MenuTabs, { key: 'e49c1819db2fcba5b330c776c84e905d6f1aef87', context: this });
25839
25910
  }
25840
25911
  get el() { return getElement(this); }
25841
25912
  static get watchers() { return {
@@ -25872,7 +25943,7 @@ class MenuAboutItem {
25872
25943
  });
25873
25944
  }
25874
25945
  render() {
25875
- return (hAsync(Host, { key: '632b6d89ae686ca05423b4a6b224a2635caa836d' }, hAsync("slot", { key: '9c976c9b75de1cb742965cda40513e870f70fb9e' })));
25946
+ return (hAsync(Host, { key: 'c150379d52f7dd0744ec480c35909937abef9c90' }, hAsync("slot", { key: '37edb415a550ba73903bd6142162c42fe7be9d34' })));
25876
25947
  }
25877
25948
  static get watchers() { return {
25878
25949
  "label": ["watchLabel"]
@@ -25909,16 +25980,16 @@ class MenuAboutNews {
25909
25980
  this.expanded = false;
25910
25981
  }
25911
25982
  render() {
25912
- return (hAsync(Host, { key: '9e3e3bfabc3e51bdbee57c13ad492f3d3447fbfe', class: {
25983
+ return (hAsync(Host, { key: '61a51cc04b238505c64285babebaaddf1201a9f7', class: {
25913
25984
  expanded: this.expanded,
25914
25985
  show: !this.show,
25915
- } }, hAsync("div", { key: '616682301e4308c9d3d53481a8fb7e266a9a4181', class: "banner-container" }, hAsync("ix-icon", { key: '5b795a4034d29997b1c285c9659acd8e70d5528d', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: 'f0c5c49e71a9aa3c91d792dc33909d9c8bbd1818', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: 'e19557acebc98122003ceb160c3d07196dbdd8a8', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: '75559e792e5610eefae0be4722a9cc6656c9e2d8', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '2cf5eec66717e025a84d2e979297ad11ad5df324', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: 'f77cb50c4fb25171da08eeda5724557656e7d56c', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
25986
+ } }, hAsync("div", { key: 'c63c6cab269ef75f01d0396333c5c44ee271d354', class: "banner-container" }, hAsync("ix-icon", { key: '2a3b5ced1c9f9fce0f742a34d9862e115807f6fb', color: "color-inv-contrast-text", name: iconShout, size: "32" }), hAsync("svg", { key: '2433dd408f46a4d0f47e5cf075980b6a2ea2ece7', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, hAsync("polygon", { key: '386186a0847a504ca07052e1a49ee0c9f6314377', points: "0 0 48 0 48 56 24 48 0 56" }))), hAsync("div", { key: 'ec280ef23c279507e186fa0ba0743e64e49d38c8', class: "cui-popover-news-header" }, hAsync("ix-typography", { key: '784c5718192c7641e43004439cedcdc0f6285380', format: "label", bold: true }, this.label)), hAsync("ix-icon-button", { key: '0c5a987a93067b0641ad0d7cd99e747aaa884d40', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
25916
25987
  this.show = false;
25917
25988
  this.closePopover.emit();
25918
- } }), hAsync("div", { key: '1298f46cb80728f5c2b55603ae6a912967e4590c', class: "slot-container" }, hAsync("slot", { key: 'fbe4e45ff94bd1f43864c2290e4b44f8ea3e8f72' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
25989
+ } }), hAsync("div", { key: '780df8bab613bad3b80a3528947fdc0bab41187c', class: "slot-container" }, hAsync("slot", { key: '1992c8d99353665ee6b88b4d21c34869284029d6' })), this.aboutItemLabel ? (hAsync("div", { class: "cui-popover-news-footer" }, hAsync("ix-button", { variant: "primary", onClick: (e) => {
25919
25990
  this.show = false;
25920
25991
  this.showMore.emit(e);
25921
- } }, this.i18nShowMore))) : null, hAsync("div", { key: '5259871afe0e537a1378f60f13c3884a08bc4daa', id: "arrow" })));
25992
+ } }, this.i18nShowMore))) : null, hAsync("div", { key: 'b877e4087ebe56fca5c82a7acada5ba7c7ef8abb', id: "arrow" })));
25922
25993
  }
25923
25994
  static get style() { return menuAboutNewsCss; }
25924
25995
  static get cmpMeta() { return {
@@ -25966,9 +26037,9 @@ class MenuAvatar {
25966
26037
  this.showContextMenu = elements.length !== 0;
25967
26038
  }
25968
26039
  render() {
25969
- return (hAsync(Host, { key: '342ba4b67b3532da978048158cf9b9abfbc7e33d', slot: "ix-menu-avatar" }, hAsync("button", { key: '68924d460574cde4c655a1f95e3c6ed5bc415c44', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '2170181905320f58961a70ab8cb5b25d1c439393', image: this.image, initials: this.initials }), hAsync("div", { key: 'c9f0275dec453f57756d3faefe9988c71d3b54b6', class: "avatar-name" }, hAsync("span", { key: '56536ddb8d6b591433ad6bd88d82691de91b81ad', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'a9b5bbed878e3a0282f770b97bb691f360035416', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '9974a1b413104016d5366f72103f3712e93813a4', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
26040
+ return (hAsync(Host, { key: '6cff313b74cbbd668ed30dd7c04e060867ae0095', slot: "ix-menu-avatar" }, hAsync("button", { key: 'c387330d89a9d5740f0af21ec4e7d0f077510064', class: "nav-item top-item avatar no-hover", title: this.top, id: this.avatarElementId, tabIndex: 0 }, hAsync("ix-avatar", { key: '82f6207b4005ad8a799d29ce52a629d805d60b36', image: this.image, initials: this.initials }), hAsync("div", { key: 'c1a6a4e03b3dda5b36a3caa6c7595a32407b9c19', class: "avatar-name" }, hAsync("span", { key: 'a8b413ee5ec9a9f60d26ce695df3d9359831867d', class: "text-default-single", title: this.top }, this.top), hAsync("span", { key: 'b333a5337d49199f9545eb30361fe5166d8a8725', class: "text-default-single", title: this.bottom }, this.bottom))), hAsync("ix-dropdown", { key: '31b4149a67636711972e1f682da62a60f833e9f3', trigger: this.hostElement, placement: 'right-start', hidden: !this.showContextMenu && this.hideLogoutButton, offset: {
25970
26041
  mainAxis: 16,
25971
- } }, hAsync("slot", { key: 'b642dd168efdf7f4659c3a0e5d032fccb93df9a5', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: '4b7e853e0522208bebd10535885731af9dc4d3f6', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
26042
+ } }, hAsync("slot", { key: 'a17ca070258b8b892c647f4cc2429b21562072c1', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: 'cbc2544543237b2874744c0678838b701ec89d4a', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
25972
26043
  this.logoutClick.emit(e);
25973
26044
  } })))));
25974
26045
  }
@@ -26005,7 +26076,7 @@ class MenuAvatarItem {
26005
26076
  return this.dropdownItemRef.waitForCurrent();
26006
26077
  }
26007
26078
  render() {
26008
- return (hAsync("ix-dropdown-item", { key: 'ce5740229422012fdbda56f2710f96e869142f6e', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
26079
+ return (hAsync("ix-dropdown-item", { key: '4a25c0768a9afad6b18bf3019c8998cc51fa134a', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
26009
26080
  }
26010
26081
  get hostElement() { return getElement(this); }
26011
26082
  static get style() { return menuAvatarItemCss; }
@@ -26198,7 +26269,7 @@ class MenuCategory {
26198
26269
  }
26199
26270
  }
26200
26271
  render() {
26201
- return (hAsync(Host, { key: '40ae8539715815c94e99313fad8694e4115e5482', class: {
26272
+ return (hAsync(Host, { key: '13ac63c3321e33e4781ab642577464fde79c6bf2', class: {
26202
26273
  expanded: this.showItems,
26203
26274
  }, onPointerEnter: () => {
26204
26275
  this.enterLeaveDebounce.onEnter();
@@ -26207,14 +26278,14 @@ class MenuCategory {
26207
26278
  return;
26208
26279
  }
26209
26280
  this.enterLeaveDebounce.onLeave();
26210
- } }, hAsync("ix-menu-item", { key: '60b77e0aae87b55e7934cbd0fccb18cab83772bb', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: 'f87df62dd73af5968c4d62b657d0a0538e10ade3', class: "category" }, hAsync("div", { key: '855411c78407fa712fddb8c177801db4c3c9780a', class: "category-text" }, this.label), hAsync("ix-icon", { key: 'e94bbb4ad9f4fc5612daa12e8812d26ff6ecea70', name: iconChevronDownSmall, class: {
26281
+ } }, hAsync("ix-menu-item", { key: '25e8a0a50ea1540e346e830045275e6a0c63327d', class: 'category-parent', active: this.isNestedItemActive(), notifications: this.notifications, icon: this.icon, onClick: (e) => this.onCategoryClick(e), onFocus: () => this.onPointerEnter(), tooltipText: this.tooltipText, isCategory: true }, hAsync("div", { key: '5b0dcefb391bada721218f4d3ba690c1a2de966e', class: "category" }, hAsync("div", { key: 'f65e560cb7a6ab490220b814f9e66bbfd010bc44', class: "category-text" }, this.label), hAsync("ix-icon", { key: '672a4f90f58ad0cdf023d050d4b3f75114a4ee52', name: iconChevronDownSmall, class: {
26211
26282
  'category-chevron': true,
26212
26283
  'category-chevron--open': this.showItems,
26213
- } }))), hAsync("div", { key: '9725f1a5f5f7aa7e1835d054ec8155644c5516e8', ref: (ref) => (this.menuItemsContainer = ref), class: {
26284
+ } }))), hAsync("div", { key: 'd7f0f085f33a09d7c57ca18818a90125b3c2e2bf', ref: (ref) => (this.menuItemsContainer = ref), class: {
26214
26285
  'menu-items': true,
26215
26286
  'menu-items--expanded': this.showItems,
26216
26287
  'menu-items--collapsed': !this.showItems,
26217
- } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '69fd00ce9dd45b99069a891318008e25b214a218', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
26288
+ } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: 'e5b6be4ba14c97ef2e85abd01833bed929b1efa4', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
26218
26289
  this.showDropdown = dropdownShown;
26219
26290
  }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
26220
26291
  mainAxis: 3,
@@ -26227,7 +26298,7 @@ class MenuCategory {
26227
26298
  e.preventDefault();
26228
26299
  }
26229
26300
  }
26230
- } }, hAsync("ix-dropdown-item", { key: '101355b915d54d5e7a309c26aa9480191db1fb3e', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '301de701167a6e09a741d2cdc7ed9c8555242a59', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '5cdcca1d2025554f5d11ea8f6d819b4c7a2d7ff2' }), hAsync("slot", { key: 'a69dc8bdb237da234ab39cb251fda9cbd33da35d' }))));
26301
+ } }, hAsync("ix-dropdown-item", { key: '90e095e2d61e5d359c29c742e4e84457ef47426f', class: 'category-dropdown-header' }, hAsync("ix-typography", { key: '67efee1940b51e0457ccec7f0a271684ea6df881', format: "label", bold: true, textColor: "std" }, this.label)), hAsync("ix-divider", { key: '2ec48cbab9dc6a223fcc636e59b497b1db315369' }), hAsync("slot", { key: 'e32fb89cf4045faae851af8d1ed1c4ab394e1709' }))));
26231
26302
  }
26232
26303
  get hostElement() { return getElement(this); }
26233
26304
  static get style() { return menuCategoryCss; }
@@ -26284,7 +26355,7 @@ class MenuExpandIcon {
26284
26355
  return this.getSmallScreenIcon();
26285
26356
  }
26286
26357
  render() {
26287
- return (hAsync(Host, { key: 'c39c90a459dee53b29d4ccd8de683d35dc4abd22', class: {
26358
+ return (hAsync(Host, { key: '702baa75b182df885e9488301b2747fb37f96c52', class: {
26288
26359
  expanded: this.expanded,
26289
26360
  }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
26290
26361
  }
@@ -26404,11 +26475,11 @@ class MenuItem {
26404
26475
  tabIndex: this.disabled ? -1 : 0,
26405
26476
  };
26406
26477
  const menuContent = [
26407
- this.icon && hAsync("ix-icon", { key: '2c1c698aadcb3dd8090c067c3dd746e8a9baaf93', class: 'tab-icon', name: this.icon }),
26478
+ this.icon && hAsync("ix-icon", { key: 'cf444eeb0b3478721a77ee1dc52436689e4c0102', class: 'tab-icon', name: this.icon }),
26408
26479
  this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null,
26409
- hAsync("span", { key: 'c02f479113a2c1914df317d21561b657acf6af92', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: '33f38c81be26d10edc993efd1a7434e04678e2c1' })),
26480
+ hAsync("span", { key: '93ac9e24f2c8634f9bfcef42c8a167d219ff764e', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'c98d81e6a16ff3304c1c2c489a71cc892fc6e287' })),
26410
26481
  ];
26411
- return (hAsync(Host, Object.assign({ key: '58699b09d27cd2caa4d688378e1bd274b9467ee7', class: {
26482
+ return (hAsync(Host, Object.assign({ key: '2bed98070395e9df578f968f317a16f214bf5627', class: {
26412
26483
  disabled: this.disabled,
26413
26484
  'home-tab': this.home,
26414
26485
  'bottom-tab': this.bottom,
@@ -26419,7 +26490,7 @@ class MenuItem {
26419
26490
  e.preventDefault();
26420
26491
  e.stopPropagation();
26421
26492
  }
26422
- } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: 'f7d1c226c4cde303427a1b38c85bdf93693807b4', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
26493
+ } }), menuContent)) : (hAsync("button", Object.assign({}, commonAttributes, { ref: this.buttonRef }), menuContent)), hAsync("ix-tooltip", { key: '691d40c1d8df8ab9111165be8320190a5c893de0', for: this.buttonRef.waitForCurrent(), placement: 'right', showDelay: 1000, interactive: false, "aria-hidden": a11yBoolean(this.ariaHiddenTooltip), "aria-labelledby": this.internalItemId }, this.tooltip)));
26423
26494
  }
26424
26495
  get hostElement() { return getElement(this); }
26425
26496
  static get watchers() { return {
@@ -26467,7 +26538,7 @@ class MenuSettingsItem {
26467
26538
  });
26468
26539
  }
26469
26540
  render() {
26470
- return (hAsync(Host, { key: '82d134ab9cdb58a29c6fd02a165a9925a9a55912' }, hAsync("slot", { key: 'dfb95edb5325b70072cc422a48c78f8a50a9b589' })));
26541
+ return (hAsync(Host, { key: '69dac244a2c3b427237e8dceec64fad9c16600e9' }, hAsync("slot", { key: 'ccfc87d1f061f0d4195f943dec3782b655626aae' })));
26471
26542
  }
26472
26543
  static get watchers() { return {
26473
26544
  "label": ["watchLabel"]
@@ -26523,7 +26594,7 @@ class MessageBar {
26523
26594
  }
26524
26595
  }
26525
26596
  render() {
26526
- return (hAsync(Host, { key: '22bbc355ba3fca3209fab0491ae186f59bb64b02' }, hAsync("div", { key: 'a84b47392ddfd8a8b0863ce99aa17985fbf39b4d', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: '6528c7bd5a8b484858c97ca0e072704dcf37ad1c', color: this.color, name: this.icon }), hAsync("div", { key: '07eed52e33baa107ebdebb10ef478d775901faf3', class: "message-content" }, hAsync("slot", { key: 'cd5981304f6998d55edc38fa3fb0c67e139b8278' })), !this.persistent && (hAsync("ix-icon-button", { key: 'ac6a235e1080bbb942c102f7c0e5c04672176557', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
26597
+ return (hAsync(Host, { key: '538fcc08ad07fe808f424e067a361f4a56f4c0ec' }, hAsync("div", { key: '4a75052efe1b22c247dcfcd298aabbd1098ff7b6', class: { 'message-container': true, [this.type]: true }, role: "alert", ref: (el) => (this.divElement = el) }, hAsync("ix-icon", { key: 'd348829692e38a1023e044834aefa45516b4d916', color: this.color, name: this.icon }), hAsync("div", { key: '0ac0a509efe1dd246f7732660e4cf16416c8655d', class: "message-content" }, hAsync("slot", { key: '6143bfa9cf39d32d149c2893b7712358337833c9' })), !this.persistent && (hAsync("ix-icon-button", { key: 'b118c91956af0fd00d02cfefdb7da36d46f2d360', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => {
26527
26598
  if (this.divElement) {
26528
26599
  this.closeAlert(this.divElement);
26529
26600
  }
@@ -26739,17 +26810,17 @@ class Modal {
26739
26810
  this.ariaAttributes = a11yHostAttributes(this.hostElement);
26740
26811
  }
26741
26812
  render() {
26742
- return (hAsync(Host, { key: '192ded80682348ff755d91a613faaca1a8b0753f', class: {
26813
+ return (hAsync(Host, { key: '0170729f63356223c39bcd6b0bb7124b2036f2c4', class: {
26743
26814
  visible: this.modalVisible,
26744
26815
  'no-backdrop': this.hideBackdrop,
26745
26816
  'align-center': this.centered,
26746
- } }, hAsync("div", { key: '709679987ecf4e1b1e03374c7c9373332fe01a74', class: "dialog-backdrop" }, hAsync("dialog", { key: '10222a2e51235c3be195eb6b2e7d2ad2e1d887f9', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
26817
+ } }, hAsync("div", { key: '436b9f2efce7279defa936c9ee79fa44d090e388', class: "dialog-backdrop" }, hAsync("dialog", { key: 'e3bc4891433993a5dcbe186011fd91d70277ca3d', "aria-modal": a11yBoolean(true), "aria-describedby": this.ariaAttributes['aria-describedby'], "aria-labelledby": this.ariaAttributes['aria-labelledby'], class: {
26747
26818
  modal: true,
26748
26819
  [`modal-size-${this.size}`]: true,
26749
26820
  }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onCancel: (e) => {
26750
26821
  e.preventDefault();
26751
26822
  this.dismissModal();
26752
- } }, hAsync("slot", { key: 'a9c321d71d3e08d581bb2e6ad9e3d377663a2c52' })))));
26823
+ } }, hAsync("slot", { key: '5a3e86b9c04f8e1564be6026b0352940978f0666' })))));
26753
26824
  }
26754
26825
  get hostElement() { return getElement(this); }
26755
26826
  static get style() { return modalCss; }
@@ -26785,7 +26856,7 @@ class ModalContent {
26785
26856
  registerInstance(this, hostRef);
26786
26857
  }
26787
26858
  render() {
26788
- return (hAsync(Host, { key: '91592e2a2681326a99cafd1709581a29ecf48d61' }, hAsync("slot", { key: '259ab95ce19cafdc7dbbe67c362e424590fe02c8' })));
26859
+ return (hAsync(Host, { key: 'b45bdd4b47ca580de9e3419c9c081f8e30b1da09' }, hAsync("slot", { key: 'ad2d19f3f3053ea927d6d45ff54bcfff1e74345d' })));
26789
26860
  }
26790
26861
  static get style() { return modalContentCss; }
26791
26862
  static get cmpMeta() { return {
@@ -26805,7 +26876,7 @@ class ModalFooter {
26805
26876
  registerInstance(this, hostRef);
26806
26877
  }
26807
26878
  render() {
26808
- return (hAsync(Host, { key: 'bab5a43ac92a13caca46d241091c27c773990aba' }, hAsync("slot", { key: 'fefe386636d486a7e1d4b35a23eafe0d04b7270c' })));
26879
+ return (hAsync(Host, { key: '11eb649edd163b25fdeb4b533bf513a861c1d7ec' }, hAsync("slot", { key: '9a2cb92b8df8220ed2307d98ec7a1ce6a6d9196b' })));
26809
26880
  }
26810
26881
  static get style() { return modalFooterCss; }
26811
26882
  static get cmpMeta() { return {
@@ -26851,7 +26922,7 @@ class ModalHeader {
26851
26922
  this.parentDialog.dismissModal();
26852
26923
  }
26853
26924
  render() {
26854
- return (hAsync(Host, { key: 'b41da77283ecc896aa62fced50290fe487526fbd' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: 'c084a12acb4d137a55e45b0f98e662d181b1901e', class: "modal-title" }, hAsync("ix-typography", { key: '9e82bdb91af4273454254d3c2fc03803d787dde1', format: "h5" }, hAsync("slot", { key: '209d60c82e6b12c28d95eb538e8f4499becfeb8e' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
26925
+ return (hAsync(Host, { key: '7dd6b1964ed537b20a90f9007afb767414fad240' }, this.icon ? (hAsync("ix-icon", { name: this.icon, color: this.iconColor, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("div", { key: '4c6d8c7716ba99eed36e7b9c741dce4ebb0bb092', class: "modal-title" }, hAsync("ix-typography", { key: '1db5a1e1cd434c67578a8c276b497284e5447f8d', format: "h5" }, hAsync("slot", { key: '920833a9e7d2c8e15dc4bff1b18c6daa8a9ee4b5' }))), !this.hideClose ? (hAsync("ix-icon-button", { class: "modal-close", onClick: (event) => this.onCloseClick(event), variant: "tertiary", icon: iconClose, iconColor: "color-soft-text", "aria-label": this.ariaLabelCloseIconButton })) : null));
26855
26926
  }
26856
26927
  get hostElement() { return getElement(this); }
26857
26928
  static get watchers() { return {
@@ -26884,7 +26955,7 @@ class ModalLoading {
26884
26955
  registerInstance(this, hostRef);
26885
26956
  }
26886
26957
  render() {
26887
- return (hAsync(Host, { key: 'dac65dc36124b038728e843240d126432d85e987' }, hAsync("ix-spinner", { key: '639371732304b733f79cf8498e46442ff6a442df', variant: "primary" }), hAsync("span", { key: 'a9bf046b8c00552a4135cc5046789027abd1803e', class: 'loading-text' }, hAsync("slot", { key: '362185ef3806ddb57c90f6fdf776cb3563baf903' }))));
26958
+ return (hAsync(Host, { key: '404214a461e55c9ee78aad8dc277dab5be8a9b42' }, hAsync("ix-spinner", { key: '96278c04d8c7798b411f6807e5c7a1ea26b03d45', variant: "primary" }), hAsync("span", { key: 'cad3eec78defa832ffc679f86941ffc301bc5b5c', class: 'loading-text' }, hAsync("slot", { key: '96cf92b74f62260ee97b7bdae73557a2ee5517ec' }))));
26888
26959
  }
26889
26960
  static get style() { return modalLoadingCss; }
26890
26961
  static get cmpMeta() { return {
@@ -26900,7 +26971,7 @@ class ModalLoading {
26900
26971
  const numberInputCss = "input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:0}:host .end-container{right:0}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:0.5rem}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:0.25rem}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:0}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host .input-wrapper.show-stepper-buttons input[type=number]{min-width:6rem}:host .number-stepper-container{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;margin-right:0.25rem}:host .number-stepper-container.container-hidden{display:none}";
26901
26972
 
26902
26973
  /*
26903
- * SPDX-FileCopyrightText: 2024 Siemens AG
26974
+ * SPDX-FileCopyrightText: 2025 Siemens AG
26904
26975
  *
26905
26976
  * SPDX-License-Identifier: MIT
26906
26977
  *
@@ -26918,6 +26989,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
26918
26989
  return c > 3 && r && Object.defineProperty(target, key, r), r;
26919
26990
  };
26920
26991
  let numberInputIds = 0;
26992
+ const INVALID_NUMBER_INPUT_REGEX = /[^\dEe+\-.,]/;
26921
26993
  /**
26922
26994
  * @form-ready
26923
26995
  * @slot start - Element will be displayed at the start of the input
@@ -26937,11 +27009,11 @@ class NumberInput {
26937
27009
  hostRef.$hostElement$["s-ei"] = this.formInternals;
26938
27010
  }
26939
27011
  /**
26940
- * The value of the input field
27012
+ * The value of the input field. Supports numeric values, scientific notation (1E6, 1E-6), or undefined for empty.
26941
27013
  */
26942
27014
  this.value = 0;
26943
27015
  /**
26944
- * Indicates if the field is required
27016
+ * Indicates if the field is required. When required, empty values (undefined) are not accepted.
26945
27017
  */
26946
27018
  this.required = false;
26947
27019
  /**
@@ -26952,6 +27024,27 @@ class NumberInput {
26952
27024
  * Indicates if the field is read-only
26953
27025
  */
26954
27026
  this.readonly = false;
27027
+ /**
27028
+ * Step value to increment or decrement the input value. Default step value is 1.
27029
+ *
27030
+ */
27031
+ this.step = 1;
27032
+ /**
27033
+ * If false, pressing Enter will submit the form (if inside a form).
27034
+ * Set to true to suppress submit on Enter.
27035
+ */
27036
+ this.suppressSubmitOnEnter = false;
27037
+ /**
27038
+ * Text alignment within the number input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
27039
+ */
27040
+ this.textAlignment = 'end';
27041
+ /**
27042
+ * If true, the valueChange event will return null instead of 0 for an empty input state.
27043
+ * This property will be removed in 5.0.0 and this behaviour will be default.
27044
+ *
27045
+ * @since 4.1.0
27046
+ */
27047
+ this.allowEmptyValueChange = false;
26955
27048
  this.isInvalid = false;
26956
27049
  this.isValid = false;
26957
27050
  this.isInfo = false;
@@ -26962,6 +27055,70 @@ class NumberInput {
26962
27055
  this.slotStartRef = makeRef();
26963
27056
  this.numberInputId = `number-input-${numberInputIds++}`;
26964
27057
  this.touched = false;
27058
+ this.handleInputChange = (inputValue) => {
27059
+ const parsedValue = this.convertNumberStringToFloat(inputValue);
27060
+ const isScientificNotation = this.isScientificNotation(inputValue.trim());
27061
+ if (isScientificNotation) {
27062
+ this.formInternals.setFormValue(inputValue);
27063
+ }
27064
+ this.handleValueChangeEvent(parsedValue);
27065
+ };
27066
+ this.handleBlur = () => {
27067
+ if (!this.inputRef.current)
27068
+ return;
27069
+ const inputValue = this.inputRef.current.value;
27070
+ const parsedValue = this.convertNumberStringToFloat(inputValue);
27071
+ if (parsedValue !== undefined) {
27072
+ this.inputRef.current.value = this.formatValue(parsedValue);
27073
+ }
27074
+ this.updateFormInternalValue(parsedValue);
27075
+ onInputBlur(this, this.inputRef.current);
27076
+ this.touched = true;
27077
+ };
27078
+ this.handleKeyDown = (event) => {
27079
+ if (this.disabled || this.readonly) {
27080
+ return;
27081
+ }
27082
+ switch (event.key) {
27083
+ case 'ArrowUp':
27084
+ event.preventDefault();
27085
+ this.handleStepOperation('up');
27086
+ break;
27087
+ case 'ArrowDown':
27088
+ event.preventDefault();
27089
+ this.handleStepOperation('down');
27090
+ break;
27091
+ }
27092
+ };
27093
+ this.handleBeforeInput = (e) => {
27094
+ var _a, _b;
27095
+ if (this.disabled || this.readonly)
27096
+ return;
27097
+ if (e.inputType === 'insertText') {
27098
+ const character = e.data;
27099
+ if (character && INVALID_NUMBER_INPUT_REGEX.test(character)) {
27100
+ e.preventDefault();
27101
+ }
27102
+ }
27103
+ if (e.inputType === 'insertFromPaste') {
27104
+ const dt = e.dataTransfer || e.clipboardData;
27105
+ const text = (_b = (_a = dt === null || dt === void 0 ? void 0 : dt.getData) === null || _a === void 0 ? void 0 : _a.call(dt, 'text')) !== null && _b !== void 0 ? _b : '';
27106
+ if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
27107
+ e.preventDefault();
27108
+ }
27109
+ }
27110
+ };
27111
+ this.handlePaste = (e) => {
27112
+ var _a, _b;
27113
+ // Fallback for browsers that don’t fire beforeinput for paste
27114
+ const text = (_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : '';
27115
+ if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
27116
+ e.preventDefault();
27117
+ }
27118
+ };
27119
+ }
27120
+ onValueChange(newValue) {
27121
+ this.updateFormInternalValue(newValue);
26965
27122
  }
26966
27123
  updateClassMappings(result) {
26967
27124
  mapValidationResult(this, result);
@@ -26980,10 +27137,60 @@ class NumberInput {
26980
27137
  updatePaddings() {
26981
27138
  adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
26982
27139
  }
27140
+ convertNumberStringToFloat(input) {
27141
+ if (!input || input.trim() === '') {
27142
+ return undefined;
27143
+ }
27144
+ const parsed = Number.parseFloat(input);
27145
+ return Number.isNaN(parsed) ? undefined : parsed;
27146
+ }
27147
+ isScientificNotation(input) {
27148
+ const parsed = Number.parseFloat(input);
27149
+ return (!Number.isNaN(parsed) && Number.isFinite(parsed) && /[eE]/.test(input));
27150
+ }
27151
+ formatValue(value) {
27152
+ if (value === undefined || value === null) {
27153
+ return '';
27154
+ }
27155
+ return value.toString();
27156
+ }
27157
+ handleValueChangeEvent(value) {
27158
+ this.valueChange.emit(this.allowEmptyValueChange ? value : (value !== null && value !== void 0 ? value : 0));
27159
+ }
26983
27160
  updateFormInternalValue(value) {
26984
- this.formInternals.setFormValue(value.toString());
27161
+ const formValue = value !== undefined && value !== null ? value.toString() : '';
27162
+ this.formInternals.setFormValue(formValue);
26985
27163
  this.value = value;
26986
27164
  }
27165
+ handleStepOperation(operation) {
27166
+ var _a, _b;
27167
+ if (!this.inputRef.current) {
27168
+ return;
27169
+ }
27170
+ const currentValue = (_a = this.value) !== null && _a !== void 0 ? _a : 0;
27171
+ const stepValue = typeof this.step === 'string'
27172
+ ? Number.parseFloat(this.step)
27173
+ : ((_b = this.step) !== null && _b !== void 0 ? _b : 1);
27174
+ let newValue;
27175
+ if (operation === 'up') {
27176
+ newValue = currentValue + stepValue;
27177
+ }
27178
+ else {
27179
+ newValue = currentValue - stepValue;
27180
+ }
27181
+ if (this.min !== undefined) {
27182
+ const minValue = typeof this.min === 'string' ? Number.parseFloat(this.min) : this.min;
27183
+ newValue = Math.max(newValue, minValue);
27184
+ }
27185
+ if (this.max !== undefined) {
27186
+ const maxValue = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
27187
+ newValue = Math.min(newValue, maxValue);
27188
+ }
27189
+ this.inputRef.current.value = newValue.toString();
27190
+ this.updateFormInternalValue(newValue);
27191
+ checkInternalValidity(this, this.inputRef.current);
27192
+ this.handleValueChangeEvent(newValue);
27193
+ }
26987
27194
  /** @internal */
26988
27195
  async getAssociatedFormElement() {
26989
27196
  return this.formInternals.form;
@@ -26992,9 +27199,10 @@ class NumberInput {
26992
27199
  async hasValidValue() {
26993
27200
  const nativeInput = await this.getNativeInputElement();
26994
27201
  if (nativeInput.value === '') {
26995
- return Promise.resolve(false);
27202
+ return !this.required;
26996
27203
  }
26997
- return Promise.resolve(this.value !== null && this.value !== undefined && !isNaN(this.value));
27204
+ const parsedValue = this.convertNumberStringToFloat(nativeInput.value);
27205
+ return parsedValue !== undefined;
26998
27206
  }
26999
27207
  /**
27000
27208
  * Returns the native input element used under the hood
@@ -27016,39 +27224,30 @@ class NumberInput {
27016
27224
  return Promise.resolve(this.touched);
27017
27225
  }
27018
27226
  render() {
27227
+ var _a;
27019
27228
  const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
27020
- return (hAsync(Host, { key: 'c42e57d87186db97d228a3c80fa487c3e2bbe5d0', class: {
27229
+ return (hAsync(Host, { key: '4b541dbe6fe2b32b5158eed8f398de300ea71bb4', class: {
27021
27230
  disabled: this.disabled,
27022
27231
  readonly: this.readonly,
27023
- } }, hAsync("ix-field-wrapper", { key: '2180bbdb30f50945159b742399297ce011729cf7', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '905329aff61d43248e3ee53cb900e5d611b74999', class: {
27232
+ } }, hAsync("ix-field-wrapper", { key: '7ef2bb50ba7c9b3b24612752155a2072329e4b61', id: this.numberInputId, required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '7e71d63d2a9ecbb16550925e68f3dc8dd76c3968', class: {
27024
27233
  'input-wrapper': true,
27025
27234
  'show-stepper-buttons': !!this.showStepperButtons,
27026
- } }, hAsync(SlotStart, { key: '9acae4279a3d0b81e1e863e25875176e5e73cabf', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'e9e3bdebcd1165efdcb0359a6cd9fd90ecb5d4ef', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), valueChange: (value) => this.valueChange.emit(Number(value)), updateFormInternalValue: (value) => this.updateFormInternalValue(Number(value)), onBlur: () => {
27027
- onInputBlur(this, this.inputRef.current);
27028
- this.touched = true;
27029
- } }), hAsync(SlotEnd, { key: 'f9e41241aaff4d70ea46315fd39a908cdfe14e11', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '36507af1b806bd2fc6e4cc1d4d34de9fe8dd8ba0', class: {
27235
+ } }, hAsync(SlotStart, { key: '8d936c9126f94c42db87b2d95d34ab178eadd31d', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync(InputElement, { key: 'c56f510ea8a519204d3d36136d4b0a5a17246370', id: this.numberInputId, readonly: this.readonly, disabled: this.disabled, step: this.step, min: this.min, max: this.max, pattern: this.pattern, type: 'number', isInvalid: this.isInvalid, required: this.required, value: this.formatValue(this.value), placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), onKeyDown: (event) => this.handleKeyDown(event), onBeforeInput: (event) => this.handleBeforeInput(event), onPaste: (event) => this.handlePaste(event), valueChange: this.handleInputChange, updateFormInternalValue: (value) => {
27236
+ const isScientificNotation = this.isScientificNotation(value.trim());
27237
+ if (!isScientificNotation) {
27238
+ const parsedValue = this.convertNumberStringToFloat(value);
27239
+ this.updateFormInternalValue(parsedValue);
27240
+ }
27241
+ }, onBlur: this.handleBlur, form: (_a = this.formInternals.form) !== null && _a !== void 0 ? _a : undefined, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), hAsync(SlotEnd, { key: '2d7e82c421d51985c9d24c69b6f641279e3e84aa', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '5b1e6f03bf456305386537428b23b3fc2706e411', class: {
27030
27242
  'number-stepper-container': true,
27031
27243
  'container-hidden': !showStepperButtons,
27032
- } }, hAsync("ix-icon-button", { key: '0bef82df236486f49f71da016edb67e7edbd4775', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
27033
- if (!this.inputRef.current) {
27034
- return;
27035
- }
27036
- this.inputRef.current.stepDown();
27037
- checkInternalValidity(this, this.inputRef.current);
27038
- this.updateFormInternalValue(Number(this.inputRef.current.value));
27039
- this.valueChange.emit(this.value);
27040
- } }), hAsync("ix-icon-button", { key: '34f4f8b3dc4e90ec9ada96f15280b39320ed5fb9', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
27041
- if (!this.inputRef.current) {
27042
- return;
27043
- }
27044
- this.inputRef.current.stepUp();
27045
- checkInternalValidity(this, this.inputRef.current);
27046
- this.updateFormInternalValue(Number(this.inputRef.current.value));
27047
- this.valueChange.emit(this.value);
27048
- } })))))));
27244
+ } }, hAsync("ix-icon-button", { key: '44a5f583fb174c556a063f384174883ec307f9f4', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => this.handleStepOperation('down') }), hAsync("ix-icon-button", { key: 'c007fe5451c3f124e61214160c7ebc8cc1150b25', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => this.handleStepOperation('up') })))))));
27049
27245
  }
27050
27246
  static get formAssociated() { return true; }
27051
27247
  get hostElement() { return getElement(this); }
27248
+ static get watchers() { return {
27249
+ "value": ["onValueChange"]
27250
+ }; }
27052
27251
  static get style() { return numberInputCss; }
27053
27252
  static get cmpMeta() { return {
27054
27253
  "$flags$": 329,
@@ -27073,6 +27272,9 @@ class NumberInput {
27073
27272
  "allowedCharactersPattern": [1, "allowed-characters-pattern"],
27074
27273
  "showStepperButtons": [4, "show-stepper-buttons"],
27075
27274
  "step": [8],
27275
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
27276
+ "textAlignment": [1, "text-alignment"],
27277
+ "allowEmptyValueChange": [516, "allow-empty-value-change"],
27076
27278
  "isInvalid": [32],
27077
27279
  "isValid": [32],
27078
27280
  "isInfo": [32],
@@ -27086,7 +27288,7 @@ class NumberInput {
27086
27288
  },
27087
27289
  "$listeners$": undefined,
27088
27290
  "$lazyBundleId$": "-",
27089
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"]]
27291
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"], ["allowEmptyValueChange", "allow-empty-value-change"]]
27090
27292
  }; }
27091
27293
  }
27092
27294
  __decorate$7([
@@ -27144,6 +27346,13 @@ class Pagination {
27144
27346
  * i18n label for 'Items'
27145
27347
  */
27146
27348
  this.i18nItems = 'Items';
27349
+ /**
27350
+ * ARIA label for the page selection input
27351
+ * Will be set as aria-label on the nested HTML input element
27352
+ *
27353
+ * @since 4.1.0
27354
+ */
27355
+ this.ariaLabelPageSelection = 'Page selection input';
27147
27356
  }
27148
27357
  selectPage(index) {
27149
27358
  const oldIndex = this.selectedPage;
@@ -27233,17 +27442,32 @@ class Pagination {
27233
27442
  }
27234
27443
  return hAsync("span", { class: "page-buttons" }, pageButtons);
27235
27444
  }
27445
+ handlePageInput(inputValue) {
27446
+ const value = Number.parseInt(inputValue, 10);
27447
+ if (!Number.isNaN(value)) {
27448
+ const clampedValue = Math.max(1, Math.min(value, this.count));
27449
+ this.selectPage(clampedValue - 1);
27450
+ }
27451
+ }
27236
27452
  render() {
27237
- return (hAsync(Host, { key: '2c7cf6773c09f4ed7f85c0d07dfce5c8f8abadd0' }, hAsync("ix-icon-button", { key: 'fa94337bce13357dc51b6ffc14884447895daecc', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
27238
- const eventTarget = event.target;
27239
- if (eventTarget) {
27240
- const index = Number.parseInt(eventTarget.value);
27241
- this.selectPage(index - 1);
27453
+ return (hAsync(Host, { key: 'e9b053fdf801e514af1abef2e163a903f7d5f976' }, hAsync("ix-icon-button", { key: 'a880a444f946f7d228a746b8d45d7328bdc26295', disabled: !this.count || this.selectedPage === 0, variant: "subtle-tertiary", icon: iconChevronLeftSmall, onClick: () => this.decrease(), "aria-label": this.ariaLabelChevronLeftIconButton }), this.advanced ? (hAsync("div", { class: "advanced-pagination" }, hAsync("ix-typography", { format: "body" }, this.i18nPage), hAsync("input", { "aria-label": this.ariaLabelPageSelection, class: "ix-form-control page-selection", type: "number", min: "1", max: this.count, value: this.selectedPage + 1, onChange: (event) => {
27454
+ const inputElement = event.target;
27455
+ this.handlePageInput(inputElement.value);
27456
+ }, onKeyDown: (event) => {
27457
+ if (['e', 'E', '+', '-', '.'].includes(event.key))
27458
+ event.preventDefault();
27459
+ if (event.key === 'Enter') {
27460
+ const inputElement = event.target;
27461
+ this.handlePageInput(inputElement.value);
27462
+ inputElement.blur();
27242
27463
  }
27243
- } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: '77a5917b2cec4f71952ec522834edac7213893ba', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '283586cbc24ad946540a73d024d0d3be18fa2e21', class: "item-count" }, hAsync("ix-typography", { key: '1ca7612509d637879483c0787dd7ef7590b6d36e', format: "body" }, this.i18nItems), hAsync("ix-select", { key: '469e944c28e94e22faa6da6025da12285efddea7', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
27464
+ }, onBlur: (e) => {
27465
+ const inputElement = e.target;
27466
+ inputElement.value = (this.selectedPage + 1).toString();
27467
+ } }), hAsync("span", { class: "total-count" }, hAsync("ix-typography", { format: "body" }, this.i18nOf, " ", this.count)))) : (hAsync("span", { class: "basic-pagination" }, this.renderPageButtons(), " ")), hAsync("ix-icon-button", { key: 'dd75eb48382320194812f9eb4c644b7d37f0c84a', disabled: !this.count || this.selectedPage === this.count - 1, variant: "subtle-tertiary", icon: iconChevronRightSmall, onClick: () => this.increase(), "aria-label": this.ariaLabelChevronRightIconButton }), this.advanced && !this.hideItemCount && (hAsync("span", { key: '018574c07720618970be857f7536fdf9b71e1542', class: "item-count" }, hAsync("ix-typography", { key: '343a05e008f258ab9a56045cac1a8785c9855169', format: "body" }, this.i18nItems), hAsync("ix-select", { key: '2d8a5efe84ea53ea85b9f4c75f1c84800c858846', hideListHeader: true, i18nPlaceholder: "", i18nSelectListHeader: "", value: `${this.itemCount}`, onValueChange: (e) => {
27244
27468
  const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
27245
27469
  this.itemCountChanged.emit(count);
27246
- } }, hAsync("ix-select-item", { key: '5c23fd3dd7da1c65ba31a198abf68616a8161a44', label: "10", value: "10" }), hAsync("ix-select-item", { key: 'a24cc4f514952624905d3c5aacd5fec560daed28', label: "15", value: "15" }), hAsync("ix-select-item", { key: '45f988ed103de8396471f34317b7247332db6672', label: "20", value: "20" }), hAsync("ix-select-item", { key: '424633f91ccc77266c328d8d676212c1081ffaa0', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'b9642e96090015457502d8544b0196ae5f1956db', label: "100", value: "100" }))))));
27470
+ } }, hAsync("ix-select-item", { key: '9106274e93a00e5cb62f7cd19082f43e2920076b', label: "10", value: "10" }), hAsync("ix-select-item", { key: '452779779ea63e45d408d60b5faed2d30ea6bcc9', label: "15", value: "15" }), hAsync("ix-select-item", { key: '0658cd6473b508ec6c01c83d99bce4bfa8a54940', label: "20", value: "20" }), hAsync("ix-select-item", { key: '316b1e9a882ae3a516f8a3ff3997ab0fe95c20de', label: "40", value: "40" }), hAsync("ix-select-item", { key: 'a5dbea62134178911100a1fb369d258b0ee74b8d', label: "100", value: "100" }))))));
27247
27471
  }
27248
27472
  get hostElement() { return getElement(this); }
27249
27473
  static get style() { return paginationCss; }
@@ -27260,7 +27484,8 @@ class Pagination {
27260
27484
  "i18nOf": [1, "i18n-of"],
27261
27485
  "i18nItems": [1, "i18n-items"],
27262
27486
  "ariaLabelChevronLeftIconButton": [1, "aria-label-chevron-left-icon-button"],
27263
- "ariaLabelChevronRightIconButton": [1, "aria-label-chevron-right-icon-button"]
27487
+ "ariaLabelChevronRightIconButton": [1, "aria-label-chevron-right-icon-button"],
27488
+ "ariaLabelPageSelection": [1, "aria-label-page-selection"]
27264
27489
  },
27265
27490
  "$listeners$": undefined,
27266
27491
  "$lazyBundleId$": "-",
@@ -27717,7 +27942,7 @@ class Pane {
27717
27942
  }
27718
27943
  render() {
27719
27944
  const rotate = !this.expanded && !this.isMobile && this.isLeftRightPane;
27720
- return (hAsync(Host, { key: 'd90ef7a63b141b3af9c9f04aba41cf8ef13c448a', class: {
27945
+ return (hAsync(Host, { key: 'd4dcd94494a7a1a20cb9ce1613f60b07708a1a6a', class: {
27721
27946
  'floating-pane': this.floating,
27722
27947
  'inline-pane': !this.floating,
27723
27948
  'mobile-overlay': this.expanded && this.isMobile,
@@ -27741,28 +27966,28 @@ class Pane {
27741
27966
  !this.expanded &&
27742
27967
  !this.floating,
27743
27968
  'not-visible': this.hideOnCollapse && !this.expanded,
27744
- }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '02cb43bcca7a7d6acf5d341f9a4e7ee5739f72c1', id: `pane-${this.composition}`, class: {
27969
+ }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '16c38b4a2706ee2cc82975e7cc8f48434997d668', id: `pane-${this.composition}`, class: {
27745
27970
  'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
27746
27971
  'left-right-pane': this.isLeftRightPane && !this.isMobile,
27747
27972
  'mobile-pane': this.isMobile,
27748
27973
  expanded: this.expanded,
27749
- } }, hAsync("div", { key: 'be05dfaf0f1080ad0bcdbd41ea01ac151b2aeb86', id: "title-div", class: {
27974
+ } }, hAsync("div", { key: 'e4f68f0ab4d1c720bd2bbd2c8a3362e8c1166216', id: "title-div", class: {
27750
27975
  title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
27751
27976
  'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
27752
27977
  'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
27753
27978
  'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
27754
27979
  'title-mobile': this.isMobile,
27755
27980
  'header-gap': !this.isMobile && !this.hideOnCollapse,
27756
- } }, hAsync("ix-icon-button", { key: '767886aea1428fdc4c10875de8eb0dd3750b5cdf', class: "title-icon", size: "24", icon: this.expanded
27981
+ } }, hAsync("ix-icon-button", { key: '3d6a8b606b790e4a0401de198dd7f96536cff5a9', class: "title-icon", size: "24", icon: this.expanded
27757
27982
  ? this.isMobile || this.hideOnCollapse
27758
27983
  ? iconClose
27759
27984
  : this.expandIcon
27760
27985
  : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse)
27761
27986
  ? 'color-soft-text'
27762
- : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: '5fd6b9619ce193b891fd98a9bee39aad31f3747d', class: {
27987
+ : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'e7410bc38e5c387ac6b92d7805cd4b82a4e5517e', class: {
27763
27988
  'title-text': true,
27764
27989
  rotate: rotate,
27765
- } }, this.icon && (hAsync("ix-icon", { key: '38d9ad10b7d61868aa94b9b02ca3f74063e1f6e8', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: '4b69e18d0297c51b814531353192a2199477ca29', class: "title-text-overflow" }, hAsync("ix-typography", { key: 'fe5a51d0b8189484c85c7e373e4144aacdda2605', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '39edc85909cabbbc8103d6a322c0385ae9d495b5', class: "slot-header" }, hAsync("slot", { key: '886bd5bc2aad66c103698cf38259072ca524563a', name: "header" }))))), hAsync("div", { key: 'e4bdfa446878efd622c8d1c10ad53f94caf0da9d', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: '967fed090b6ab347a2140815dd93a29dee023b54' })))));
27990
+ } }, this.icon && (hAsync("ix-icon", { key: '0429aadaabf1c6ff85d2858530d134884dde885a', class: "pane-icon", size: "24", name: this.icon, "aria-label": this.ariaLabelIcon })), hAsync("div", { key: 'a1f91e5bfc947a90423df8706bc97c13c5fe8f5b', class: "title-text-overflow" }, hAsync("ix-typography", { key: 'c7e45df0f33e0ca37fe1ca02ed552c7602e241f4', format: "h4" }, this.heading)), this.expanded && (hAsync("div", { key: '1780fd1205121d168c240ef7f2990318f42cef52', class: "slot-header" }, hAsync("slot", { key: 'ff9c90ed6e1c9fd23850168a0cb6457aeb27663f', name: "header" }))))), hAsync("div", { key: '67ce0be6d20ecbaf426f6d11acf9bdfab14d9945', class: "side-pane-content", hidden: !this.showContent }, hAsync("slot", { key: 'd5ee452fe64264f93ba57300a099abbaa89cfbd5' })))));
27766
27991
  }
27767
27992
  get hostElement() { return getElement(this); }
27768
27993
  static get watchers() { return {
@@ -28038,7 +28263,7 @@ class Panes {
28038
28263
  return pane ? pane.floating : false;
28039
28264
  }
28040
28265
  render() {
28041
- return (hAsync(Host, { key: '8750c0c2d53cce0c8996dc28e8ed328d0036142e' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28266
+ return (hAsync(Host, { key: 'f5825e5fd84ca1f96e9eb6d19c528107167b4e16' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28042
28267
  row: true,
28043
28268
  'padding-left': this.hasPadding('left'),
28044
28269
  'padding-right': this.hasPadding('right'),
@@ -28145,13 +28370,13 @@ class Pill {
28145
28370
  [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
28146
28371
  };
28147
28372
  }
28148
- return (hAsync(Host, { key: '95aefc19a906deedb01249939024ad937f82f212', style: this.variant === 'custom'
28373
+ return (hAsync(Host, { key: 'aa669a2d03f9fc237cc40003d5a28718a403b764', style: this.variant === 'custom'
28149
28374
  ? {
28150
28375
  '--ix-icon-button-color': this.pillColor,
28151
28376
  }
28152
28377
  : {}, class: {
28153
28378
  'align-left': this.alignLeft,
28154
- } }, hAsync("div", { key: '2e056a3b7a048b087ea1cd7cfbfed90a899cb5b1', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
28379
+ } }, hAsync("div", { key: '0e15da18791505629957df85918d7752cfa62662', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
28155
28380
  container: true,
28156
28381
  outline: this.outline,
28157
28382
  inactive: false,
@@ -28166,9 +28391,9 @@ class Pill {
28166
28391
  closable: false,
28167
28392
  icon: !!this.icon,
28168
28393
  'with-gap': !this.iconOnly,
28169
- } }, this.icon && (hAsync("ix-icon", { key: '7ad101403100e938791c5f6c8c1ea5df7bc9097f', class: {
28394
+ } }, this.icon && (hAsync("ix-icon", { key: '49abe1808017f85a25fb2d8abd24db421f43f762', class: {
28170
28395
  'with-icon': true,
28171
- }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: '5a7fafab5c670fb778febc21477eefe42475aea3', class: "slot-container" }, hAsync("slot", { key: '595de03aae3978e6b40674adf16ffb3b47db1e6d', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
28396
+ }, name: this.icon, size: '16', "aria-label": this.ariaLabelIcon })), hAsync("span", { key: '582ec1baae99962550035f613a8f74d9d8d9f56e', class: "slot-container" }, hAsync("slot", { key: '46c0481383cfbc55dcb60981cb10dd2b460930eb', onSlotchange: () => this.checkIfContentAvailable() }))), this.getTooltip()));
28172
28397
  }
28173
28398
  get hostElement() { return getElement(this); }
28174
28399
  static get style() { return pillCss; }
@@ -28326,17 +28551,17 @@ class ProgressIndicator {
28326
28551
  render() {
28327
28552
  const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
28328
28553
  const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
28329
- return (hAsync(Host, { key: '640d68ad2e2fd3f61c60c91ea2b18725334a939f', class: {
28554
+ return (hAsync(Host, { key: '55cecc574b40c14bd8a4ba7a4d1f0e1d8d73f07b', class: {
28330
28555
  linear: this.type === 'linear',
28331
28556
  circular: this.type === 'circular',
28332
- }, tabIndex: -1 }, hAsync("div", { key: 'c9cbf3913838d5ea0d9f89dc46680d86690a3382', class: {
28557
+ }, tabIndex: -1 }, hAsync("div", { key: '3db1f913e4c4793106d7865b52ef4dcb07889188', class: {
28333
28558
  'progress-indicator': true,
28334
28559
  [this.size]: true,
28335
28560
  [this.status]: true,
28336
28561
  ['text-center']: this.textAlignment === 'center',
28337
28562
  ['text-left']: this.textAlignment === 'left',
28338
28563
  ['text-right']: this.textAlignment === 'right',
28339
- } }, this.label && (hAsync("ix-typography", { key: '25682b4008e976cb4a02d2bb957baed33e0250d7', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: '74a13977a442268c72278f005965d5263e741e12', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
28564
+ } }, this.label && (hAsync("ix-typography", { key: 'd8cd960dcfee8bfc20102d2b071661a186dcc854', format: "label", textColor: this.status === 'error' ? 'alarm' : 'soft', class: 'label' }, this.label)), hAsync("div", { key: 'd149e99776e95f8051cc02e70d16d3c5103d98ba', class: "progress-container" }, this.type === 'linear' ? (hAsync(Fragment, null, hAsync(LinearBar, { value: clampedValue, status: this.status }), hAsync("div", { class: "linear-slot" }, hAsync("slot", null)))) : (hAsync(CircularProgress, { status: this.status, alignment: this.textAlignment, value: clampedValue, size: this.size }, hAsync("slot", null)))), this.showTextAsTooltip === true && this.helperText ? (hAsync("ix-tooltip", { for: this.hostElement, showDelay: 500, placement: "bottom" }, this.getHelperText())) : (this.getHelperText()))));
28340
28565
  }
28341
28566
  get hostElement() { return getElement(this); }
28342
28567
  static get style() { return progressIndicatorCss; }
@@ -28377,7 +28602,7 @@ class PushCard {
28377
28602
  }
28378
28603
  render() {
28379
28604
  var _a;
28380
- return (hAsync(Host, { key: '32d1c2383ba5f21901eacfd3048af7435100b2b7', class: `card-${this.variant}` }, hAsync("ix-card", { key: 'b1d03d963e570c329056cf3eb70c09ef6abc13a9', variant: this.variant }, hAsync("ix-card-content", { key: '9c46d2744676c929137f8bd9dd9ac1058d6c6a53' }, hAsync("ix-card-title", { key: '76c052d9be63151295802b58d42e269dc0149c68' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: 'be3a399500fa1dc58c10c8d01eb1691fb662940f', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'eadeb7a0b034113e2e0a5d8557a8bf9000027306', name: "title-action" })), hAsync("ix-typography", { key: '93dd2faeba0563a3e7c195941dc1424975e032fb', format: "h4" }, this.heading), hAsync("ix-typography", { key: '3279cd3e6b24c0029e8d83a66a5f3344eee496b4' }, this.subheading)), hAsync("ix-card-accordion", { key: 'c36c63dac6e2ccf61745143a0fa5bf82bebac085', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '7567ec4ff104a9933a632004aea3b3e607660471' })))));
28605
+ return (hAsync(Host, { key: 'ce5e4eb49ffe548ae912dfb9df2ff02e570aef15', class: `card-${this.variant}` }, hAsync("ix-card", { key: '09ee07b5244171d3cd2a2eaf99180a71364326e6', variant: this.variant }, hAsync("ix-card-content", { key: '4ca37f7946dfaf600c21fa516a6a79c95c3369f3' }, hAsync("ix-card-title", { key: '14508386f9ad32b641b7404b8d1845f8f215a12f' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '004e0f78e304e16b085cba401d4fe6067c579819', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'b5207aabd014e0e180eb1248795bccc23c09b850', name: "title-action" })), hAsync("ix-typography", { key: 'e39c0d3762869afd918cf9f8bb75bcbad35798d2', format: "h4" }, this.heading), hAsync("ix-typography", { key: '52c82e776f50a1e848cb163cf974402fc58a5011' }, this.subheading)), hAsync("ix-card-accordion", { key: '28ba4043b6494617eb0a4ea03eca56c198e10766', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: 'f2be8b7cd43af05c3af1be4a5642871e3413d6f8' })))));
28381
28606
  }
28382
28607
  static get style() { return pushCardCss; }
28383
28608
  static get cmpMeta() { return {
@@ -28513,17 +28738,17 @@ class Radio {
28513
28738
  if (this.disabled) {
28514
28739
  tabIndex = -1;
28515
28740
  }
28516
- return (hAsync(Host, { key: 'f2af88d1133c45be1101d9148f8e00f5428be7a6', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
28741
+ return (hAsync(Host, { key: '0a08dcbeaaf21bb9063ff44dbb9b7fec0bd18b85', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
28517
28742
  disabled: this.disabled,
28518
28743
  checked: this.checked,
28519
28744
  }, onClick: () => {
28520
28745
  if (this.disabled)
28521
28746
  return;
28522
28747
  this.setCheckedState(true);
28523
- }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: '93f6a862ac81885b247dc499d34e966d56973970' }, hAsync("div", { key: '253b7ae5544c8d8ee3449ea0be187246cbe314d5', class: "radio-button" }, hAsync("div", { key: '2e0d99a793f5ddd3b3d5a5d32732e8cd88d8b1f5', "aria-hidden": "true", class: {
28748
+ }, onKeyDown: (event) => this.onKeyDown(event), onBlur: () => this.ixBlur.emit() }, hAsync("label", { key: 'ba82e05023a706e366cede669060ec11d2848754' }, hAsync("div", { key: 'c3b75eea221618adc27dec099089dac0f84a91ac', class: "radio-button" }, hAsync("div", { key: 'd5d10cfce1442f641f939aa16a6feb79fc38caf0', "aria-hidden": "true", class: {
28524
28749
  ['radio-checkmark']: true,
28525
28750
  checked: this.checked,
28526
- } }, hAsync("div", { key: '7ad24225a37a30e1f002bc07f450a85eb42b7383', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: '7790a763f1a329cc3e0595aeddbe7e5a66c8339e', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'ff24cb9646a2a1c4b18236af291d13cd044f3235' }))))));
28751
+ } }, hAsync("div", { key: 'fe7c6830a7fb254291fe95d4310b59bd32ed9492', class: "checkmark", style: { visibility: this.checked ? 'visible' : 'hidden' } }))), this.label && (hAsync("ix-typography", { key: 'bc5fe1821b5686760eb7fa3959cf30b54cca40ee', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, hAsync("slot", { key: 'a72b3d10cdcbaa398a6f59b9ce1d036f12e4819c' }))))));
28527
28752
  }
28528
28753
  static get formAssociated() { return true; }
28529
28754
  get hostElement() { return getElement(this); }
@@ -28694,10 +28919,10 @@ class RadiobuttonGroup {
28694
28919
  nextRadio.focus();
28695
28920
  }
28696
28921
  render() {
28697
- return (hAsync(Host, { key: '25eec92511036bb23386e7ccd58ed9529a8d6723', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, hAsync("ix-field-wrapper", { key: '6651bfac925b36a90036e41dc5c0040a8730a8da', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: '76d7c9f366118f8d056e94cc079fc23a0b21eea5', class: {
28922
+ return (hAsync(Host, { key: 'db3158ccabcd99d1b5185607b848c424a4c4c970', onIxBlur: () => (this.touched = true), ref: this.groupRef, role: "radiogroup" }, hAsync("ix-field-wrapper", { key: '5668fbc12f4d264869dfe03dc2bbd3d380da6ae1', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, isInvalid: this.isInvalid, controlRef: this.groupRef }, hAsync("div", { key: 'a5ec59c15eb8353d66bc6f0668dd7148dbd447a6', class: {
28698
28923
  'checkbox-container': true,
28699
28924
  'row-layout': this.direction === 'row',
28700
- } }, hAsync("slot", { key: '231e640d7a46d5428b0c8a852c41fe08bbfdbe09' })))));
28925
+ } }, hAsync("slot", { key: '325b19034d55cc20cd556a24585d05ce32f22bb6' })))));
28701
28926
  }
28702
28927
  get hostElement() { return getElement(this); }
28703
28928
  static get watchers() { return {
@@ -28744,7 +28969,7 @@ class Row {
28744
28969
  registerInstance(this, hostRef);
28745
28970
  }
28746
28971
  render() {
28747
- return (hAsync(Host, { key: 'e52017d7fe80956a0d68089decc17c4f8f5de360' }, hAsync("slot", { key: '21a9f020f3afa15594ae029dd50643126303697c' })));
28972
+ return (hAsync(Host, { key: 'ff07b78a26aaca76105d0cf296807512620aa6e6' }, hAsync("slot", { key: '46cf7e7f85f4a44831b6482df9a9b667519082f0' })));
28748
28973
  }
28749
28974
  static get style() { return rowCss; }
28750
28975
  static get cmpMeta() { return {
@@ -28798,6 +29023,13 @@ class Select {
28798
29023
  * A Boolean attribute indicating that an option with a non-empty string value must be selected
28799
29024
  */
28800
29025
  this.required = false;
29026
+ /**
29027
+ * ARIA label for the chevron down icon button
29028
+ * Will be set as aria-label on the nested HTML button element
29029
+ *
29030
+ * @since 3.2.0
29031
+ */
29032
+ this.ariaLabelChevronDownIconButton = 'Open select dropdown';
28801
29033
  /**
28802
29034
  * Current selected value.
28803
29035
  * This corresponds to the value property of ix-select-items
@@ -28839,10 +29071,18 @@ class Select {
28839
29071
  * Information inside of dropdown if no items where found with current filter text
28840
29072
  */
28841
29073
  this.i18nNoMatches = 'No matches';
29074
+ /**
29075
+ * Chip label for all selected items in multiple mode.
29076
+ */
29077
+ this.i18nAllSelected = 'All';
28842
29078
  /**
28843
29079
  * Hide list header
28844
29080
  */
28845
29081
  this.hideListHeader = false;
29082
+ /**
29083
+ * Show "all" chip when all items are selected in multiple mode
29084
+ */
29085
+ this.collapseMultipleSelection = false;
28846
29086
  this.dropdownShow = false;
28847
29087
  this.selectedLabels = [];
28848
29088
  this.isDropdownEmpty = false;
@@ -28964,6 +29204,14 @@ class Select {
28964
29204
  return;
28965
29205
  }
28966
29206
  this.updateSelection();
29207
+ if (this.isMultipleMode && this.inputFilterText) {
29208
+ this.clearInput();
29209
+ this.removeHiddenFromItems();
29210
+ if (this.arrowFocusController) {
29211
+ this.arrowFocusController.items = this.visibleNonShadowItems;
29212
+ }
29213
+ this.navigationItem = undefined;
29214
+ }
28967
29215
  }
28968
29216
  emitAddItem(value) {
28969
29217
  var _a;
@@ -29282,6 +29530,24 @@ class Select {
29282
29530
  this.editable &&
29283
29531
  this.inputFilterText);
29284
29532
  }
29533
+ shouldDisplayAllChip() {
29534
+ return (this.selectedItems.length === this.items.length &&
29535
+ this.collapseMultipleSelection);
29536
+ }
29537
+ renderAllChip() {
29538
+ return (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, ariaLabelCloseIconButton: this.i18nAllSelected, onCloseClick: (e) => {
29539
+ e.preventDefault();
29540
+ e.stopPropagation();
29541
+ this.clear();
29542
+ } }, `${this.i18nAllSelected} (${this.selectedItems.length})`));
29543
+ }
29544
+ renderChip(item) {
29545
+ return (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
29546
+ e.preventDefault();
29547
+ e.stopPropagation();
29548
+ this.itemClick(item.value);
29549
+ } }, item.label));
29550
+ }
29285
29551
  onValidationChange({ isInvalid, isInvalidByRequired, isValid, isInfo, isWarning, }) {
29286
29552
  this.isInvalid = isInvalid || isInvalidByRequired;
29287
29553
  this.isValid = isValid;
@@ -29321,9 +29587,9 @@ class Select {
29321
29587
  }
29322
29588
  render() {
29323
29589
  var _a, _b, _c, _d;
29324
- return (hAsync(Host, { key: '2113db5b5d04704c2bc60f2bb04c8886d9bc5f4c', "aria-disabled": a11yBoolean(this.disabled), class: {
29590
+ return (hAsync(Host, { key: '1610cc7dd06025b8dc05cd905eb1fad5574a64f8', "aria-disabled": a11yBoolean(this.disabled), class: {
29325
29591
  disabled: this.disabled,
29326
- } }, hAsync("ix-field-wrapper", { key: 'd48ae99ecb04db8ffa4a22af08ccf89ce7c080be', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: 'de5fd6ec7e718893bf763d48032a8ee084cd59a3', class: {
29592
+ } }, hAsync("ix-field-wrapper", { key: '912ca0f6e59259ea7de5fbb4857357fcf1db8370', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, hAsync("div", { key: '217ad54b9ca7a3e7aa9e60d89482b5fbc5389fc1', class: {
29327
29593
  select: true,
29328
29594
  disabled: this.disabled,
29329
29595
  readonly: this.readonly,
@@ -29331,13 +29597,11 @@ class Select {
29331
29597
  this.dropdownAnchorRef(ref);
29332
29598
  if (!this.editable)
29333
29599
  this.dropdownWrapperRef(ref);
29334
- } }, hAsync("div", { key: '4128e9c3bae2b348948606783b2d07d427e1e173', class: "input-container" }, hAsync("div", { key: 'b36ef6be27a9b23f11517e44551d902389fcba08', class: "chips" }, this.isMultipleMode
29335
- ? (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
29336
- e.preventDefault();
29337
- e.stopPropagation();
29338
- this.itemClick(item.value);
29339
- } }, item.label)))
29340
- : '', hAsync("div", { key: 'f86b26dab24944a087f1977bc5fbc898002944d4', class: "trigger" }, hAsync("input", { key: 'c8237e81cf58258ad73a125e082513bc55da5160', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
29600
+ } }, hAsync("div", { key: '58d7051c6e884dc714643dcf974f7424b4581dfb', class: "input-container" }, hAsync("div", { key: 'be6fec6f27345d8033b9b56ca3760c953951b801', class: "chips" }, this.isMultipleMode &&
29601
+ this.items.length !== 0 &&
29602
+ (this.shouldDisplayAllChip()
29603
+ ? this.renderAllChip()
29604
+ : (_a = this.selectedItems) === null || _a === void 0 ? void 0 : _a.map((item) => this.renderChip(item))), hAsync("div", { key: 'a9b0c66c623856ab4b2c34f136bbef89a4b3377f', class: "trigger" }, hAsync("input", { key: '1920a23f38ce924fae991be2b5c4a760031aae1f', autocomplete: "off", "data-testid": "input", disabled: this.disabled, readOnly: this.readonly, required: this.required, type: "text", class: {
29341
29605
  'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
29342
29606
  }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
29343
29607
  this.inputElement = ref;
@@ -29356,7 +29620,7 @@ class Select {
29356
29620
  : iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
29357
29621
  if (this.editable)
29358
29622
  this.dropdownWrapperRef(ref);
29359
- }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '1c304ed548a2b2d30e39a53757fff6291417e680', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
29623
+ }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '4fcf2193ed3cc0faea0e5de7acab2835751c5583', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
29360
29624
  'display-none': this.disabled || this.readonly,
29361
29625
  }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
29362
29626
  var _a, _b;
@@ -29372,12 +29636,12 @@ class Select {
29372
29636
  styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
29373
29637
  }
29374
29638
  return styleOverwrites;
29375
- } }, hAsync("div", { key: 'f338a319e31998b5920812726cf92bbca06c85e1', class: {
29639
+ } }, hAsync("div", { key: '428a499947d6f345a83d075d1749831d6b1ab348', class: {
29376
29640
  'select-list-header': true,
29377
29641
  hidden: this.hideListHeader || this.isDropdownEmpty,
29378
- }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'd873c28ecd6dbb3343d7473e8318742d36ea3626', onSlotchange: () => {
29642
+ }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '9bffa4284f53b45116dfff2f142fd2f4aea2032c', onSlotchange: () => {
29379
29643
  this.updateSelection();
29380
- } }), hAsync("div", { key: '91119d208ae834e7c6be27190472258db2d0aebb', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
29644
+ } }), hAsync("div", { key: 'a039c9fda5d61358d39ae9cdc08df2fc82b55fa7', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
29381
29645
  'add-item': true,
29382
29646
  }, label: this.inputFilterText, onItemClick: (e) => {
29383
29647
  e.preventDefault();
@@ -29419,9 +29683,11 @@ class Select {
29419
29683
  "i18nPlaceholderEditable": [1, "i18n-placeholder-editable"],
29420
29684
  "i18nSelectListHeader": [1, "i18n-select-list-header"],
29421
29685
  "i18nNoMatches": [1, "i18n-no-matches"],
29686
+ "i18nAllSelected": [1, "i18n-all-selected"],
29422
29687
  "hideListHeader": [4, "hide-list-header"],
29423
29688
  "dropdownWidth": [1, "dropdown-width"],
29424
29689
  "dropdownMaxWidth": [1, "dropdown-max-width"],
29690
+ "collapseMultipleSelection": [4, "collapse-multiple-selection"],
29425
29691
  "dropdownShow": [32],
29426
29692
  "selectedLabels": [32],
29427
29693
  "isDropdownEmpty": [32],
@@ -29530,7 +29796,7 @@ class SelectItem {
29530
29796
  }
29531
29797
  }
29532
29798
  render() {
29533
- return (hAsync(Host, { key: '6923626cd3ebf083ae105eb04e118fcd9a63ef84' }, hAsync("ix-dropdown-item", { key: '302c0852eb3a0f49c93e43c3919bbc517cad5d4a', class: {
29799
+ return (hAsync(Host, { key: '1602a154d8a1d9b4ee3d1755aea08df7a719cd37' }, hAsync("ix-dropdown-item", { key: 'd02799ffee6add3546eafe812785b4ba9532ba6b', class: {
29534
29800
  'select-item-checked': this.selected,
29535
29801
  }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
29536
29802
  }
@@ -29706,12 +29972,12 @@ class Slider {
29706
29972
  traceStart = valueInPercentage;
29707
29973
  traceEnd = traceReferenceInPercentage;
29708
29974
  }
29709
- return (hAsync(Host, { key: '3605bc0c9a7f6a8977f6c084cad542f2a6e56551', class: {
29975
+ return (hAsync(Host, { key: '03faa36448299850133ed4e7c1dbfd5f7a28a91b', class: {
29710
29976
  disabled: this.disabled,
29711
29977
  error: !!this.error,
29712
- }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: 'de59055d6782bc7e6b800a372ea708ae9af5ae3b', class: "slider" }, hAsync("div", { key: '9967cae26a51743968bbf3b800b7c99372da5982', class: "track" }, hAsync("div", { key: '579533fde201ec8ac2b9d877354a920ff73fa5d5', ref: this.thumbRef, class: "thumb", style: {
29978
+ }, onPointerDown: () => setTimeout(() => (this.showTooltip = true)) }, hAsync("div", { key: '686f462a50a42a4a29a20d22d3637af74a3799ae', class: "slider" }, hAsync("div", { key: '8ef5374cd9e421bb2265b1c0b0b7f2c1f2ecf6ff', class: "track" }, hAsync("div", { key: '969da1a4f687d3a254c3353fa0f36ee5ce61130a', ref: this.thumbRef, class: "thumb", style: {
29713
29979
  left: `calc(${valueInPercentage} * 100% - 8px)`,
29714
- } }), hAsync("div", { key: 'd91fbbc4ee62bfcb5a97649e847e63f3e73fdc75', class: "ticks" }, this.marker
29980
+ } }), hAsync("div", { key: '7daba2cb0cf28c3d4b130eeebedae72827109cea', class: "ticks" }, this.marker
29715
29981
  ? this.marker.map((markerValue) => {
29716
29982
  if (markerValue > this.max || markerValue < this.min) {
29717
29983
  return;
@@ -29724,7 +29990,7 @@ class Slider {
29724
29990
  '--tick-value': `${left}`,
29725
29991
  } }));
29726
29992
  })
29727
- : null)), hAsync("input", Object.assign({ key: 'a0959a00ca04f468caafd72826e5feae53f9634e', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
29993
+ : null)), hAsync("input", Object.assign({ key: '2bcc70bf378b44230c3dc7223e6f24707a6a3265', id: "slider", type: "range", list: this.marker ? 'markers' : undefined, step: this.step, min: this.min, max: this.max, value: this.rangeInput, tabindex: this.disabled ? -1 : 0, onInput: (event) => this.onInput(event), style: {
29728
29994
  '--value': `${valueInPercentage}`,
29729
29995
  '--trace-reference': `${traceReferenceInPercentage}`,
29730
29996
  '--trace-start': `${traceStart}`,
@@ -29738,9 +30004,9 @@ class Slider {
29738
30004
  this.showTooltip = true;
29739
30005
  }, onBlur: () => {
29740
30006
  this.showTooltip = false;
29741
- }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'd48f8097449eeef0b360806fcb205e3da210c333', ref: this.tooltipRef, class: {
30007
+ }, role: "slider", "aria-valuenow": this.rangeInput, "aria-valuemin": this.min, "aria-valuemax": this.max }, this.a11yAttributes)), hAsync("ix-tooltip", { key: 'c887ce7b3d18a92de4cf359fb9f8706393a82529', ref: this.tooltipRef, class: {
29742
30008
  'hide-tooltip': !this.showTooltip,
29743
- }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '890d09350360f50a2015e21c859349a27394e638', class: "label" }, hAsync("div", { key: '2e5f010ef578e170336417fbab05e1e514332f99', class: "label-start" }, hAsync("slot", { key: '10bf09b1dfad162c42993775a6b642e499a6c614', name: "label-start" })), hAsync("div", { key: '6c86c3b4c53ec2efa4d6d3b477662054d464315a', class: "label-end" }, hAsync("slot", { key: 'bf44bf1acf4179ede005dd0578cc7e486d319422', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
30009
+ }, animationFrame: true, for: this.thumbRef.waitForCurrent() }, this.rangeInput)), hAsync("div", { key: '8de8c23aa94fc924842631eb4d312efc5ee7cc6f', class: "label" }, hAsync("div", { key: '402d7e1bd4bdd648e361b88f211d7d80e5c907b3', class: "label-start" }, hAsync("slot", { key: 'f9a3a0ecc744b3ab91dda8d425309ce78c57e1f1', name: "label-start" })), hAsync("div", { key: '188c06d13b00c0124603b6a0513cfa24e5467b62', class: "label-end" }, hAsync("slot", { key: 'cc4e9bd389f10ab7e293a80844012877070b2750', name: "label-end" }))), this.error ? (hAsync("ix-typography", { class: 'label-error', textColor: "alarm" }, this.error)) : null));
29744
30010
  }
29745
30011
  get hostElement() { return getElement(this); }
29746
30012
  static get watchers() { return {
@@ -29798,7 +30064,7 @@ class Spinner {
29798
30064
  this.hideTrack = false;
29799
30065
  }
29800
30066
  render() {
29801
- return (hAsync(Host, { key: '86266047755bc0504a1847643501b258d95e539e' }, hAsync("div", { key: '67ee37e028ea51310db343b1a220cc7587d52a3f', class: {
30067
+ return (hAsync(Host, { key: '6f99a58994e1eb03a05b6af195b843094ebea59b' }, hAsync("div", { key: '01ff7d8f23eb80440970086c8791471623cfe424', class: {
29802
30068
  primary: this.variant === 'primary',
29803
30069
  [this.size]: true,
29804
30070
  'hide-track': this.hideTrack,
@@ -29838,31 +30104,42 @@ class SplitButton {
29838
30104
  * Disabled
29839
30105
  */
29840
30106
  this.disabled = false;
30107
+ /**
30108
+ * Disables only the main button while keeping the dropdown trigger enabled
30109
+ *
30110
+ * @since 4.1.0
30111
+ */
30112
+ this.disableButton = false;
30113
+ /**
30114
+ * Disables only the dropdown trigger while keeping the main button enabled
30115
+ *
30116
+ * @since 4.1.0
30117
+ */
30118
+ this.disableDropdownButton = false;
29841
30119
  /**
29842
30120
  * Placement of the dropdown
29843
30121
  */
29844
30122
  this.placement = 'bottom-start';
29845
30123
  this.toggle = false;
30124
+ this.triggerElementRef = makeRef();
29846
30125
  }
29847
- linkTriggerRef() {
29848
- if (this.triggerElement && this.dropdownElement) {
29849
- this.dropdownElement.trigger = this.triggerElement;
29850
- }
30126
+ get isDisabledButton() {
30127
+ return this.disabled || this.disableButton;
29851
30128
  }
29852
- componentDidLoad() {
29853
- this.linkTriggerRef();
30129
+ get isDisabledIcon() {
30130
+ return this.disabled || this.disableDropdownButton;
29854
30131
  }
29855
30132
  render() {
29856
30133
  var _a;
29857
30134
  const hasOutline = this.variant.toLocaleLowerCase().includes('secondary');
29858
- const buttonAttributes = {
30135
+ const baseAttributes = {
29859
30136
  variant: this.variant,
29860
- disabled: this.disabled,
29861
- class: {
29862
- 'left-button-border': !hasOutline,
29863
- },
29864
30137
  };
29865
- return (hAsync(Host, { key: 'ca206f224a2569e07e777216171fc335d7bc6d6e' }, hAsync("div", { key: '20d5564fc3a571fde50e35e53bae018e80a70a7e', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e) }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: '13c89b4dc80509ba09d2d4a59893961d79bc06ce' }, buttonAttributes, { ref: (r) => (this.triggerElement = r), class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: 'fd240af714c333bacf83077c638ff2542e516cbb', ref: (r) => (this.dropdownElement = r), closeBehavior: this.closeBehavior }, hAsync("slot", { key: 'c5969f3b33deaac3687e09cc7ae0c24e50575c13' }))));
30138
+ const buttonAttributes = Object.assign(Object.assign({}, baseAttributes), { disabled: this.isDisabledButton, class: {
30139
+ 'left-button-border': !hasOutline,
30140
+ } });
30141
+ const dropdownButtonAttributes = Object.assign(Object.assign({}, baseAttributes), { disabled: this.isDisabledIcon });
30142
+ return (hAsync(Host, { key: '18955e55bbab4f5899f27cf2b38892c60bece302' }, hAsync("div", { key: '8cc32b2686c3e02ee1f2a43d4a5f310cd2930dad', class: { 'btn-group': true, 'middle-gap': !hasOutline } }, this.label ? (hAsync("ix-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }), this.label)) : (hAsync("ix-icon-button", Object.assign({}, buttonAttributes, { icon: this.icon, onClick: (e) => this.buttonClick.emit(e), "aria-label": this.ariaLabelButton }))), hAsync("ix-icon-button", Object.assign({ key: 'ae7a2875314967f3100d1abcef3528a9822b0503' }, dropdownButtonAttributes, { ref: this.triggerElementRef, class: 'anchor', icon: (_a = this.splitIcon) !== null && _a !== void 0 ? _a : iconContextMenu, "aria-label": this.ariaLabelSplitIconButton }))), hAsync("ix-dropdown", { key: 'd81abc1f01f55f2bc85740898e7f59173e62e182', closeBehavior: this.closeBehavior, trigger: this.triggerElementRef.waitForCurrent() }, hAsync("slot", { key: '19c2623131a8ab3799e5a9bb75cc356bf500fffd' }))));
29866
30143
  }
29867
30144
  get hostElement() { return getElement(this); }
29868
30145
  static get style() { return splitButtonCss; }
@@ -29878,6 +30155,8 @@ class SplitButton {
29878
30155
  "splitIcon": [1, "split-icon"],
29879
30156
  "ariaLabelSplitIconButton": [1, "aria-label-split-icon-button"],
29880
30157
  "disabled": [4],
30158
+ "disableButton": [4, "disable-button"],
30159
+ "disableDropdownButton": [4, "disable-dropdown-button"],
29881
30160
  "placement": [1],
29882
30161
  "toggle": [32]
29883
30162
  },
@@ -29935,7 +30214,7 @@ class TabItem {
29935
30214
  };
29936
30215
  }
29937
30216
  render() {
29938
- return (hAsync(Host, { key: 'ca813ba38f31983dd69981c9799234540adc06b6', class: this.tabItemClasses({
30217
+ return (hAsync(Host, { key: 'f703b9ed1db79ae154acd43425ac44993a13e99e', class: this.tabItemClasses({
29939
30218
  selected: this.selected,
29940
30219
  disabled: this.disabled,
29941
30220
  small: this.small,
@@ -29952,12 +30231,12 @@ class TabItem {
29952
30231
  if (clientEvent.defaultPrevented) {
29953
30232
  event.stopPropagation();
29954
30233
  }
29955
- } }, hAsync("div", { key: '1324e6c9a56f71edb2207fbd1b20a0821acfbc72', class: {
30234
+ } }, hAsync("div", { key: '5d9f5fa0c5a9c2f057ff8e3e960a5b15499ec84b', class: {
29956
30235
  circle: this.rounded,
29957
30236
  text: !this.rounded,
29958
30237
  selected: this.selected,
29959
30238
  disabled: this.disabled,
29960
- } }, hAsync("slot", { key: '48ef3f4346ade8fddc241f0ea1cc75313cd6c1fc' })), hAsync("div", { key: '64e1d21f14c2cddb13b49d823f5989743fb4d2fb', class: {
30239
+ } }, hAsync("slot", { key: 'd0c87e92e0ad1a4664024b7d79900e8bb36a6ba6' })), hAsync("div", { key: '1812905c3f08a70565e1aea166fa372a07344a76', class: {
29961
30240
  counter: true,
29962
30241
  selected: this.selected,
29963
30242
  hidden: !(this.rounded && this.counter !== undefined),
@@ -30243,13 +30522,13 @@ class Tabs {
30243
30522
  });
30244
30523
  }
30245
30524
  render() {
30246
- return (hAsync(Host, { key: '294d6c68b5a89b9ecdedc294b7d632577905c1ef' }, this.showArrowPrevious && (hAsync("button", { key: '8852a7a107bb7480f9cf872b98e1e88f935b2075', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '073d863b7a7027fca4c080ef890c29a0b152ef89', name: iconChevronLeftSmall }))), hAsync("div", { key: 'dea2ca1a622324a2dd942d41e25a189cbace98ca', class: {
30525
+ return (hAsync(Host, { key: 'd7fad8d23dafced6cf713108107c54d02f372b6b' }, this.showArrowPrevious && (hAsync("button", { key: 'dde7a217502a5a157e32bb34327398dba8968d34', class: "arrow", onClick: () => this.move(this.scrollAmount, true), "aria-label": this.ariaLabelChevronLeftIconButton }, hAsync("ix-icon", { key: '08c3d49892d6955a7877bac4968fac25fe8c9742', name: iconChevronLeftSmall }))), hAsync("div", { key: 'deb8492643ab4b49cb7848c9229805d26b0a4c99', class: {
30247
30526
  'tab-items': true,
30248
30527
  'overflow-shadow': true,
30249
30528
  'shadow-left': this.showArrowPrevious,
30250
30529
  'shadow-right': this.showArrowNext,
30251
30530
  'shadow-both': this.showArrowNext && this.showArrowPrevious,
30252
- } }, hAsync("div", { key: '7cfc353b8895a56f8749c6ff5f9db3e4b14f15b8', class: "items-content" }, hAsync("slot", { key: 'd1cab3f94d0fb05dc76f9136d189050fc39f1b05' }))), this.showArrowNext && (hAsync("button", { key: '6a0bf0e019f3a6ee1c48d23007a1583cc0a597eb', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: '00a8c7f9dc54d8e188dace61213297971cfdad81', name: iconChevronRightSmall })))));
30531
+ } }, hAsync("div", { key: '8b888d4ac1c0e957155028d8508e0cb5862c5cb4', class: "items-content" }, hAsync("slot", { key: 'fd39c749b7aaeaec5c65ee72b0c466dbf7d8fa7b' }))), this.showArrowNext && (hAsync("button", { key: '028b079e241b9fc3af1cba531ae2c055f1c47d32', class: "arrow right", onClick: () => this.move(-this.scrollAmount, true), "aria-label": this.ariaLabelChevronRightIconButton }, hAsync("ix-icon", { key: '8047e16eadc4ec22f44d70004fe9a663f74c4e01', name: iconChevronRightSmall })))));
30253
30532
  }
30254
30533
  get hostElement() { return getElement(this); }
30255
30534
  static get watchers() { return {
@@ -30428,10 +30707,10 @@ class Textarea {
30428
30707
  }
30429
30708
  render() {
30430
30709
  var _a;
30431
- return (hAsync(Host, { key: '886249f3b150fd8d45ef69d6e9e91ade0213aa10', class: {
30710
+ return (hAsync(Host, { key: '50700f0fe24415eff151875bc3dc2a5d53a8f879', class: {
30432
30711
  disabled: this.disabled,
30433
30712
  readonly: this.readonly,
30434
- } }, hAsync("ix-field-wrapper", { key: '178c631726c9e1db43f0d2041f3adca9d4587c78', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '83f426ae1fe578142232fb71e3ae40820d55954f', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: '17a8fe75f5f9248fc6559ecf8298e62a4d959f02', class: "input-wrapper" }, hAsync(TextareaElement, { key: 'd9e284e0357cb2608f7b4d1a1fc220dc92ccf4d8', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
30713
+ } }, hAsync("ix-field-wrapper", { key: '9a59b1c2632f975c3a754978c616bb80fc419fc3', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.textAreaRef }, !!this.maxLength && this.maxLength > 0 && (hAsync("ix-typography", { key: '931e49d6a0fd853745f3f46b88f25b087b2038af', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, ((_a = this.value) !== null && _a !== void 0 ? _a : '').length, "/", this.maxLength)), hAsync("div", { key: 'ef476a8a1bb52f9b21d93bd1b4d46b6b91a40872', class: "input-wrapper" }, hAsync(TextareaElement, { key: 'b2b7006983d16c7c99f2229097aa3e45ecee5c15', minLength: this.minLength, maxLength: this.maxLength, textareaCols: this.textareaCols, textareaRows: this.textareaRows, textareaHeight: this.isManuallyResized ? this.manualHeight : this.textareaHeight, textareaWidth: this.isManuallyResized ? this.manualWidth : this.textareaWidth, resizeBehavior: this.resizeBehavior, readonly: this.readonly, disabled: this.disabled, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, textAreaRef: this.textAreaRef, valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
30435
30714
  onInputBlur(this, this.textAreaRef.current);
30436
30715
  this.touched = true;
30437
30716
  } })))));
@@ -30507,17 +30786,17 @@ class Tile {
30507
30786
  this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
30508
30787
  }
30509
30788
  render() {
30510
- return (hAsync(Host, { key: 'ac3f0fca5c25f7bb7224ef248cca4ee6e6294d85', class: {
30789
+ return (hAsync(Host, { key: 'f5c50da791dcbdfeb884d33071b6d557360c1a60', class: {
30511
30790
  'tile-small': this.size === 'small',
30512
30791
  'tile-medium': this.size === 'medium',
30513
30792
  'tile-big': this.size === 'big',
30514
- } }, hAsync("div", { key: 'c1d65c385b98420f4bdd6d742058200b14634c7b', class: {
30793
+ } }, hAsync("div", { key: '651e393dbd8f7f7cd55373c3bdadc195dfc88cbd', class: {
30515
30794
  'tile-header': true,
30516
30795
  'has-content': this.hasHeaderSlot,
30517
- } }, hAsync("slot", { key: '38a70fedd15e29e0c238e94bd60f69b31dbf7d2a', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: '25d69652c0315f0a434487d523cfbae1d93fda6b', class: "tile-subheader" }, hAsync("slot", { key: '514cbc260eab41c4d400dcbf985a3be3290fb3cd', name: "subheader" })), hAsync("div", { key: '7f4f75b86e8afd4d3e0aa80926d7f7190ca8fa61', class: "tile-content" }, hAsync("slot", { key: 'ae9be816cda00d9b1365403dbce6e254e8c3b808' })), hAsync("div", { key: 'cc46d36240e64c2717aa89c0e7ba7a787d225096', class: {
30796
+ } }, hAsync("slot", { key: '1b94a241077664e5bcb535321f816b3b3faa9fad', name: "header", onSlotchange: () => this.handleHeaderSlotChange() })), hAsync("div", { key: 'd2ce3123c9ffa767e07edf25248567ee9406fc95', class: "tile-subheader" }, hAsync("slot", { key: '025ac544a3750fbfb145d1350e7091e969c2e369', name: "subheader" })), hAsync("div", { key: '6ce8df1e1b426df28b42f490db11dc1d951715e6', class: "tile-content" }, hAsync("slot", { key: '7bb66b49df63f613c3b7be8ff0da64bc16dde6b9' })), hAsync("div", { key: '55f6e978190c3c8581310559a7a46ec6c4cc0e2f', class: {
30518
30797
  'tile-footer': true,
30519
30798
  'has-content': this.hasFooterSlot,
30520
- } }, hAsync("slot", { key: '740503c075e46accb41952baf68f1e1b41dea0fd', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
30799
+ } }, hAsync("slot", { key: 'd63334865e6a32a6bb082939b44f3bf0b041b93a', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
30521
30800
  }
30522
30801
  get hostElement() { return getElement(this); }
30523
30802
  static get style() { return tileCss; }
@@ -30639,12 +30918,21 @@ class TimeInput {
30639
30918
  */
30640
30919
  // eslint-disable-next-line @stencil-community/decorators-style
30641
30920
  this.i18nMillisecondColumnHeader = 'ms';
30921
+ /**
30922
+ * If false, pressing Enter will submit the form (if inside a form).
30923
+ * Set to true to suppress submit on Enter.
30924
+ */
30925
+ this.suppressSubmitOnEnter = false;
30642
30926
  /**
30643
30927
  * Hides the header of the picker.
30644
30928
  *
30645
30929
  * @since 4.0.0
30646
30930
  */
30647
30931
  this.hideHeader = false;
30932
+ /**
30933
+ * Text alignment within the time input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.
30934
+ */
30935
+ this.textAlignment = 'start';
30648
30936
  this.show = false;
30649
30937
  this.time = null;
30650
30938
  this.isInputInvalid = false;
@@ -30663,6 +30951,9 @@ class TimeInput {
30663
30951
  watchValuePropHandler(newValue) {
30664
30952
  this.onInput(newValue);
30665
30953
  }
30954
+ handleInputKeyDown(event) {
30955
+ handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
30956
+ }
30666
30957
  updateFormInternalValue(value) {
30667
30958
  this.formInternals.setFormValue(value);
30668
30959
  this.value = value;
@@ -30747,6 +31038,8 @@ class TimeInput {
30747
31038
  renderInput() {
30748
31039
  return (hAsync("div", { class: "input-wrapper" }, hAsync(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync("input", { autoComplete: "off", class: {
30749
31040
  'is-invalid': this.isInputInvalid,
31041
+ }, style: {
31042
+ textAlign: this.textAlignment,
30750
31043
  }, disabled: this.disabled, readOnly: this.readonly, required: this.required, ref: this.inputElementRef, type: "text", value: this.value, placeholder: this.placeholder, name: this.name, onInput: (event) => {
30751
31044
  const target = event.target;
30752
31045
  this.onInput(target.value);
@@ -30761,7 +31054,7 @@ class TimeInput {
30761
31054
  }, onBlur: () => {
30762
31055
  this.ixBlur.emit();
30763
31056
  this.touched = true;
30764
- } }), hAsync(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { "data-testid": "open-time-picker", class: { 'time-icon-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconClock, onClick: (event) => this.onTimeIconClick(event), "aria-label": "Toggle time picker", "aria-expanded": this.show }))));
31057
+ }, onKeyDown: (event) => this.handleInputKeyDown(event) }), hAsync(SlotEnd, { slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { "data-testid": "open-time-picker", class: { 'time-icon-hidden': this.disabled || this.readonly }, variant: "subtle-tertiary", icon: iconClock, onClick: (event) => this.onTimeIconClick(event), "aria-label": "Toggle time picker", "aria-expanded": this.show }))));
30765
31058
  }
30766
31059
  hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
30767
31060
  this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;
@@ -30804,12 +31097,12 @@ class TimeInput {
30804
31097
  const invalidText = this.isInputInvalid
30805
31098
  ? this.i18nErrorTimeUnparsable
30806
31099
  : this.invalidText;
30807
- return (hAsync(Host, { key: 'fd4ac50dc1213ff02881edc38ca0afa14945c5fd', class: {
31100
+ return (hAsync(Host, { key: '2d781932da61679d4e51c81f43078daed57c74bd', class: {
30808
31101
  disabled: this.disabled,
30809
31102
  readonly: this.readonly,
30810
- } }, hAsync("ix-field-wrapper", { key: 'a012410651bf1de0bc1a4fa055d55d333f020ef4', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '4f26e2c2aadfc618df359b6d7233ada82b497630', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
31103
+ } }, hAsync("ix-field-wrapper", { key: 'edd0faa4a3777bb9410ec9f8c6dd2aa1ec627ef8', label: this.label, helperText: this.helperText, isInvalid: this.isInvalid, invalidText: invalidText, infoText: this.infoText, isInfo: this.isInfo, isWarning: this.isWarning, warningText: this.warningText, isValid: this.isValid, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, required: this.required, controlRef: this.inputElementRef }, this.renderInput()), hAsync("ix-dropdown", { key: '59fb638e67f04111874ff4df69815ebfab61cded', "data-testid": "time-dropdown", trigger: this.inputElementRef.waitForCurrent(), ref: this.dropdownElementRef, closeBehavior: "outside", suppressOverflowBehavior: true, show: this.show, onShowChanged: (event) => {
30811
31104
  this.show = event.detail;
30812
- } }, hAsync("ix-time-picker", { key: '29f85b8caa71526be3f910f9ee3847533d9ff60a', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
31105
+ } }, hAsync("ix-time-picker", { key: '9e8c49708bf37ef2160d737086fed578999aeac5', ref: this.timePickerRef, format: this.format, time: (_a = this.time) !== null && _a !== void 0 ? _a : '', hourInterval: this.hourInterval, minuteInterval: this.minuteInterval, secondInterval: this.secondInterval, millisecondInterval: this.millisecondInterval, embedded: true, hideHeader: this.hideHeader, i18nConfirmTime: this.i18nSelectTime, i18nHeader: this.i18nTime, i18nHourColumnHeader: this.i18nHourColumnHeader, i18nSecondColumnHeader: this.i18nSecondColumnHeader, i18nMinuteColumnHeader: this.i18nMinuteColumnHeader, i18nMillisecondColumnHeader: this.i18nMillisecondColumnHeader, onTimeSelect: (event) => {
30813
31106
  this.onInput(event.detail);
30814
31107
  this.show = false;
30815
31108
  } }))));
@@ -30850,7 +31143,9 @@ class TimeInput {
30850
31143
  "i18nMinuteColumnHeader": [1, "i18n-minute-column-header"],
30851
31144
  "i18nSecondColumnHeader": [1, "i18n-second-column-header"],
30852
31145
  "i18nMillisecondColumnHeader": [1, "i18n-millisecond-column-header"],
31146
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
30853
31147
  "hideHeader": [4, "hide-header"],
31148
+ "textAlignment": [1, "text-alignment"],
30854
31149
  "show": [32],
30855
31150
  "time": [32],
30856
31151
  "isInputInvalid": [32],
@@ -30868,14 +31163,14 @@ class TimeInput {
30868
31163
  },
30869
31164
  "$listeners$": undefined,
30870
31165
  "$lazyBundleId$": "-",
30871
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
31166
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
30872
31167
  }; }
30873
31168
  }
30874
31169
  __decorate$2([
30875
31170
  HookValidationLifecycle()
30876
31171
  ], TimeInput.prototype, "hookValidationLifecycle", null);
30877
31172
 
30878
- const timePickerCss = ".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:block;position:relative;width:-moz-fit-content;width:fit-content}: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 .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2.5rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin-top:1px}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-seperator{display:flex;align-items:center;margin:0 0.125rem;min-height:100%;margin-top:3.25rem}:host .clock .element-list{list-style-type:none;overflow:auto;max-height:15.375rem;padding-top:0.125rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{width:2.375rem;height:2.375rem;margin:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:1px}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-list-padding{width:2.5rem;height:12.563rem;min-height:12.563rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .footer .time-ref-buttons--datetime-picker-appearance{margin-left:auto}:host .footer .time-ref-buttons button{all:unset;width:2.625rem;height:1.875rem;text-align:center;border:1px solid var(--theme-color-primary);color:var(--theme-color-primary);background-color:var(--theme-color-secondary);font-weight:700}:host .footer .time-ref-buttons button:focus{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .footer .time-ref-buttons button:hover{cursor:pointer;background-color:var(--theme-color-secondary-hover);border-color:var(--theme-btn-primary--background--hover)}:host .footer .time-ref-buttons button.selected{color:var(--theme-color-secondary);background-color:var(--theme-btn-primary--background)}:host .footer .time-ref-buttons button.selected:hover{background-color:var(--theme-btn-primary--background--hover);border-color:var(--theme-btn-primary--background--hover)}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}:host .hidden{display:none}:host .time-reference{margin-top:0.5rem;margin-bottom:0.5rem}";
31173
+ const timePickerCss = ".ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;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;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:\"clig\" off, \"liga\" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:none;border-radius:0;color:var(--theme-input--color--disabled);border-bottom:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;height:3.25rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]),input.ix-info:not(.disabled):not(:disabled):not([disabled]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:block;position:relative;width:-moz-fit-content;width:fit-content}: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 .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover{background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .selected:hover{background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}";
30879
31174
 
30880
31175
  /*
30881
31176
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -30970,11 +31265,6 @@ class TimePicker {
30970
31265
  * @since 3.2.0
30971
31266
  */
30972
31267
  this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;
30973
- /**
30974
- * Select time with format string
30975
- * Format has to match the `format` property.
30976
- */
30977
- this.time = DateTime.now().toFormat(this.format);
30978
31268
  /**
30979
31269
  * Text of the time confirm button
30980
31270
  */
@@ -31060,6 +31350,13 @@ class TimePicker {
31060
31350
  }
31061
31351
  this._time = timeFormat;
31062
31352
  }
31353
+ /**
31354
+ * Get default time value
31355
+ * @returns DateTime.now() for empty state (no selection)
31356
+ */
31357
+ getDefaultTime() {
31358
+ return DateTime.now();
31359
+ }
31063
31360
  /**
31064
31361
  * Get the current time based on the wanted format
31065
31362
  */
@@ -31077,11 +31374,18 @@ class TimePicker {
31077
31374
  this.initPicker();
31078
31375
  }
31079
31376
  initPicker() {
31080
- this._time = DateTime.fromFormat(this.time, this.format);
31081
- if (!this._time.isValid) {
31082
- console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);
31083
- this._time = DateTime.now();
31377
+ let parsedTime;
31378
+ if (this.time) {
31379
+ parsedTime = DateTime.fromFormat(this.time, this.format);
31380
+ if (!parsedTime.isValid) {
31381
+ console.error(`Invalid time format. The configured format does not match the format of the passed time. ${parsedTime.invalidReason}: ${parsedTime.invalidExplanation}`);
31382
+ parsedTime = this.getDefaultTime();
31383
+ }
31084
31384
  }
31385
+ else {
31386
+ parsedTime = this.getDefaultTime();
31387
+ }
31388
+ this._time = parsedTime;
31085
31389
  this.setTimeRef();
31086
31390
  this.setTimePickerDescriptors();
31087
31391
  this.setInitialFocusedValueAndUnit();
@@ -31172,7 +31476,6 @@ class TimePicker {
31172
31476
  this.isUnitFocused = false;
31173
31477
  const focusedValue = Number(this.formattedTime[unit]);
31174
31478
  this.updateDescriptorFocusedValue(unit, focusedValue);
31175
- this.elementListScrollToTop(unit, focusedValue, 'smooth');
31176
31479
  }
31177
31480
  onUnitCellFocus(unit, value) {
31178
31481
  this.isUnitFocused = true;
@@ -31242,10 +31545,12 @@ class TimePicker {
31242
31545
  const dropdown = mutation.target;
31243
31546
  if (!dropdown.classList.contains('show')) {
31244
31547
  // keep picker in sync with input
31245
- const timeFormat = DateTime.fromFormat(this.time, this.format);
31246
- if (timeFormat.isValid) {
31247
- this._time = DateTime.fromFormat(this.time, this.format);
31248
- this.setInitialFocusedValueAndUnit();
31548
+ if (this.time) {
31549
+ const timeFormat = DateTime.fromFormat(this.time, this.format);
31550
+ if (timeFormat.isValid) {
31551
+ this._time = DateTime.fromFormat(this.time, this.format);
31552
+ this.setInitialFocusedValueAndUnit();
31553
+ }
31249
31554
  }
31250
31555
  continue;
31251
31556
  }
@@ -31278,7 +31583,6 @@ class TimePicker {
31278
31583
  };
31279
31584
  }
31280
31585
  timeUpdate(unit, value) {
31281
- var _a;
31282
31586
  let maxValue = DateTime.now().endOf('day').get(unit);
31283
31587
  if (unit === 'hour') {
31284
31588
  if (this.timeRef === 'PM') {
@@ -31297,18 +31601,21 @@ class TimePicker {
31297
31601
  else if (value < 0) {
31298
31602
  value = 0;
31299
31603
  }
31300
- this._time = (_a = this._time) === null || _a === void 0 ? void 0 : _a.set({
31604
+ if (!this._time) {
31605
+ this._time = DateTime.now().startOf('day');
31606
+ }
31607
+ this._time = this._time.set({
31301
31608
  [unit]: value,
31302
31609
  });
31303
31610
  return value;
31304
31611
  }
31305
31612
  changeTimeReference(newTimeRef) {
31306
- if (!this._time) {
31307
- return;
31308
- }
31309
31613
  if (this.timeRef === newTimeRef) {
31310
31614
  return;
31311
31615
  }
31616
+ if (!this._time) {
31617
+ this._time = DateTime.now().startOf('day');
31618
+ }
31312
31619
  this.timeRef = newTimeRef;
31313
31620
  const currentHour = this._time.hour;
31314
31621
  if (newTimeRef === 'PM' && currentHour < 12) {
@@ -31425,14 +31732,14 @@ class TimePicker {
31425
31732
  const elementListHeight = elementList.clientHeight;
31426
31733
  const elementContainerHeight = elementContainer.clientHeight;
31427
31734
  // Offset which is used to adjust the scroll position to account for margins, elements being hidden, etc.
31428
- let scrollPositionOffset = 15;
31735
+ let scrollPositionOffset = 11;
31429
31736
  if (this.hideHeader) {
31430
- // 74 --> height of the header container
31431
- scrollPositionOffset -= 74;
31737
+ // 56 + 1 --> height of the header container and separator
31738
+ scrollPositionOffset -= 57;
31432
31739
  }
31433
31740
  const scrollPosition = elementContainer.offsetTop -
31434
31741
  elementListHeight / 2 +
31435
- elementContainerHeight / 2 -
31742
+ elementContainerHeight -
31436
31743
  scrollPositionOffset;
31437
31744
  elementList.scrollTo({
31438
31745
  top: scrollPosition,
@@ -31474,22 +31781,31 @@ class TimePicker {
31474
31781
  return '-1';
31475
31782
  }
31476
31783
  render() {
31477
- return (hAsync(Host, { key: '0ec1d90ec47945dd04b34c9f784600933f0c4868' }, hAsync("ix-date-time-card", { key: '6083d0029f754623fcfa746d641fccce4661712f', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: true, hideHeader: this.hideHeader }, hAsync("div", { key: '8c0f42a4564d47a11433deedeab5e3b974e573ab', class: "header", slot: "header" }, hAsync("ix-typography", { key: 'aab936e24a1d0535610aa785315e68a6959c18ff', format: "h5" }, this.i18nHeader)), hAsync("div", { key: 'e1f45e55d464d1c86e23abd96d02b6592b055eb6', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
31478
- selected: this.isSelected(descriptor.unit, number),
31479
- 'element-container': true,
31480
- }, onClick: () => this.select(descriptor.unit, number), onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: () => this.onUnitCellBlur(descriptor.unit), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), role: "button", "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)))), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
31481
- 'column-seperator': true,
31784
+ return (hAsync(Host, { key: '839c389efc9ca4e169f1758801ef32c6be5e73a1' }, hAsync("ix-date-time-card", { key: '422e71349a15cfb712831262f095403e0a35e32e', embedded: this.embedded, timePickerAppearance: true, corners: this.corners, hasFooter: !this.dateTimePickerAppearance, hideHeader: this.hideHeader }, hAsync("div", { key: 'eea778cdaff7a2108f93d8cbb276fe5704517607', class: "header", slot: "header" }, hAsync("ix-typography", { key: '768ab46368d044392e5854be19ee8ed313cd862c', format: "body" }, this.i18nHeader)), hAsync("div", { key: 'bfeaccce8c41b7b57f1fe2ea49c87c3f2669fe26', class: "clock" }, this.timePickerDescriptors.map((descriptor, index) => (hAsync("div", { class: "flex" }, hAsync("div", { class: { columns: true, hidden: descriptor.hidden } }, hAsync("div", { class: "column-header", title: descriptor.header }, descriptor.header), hAsync("div", { "data-element-list-id": descriptor.unit, class: "element-list", tabIndex: -1 }, descriptor.numberArray.map((number) => {
31785
+ return (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
31786
+ selected: this.isSelected(descriptor.unit, number),
31787
+ 'element-container': true,
31788
+ }, onMouseDown: (e) => {
31789
+ e.preventDefault();
31790
+ }, onClick: () => {
31791
+ this.select(descriptor.unit, number);
31792
+ }, onFocus: () => this.onUnitCellFocus(descriptor.unit, number), onBlur: () => this.onUnitCellBlur(descriptor.unit), tabindex: this.getElementContainerTabIndex(number, descriptor.unit), "aria-label": `${descriptor.header}: ${number}` }, this.formatUnitValue(descriptor.unit, number)));
31793
+ }), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
31794
+ 'column-separator': true,
31482
31795
  hidden: descriptor.hidden,
31483
- } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '5104db29af7c71a6159f0e371f14d9b229927273', class: {
31796
+ } }, this.getColumnSeparator(index)))))), this.timeRef && (hAsync("div", { key: 'eeaba00cf2b322d10a360e44671853c283400af9', class: "flex" }, hAsync("div", { key: '1161427b3b741c7f9b5f4767f94ef55dd6beb243', class: "column-separator" }), hAsync("div", { key: '72ed1ab0c39dab3af9a84f816d49bc86c0628a88', class: "columns" }, hAsync("div", { key: '4c7997c6a197c7d46eef48a9da927a78d93d5fd5', class: "column-header", title: "AM/PM" }), hAsync("div", { key: '0e87179f7e1c1868eedb2d2dfdfd4b9a7d44f3dc', class: "element-list", tabIndex: -1 }, hAsync("button", { key: '7e3ddb25677ecb071415eff72849147cf821b44f', "data-am-pm-id": "AM", class: {
31797
+ selected: this.timeRef === 'AM',
31798
+ 'element-container': true,
31799
+ }, onClick: () => this.changeTimeReference('AM'), tabindex: "0", "aria-label": "AM" }, "AM"), hAsync("button", { key: '2c7c518bb68ee8a1267ce6fb30ff7cb495ac783e', "data-am-pm-id": "PM", class: {
31800
+ selected: this.timeRef === 'PM',
31801
+ 'element-container': true,
31802
+ }, onClick: () => this.changeTimeReference('PM'), tabindex: "0", "aria-label": "PM" }, "PM")))))), hAsync("div", { key: 'ec8fcc0064bded7ebed521b9aa99c6b51cd97b0e', class: {
31484
31803
  footer: true,
31485
31804
  'footer--compact': this.timePickerDescriptors.length <= 2,
31486
- }, slot: "footer" }, this.timeRef && (hAsync("div", { key: '9324327df95c96cc8a9f2573d174e730fd96f68c', class: {
31487
- 'time-ref-buttons': true,
31488
- 'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
31489
- } }, hAsync("button", { key: 'f1e1c9999252fe781cc6f1df99f352038041ae2c', "data-am-pm-id": "AM", class: { selected: this.timeRef === 'AM' }, onClick: () => this.changeTimeReference('AM') }, "AM"), hAsync("button", { key: 'b301e9364639162900f76dc6d36c8677574498b9', "data-am-pm-id": "PM", class: { selected: this.timeRef === 'PM' }, onClick: () => this.changeTimeReference('PM') }, "PM"))), !this.dateTimePickerAppearance && (hAsync("ix-button", { key: '1386f2691dfc2ee95cea80dcb646030d076cf5b0', class: "confirm-button", onClick: () => {
31805
+ }, slot: "footer" }, hAsync("ix-button", { key: '76b47429595ed91fef0696509787f89b275bf682', class: "confirm-button", onClick: () => {
31490
31806
  var _a;
31491
31807
  this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
31492
- } }, this.i18nConfirmTime))))));
31808
+ } }, this.i18nConfirmTime)))));
31493
31809
  }
31494
31810
  get hostElement() { return getElement(this); }
31495
31811
  static get watchers() { return {
@@ -31614,11 +31930,11 @@ class Toast {
31614
31930
  animationPlayState: this.touched || this.paused ? 'paused' : 'running',
31615
31931
  };
31616
31932
  progressBarClass.push('toast-progress-bar--animated');
31617
- return (hAsync(Host, { key: '40179af0218a8618fad55768771f13ac66ea7954', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'c896949bb6663f4b024e56088d21a81ed847426d', class: "toast-body", onPointerLeave: () => {
31933
+ return (hAsync(Host, { key: 'b006843e5552e82ed437b10ab31c5cdff7ec90a6', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '8d4c07604138e38235b3a2f042ce8550966df392', class: "toast-body", onPointerLeave: () => {
31618
31934
  this.touched = false;
31619
31935
  }, onPointerEnter: () => {
31620
31936
  this.touched = true;
31621
- } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'f7f2afb2f99e46378f149482ce84b7cef0274bdf', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: 'f59c5db2920eb5d616e026bc9a213b4eb2421502', class: "toast-message" }, hAsync("slot", { key: '2685a9a8d6b665555325cb7d68cc887bce51e491' })), hAsync("div", { key: 'd2b4a4b38df4034965cfefcc54777c7fccbef8c4', class: "toast-action" }, hAsync("slot", { key: 'd990ffca70a6dfd58624886c99cf399959eb270b', name: "action" }))), hAsync("div", { key: '41cc8c4dc62e60eec6534db08250068e782d3477', class: "toast-close" }, hAsync("ix-icon-button", { key: '13926a4f1dd7047d8a3f814529e48cb9c505ea37', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: 'a577d05563675079f6cab8364ef66794b4556f49', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
31937
+ } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'b5235db039ca12fa5a3823861f41e86fbf312661', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '6577c06f5530655aafc974684aedbac7d48da649', class: "toast-message" }, hAsync("slot", { key: '16675e05c803fe4ef8e246463f30c194e76a8428' })), hAsync("div", { key: '84eeb321fc81b49d14468e7d517dd8cfc8769c8d', class: "toast-action" }, hAsync("slot", { key: 'f55d9f57a23bf58006e1f3bc1d3e7fab85440dab', name: "action" }))), hAsync("div", { key: 'd409d2622bce56496f6081cf55ab9ad1137dc222', class: "toast-close" }, hAsync("ix-icon-button", { key: '873c0a73f6c5a9ae47cd39d63ff9c68dde219cbd', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '15a6b8556e7d22e9c9061a27e31b3138cb86380b', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
31622
31938
  this.close();
31623
31939
  }, onTransitionEnd: () => {
31624
31940
  if (this.progress === 0) {
@@ -31749,10 +32065,10 @@ class ToastContainer {
31749
32065
  };
31750
32066
  }
31751
32067
  render() {
31752
- return (hAsync(Host, { key: '5dcc558ac8be109aa4ec1ab0335169f968609ea8', class: {
32068
+ return (hAsync(Host, { key: 'ff09f24de84ceb7710a228f28dd82f1ca17ce83a', class: {
31753
32069
  'toast-container--bottom-right': this.position === 'bottom-right',
31754
32070
  'toast-container--top-right': this.position === 'top-right',
31755
- } }, hAsync("slot", { key: '21cb7b2bc6c08c3a807607a396a04d1417d64269' })));
32071
+ } }, hAsync("slot", { key: 'bfe056dedfac7cdc249034e746fc4f63caded036' })));
31756
32072
  }
31757
32073
  static get watchers() { return {
31758
32074
  "position": ["onPositionChange"]
@@ -31903,13 +32219,13 @@ class Toggle {
31903
32219
  if (this.indeterminate) {
31904
32220
  toggleText = this.textIndeterminate;
31905
32221
  }
31906
- return (hAsync(Host, { key: '464cf476a340aed436bdf1dbbc7819440a87a4e5', role: "switch", "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), class: {
32222
+ return (hAsync(Host, { key: '990e3533b6e155d261dcdcf3dd7e06e0dceb8072', role: "switch", "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), class: {
31907
32223
  disabled: this.disabled,
31908
- }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '24ddd5cff2016155c3c46cc167962dcec2f40368', class: "wrapper" }, hAsync("button", { key: '5c385f921b92fb75219ce72c663dadf3549ab918', class: {
32224
+ }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '568b91b6c2ad362dc753518f97ca98b2c45a4130', class: "wrapper" }, hAsync("button", { key: 'dcbe522c2ccc95354cb982892eff554db86b4e8f', class: {
31909
32225
  switch: true,
31910
32226
  checked: this.checked,
31911
32227
  indeterminate: this.indeterminate,
31912
- }, onClick: () => this.onCheckedChange(!this.checked), tabindex: -1, "aria-hidden": "true" }, hAsync("div", { key: 'e103f4047c6641ae1852aa751f147554bb81bc35', class: "slider" })), hAsync("input", { key: 'f794b5e5740aab173346b7937980ba7690813742', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '2c3b036625d2fe6719dc3e929749c184ae861d50', class: "label" }, toggleText)))));
32228
+ }, onClick: () => this.onCheckedChange(!this.checked), tabindex: -1, "aria-hidden": "true" }, hAsync("div", { key: 'd281b839212a95e47b977bc46f052f7e6ca927c9', class: "slider" })), hAsync("input", { key: '8169a27e13433034a97c97ca99507237332abb30', type: "checkbox", disabled: this.disabled, indeterminate: this.indeterminate, checked: this.checked, tabindex: 0, "aria-hidden": a11yBoolean(true), "aria-checked": a11yBoolean(this.checked), onChange: (event) => this.onCheckedChange(event.target.checked) }), !this.hideText && (hAsync("ix-typography", { key: '7bc9b1f72447ff21057cdef3eb77a4ebd7a45ae7', class: "label" }, toggleText)))));
31913
32229
  }
31914
32230
  static get formAssociated() { return true; }
31915
32231
  get hostElement() { return getElement(this); }
@@ -32010,12 +32326,13 @@ class ToggleButton {
32010
32326
  }; }
32011
32327
  }
32012
32328
 
32013
- const tooltipCss = ".dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem 0.375rem 0.875rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex;align-items:center}.tooltip-title ::slotted(ix-icon){margin-right:0.35rem}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
32329
+ const tooltipCss = ".dialog{margin:0;padding:0;border:none;max-width:18.25rem;width:-moz-max-content;width:max-content;background-color:transparent;overflow-wrap:break-word;box-shadow:none;overflow:visible}.tooltip-container{display:block;position:relative;width:auto;height:-moz-fit-content;height:fit-content;background:var(--theme-tootlip--background);color:var(--theme-color-std-text);padding:0.375rem 0.75rem;box-shadow:var(--theme-shadow-4);border-radius:0.25rem}.content-wrapper{overflow:auto}.tooltip-title{display:flex}.tooltip-title ::slotted(ix-icon){margin:0.125rem 0.25rem 0.125rem 0}.arrow,.arrow::before{position:absolute;width:12px;height:12px;background:inherit}.arrow{visibility:hidden}.arrow::before{visibility:visible;content:\"\";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}";
32014
32330
 
32331
+ const ARROW_OFFSET = -6;
32015
32332
  const numberToPixel = (value) => value !== null ? `${value}px` : '';
32016
32333
  let tooltipInstance = 0;
32017
32334
  /**
32018
- * @slot title-icon - Icon of tooltip title
32335
+ * @slot title-icon - Icon displayed next to the tooltip title. The icon will be displayed as 16x16px.
32019
32336
  * @slot title-content - Content of tooltip title
32020
32337
  */
32021
32338
  class Tooltip {
@@ -32094,16 +32411,16 @@ class Tooltip {
32094
32411
  left: 'unset',
32095
32412
  };
32096
32413
  if (placement.startsWith('top')) {
32097
- return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(y) });
32414
+ return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), bottom: numberToPixel(ARROW_OFFSET) });
32098
32415
  }
32099
32416
  if (placement.startsWith('right')) {
32100
- return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(-6), top: numberToPixel(y) });
32417
+ return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
32101
32418
  }
32102
32419
  if (placement.startsWith('bottom')) {
32103
- return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(-6) });
32420
+ return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(ARROW_OFFSET) });
32104
32421
  }
32105
32422
  if (placement.startsWith('left')) {
32106
- return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(-6), top: numberToPixel(y) });
32423
+ return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
32107
32424
  }
32108
32425
  }
32109
32426
  async computeTooltipPosition(target, dialog) {
@@ -32325,8 +32642,17 @@ class Tooltip {
32325
32642
  (_c = this.disposeTooltipListener) === null || _c === void 0 ? void 0 : _c.call(this);
32326
32643
  (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
32327
32644
  }
32645
+ handleTitleIconSlotChange(e) {
32646
+ const slot = e.target;
32647
+ const elements = getSlottedElements(slot);
32648
+ for (const element of elements) {
32649
+ if (element.tagName.toLowerCase() === 'ix-icon') {
32650
+ element.size = '16';
32651
+ }
32652
+ }
32653
+ }
32328
32654
  render() {
32329
- return (hAsync(Host, { key: '917322f34b65fc6d5ff8facad86b1ba72990c757', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: '1a24b3ed79fe491b554577aa0c52cd06b728d2fd', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: 'a5f76ae5d81b4f71bd58d5a55500ea55df36c28d', class: "tooltip-container" }, hAsync("div", { key: '05d504218d1bd58b55848edd447f51ef32118aeb', class: "content-wrapper" }, hAsync("div", { key: '804f79dc7e35fe469e36a76465789cc1c926d2a4', class: 'tooltip-title' }, hAsync("slot", { key: 'fbd1ab75b38b15937e3f3c7ee1719aa0bd1e501a', name: "title-icon" }), hAsync("ix-typography", { key: '69524350ad0c2723a8989698b5290dba25e3800b', format: "h5" }, this.titleContent, hAsync("slot", { key: '344776805a5c59c910d65ed55cb5f20d470096cb', name: "title-content" }))), hAsync("slot", { key: '091c2d8b0e135adbd59147c86443a7b2e22d5bc8' }), hAsync("div", { key: '261834f164a5211c3f2ef53dc76d54df6e015c06', class: "arrow" }))))));
32655
+ return (hAsync(Host, { key: '1176f8e37f2918a9708c8ccdbfc57f99508299f3', role: "tooltip", class: { visible: this.visible } }, hAsync("dialog", { key: 'd4942b8d171e7e48defc505179d54ce09288c905', ref: this.dialogRef, id: 'tooltip-' + this.instance, class: "dialog", popover: "manual", inert: !this.visible }, hAsync("div", { key: 'faef3b3e4b5a45ddb3872bd9d8ec1d6eb4a36221', class: "tooltip-container" }, hAsync("div", { key: 'ce64bda5406c6a70ccddc41f0b4aa4010be1aca9', class: "content-wrapper" }, hAsync("div", { key: '52a51ed895ea573d3e889e57a05f65193906492c', class: 'tooltip-title' }, hAsync("slot", { key: 'b7965bd9963fcd789331e4c264e8d317bf7ed314', name: "title-icon", onSlotchange: (e) => this.handleTitleIconSlotChange(e) }), hAsync("ix-typography", { key: 'b530dbbf13b752968decb45af3953f42e3a0c743', format: "h5" }, this.titleContent, hAsync("slot", { key: 'c7152f89180904044dc26f996923cc5766ea1d0f', name: "title-content" }))), hAsync("slot", { key: '3b00e9ed924a0c0d8527344c13a3c52a9afd0108' }), hAsync("div", { key: '5401e6015c3a7ebf4749edc466ddca881e4f7d36', class: "arrow" }))))));
32330
32656
  }
32331
32657
  get hostElement() { return getElement(this); }
32332
32658
  static get style() { return tooltipCss; }
@@ -32961,7 +33287,7 @@ class Tree {
32961
33287
  this.nodeClicked.emit(id);
32962
33288
  }
32963
33289
  render() {
32964
- return (hAsync(Host, { key: '1ef871a4ff980e0e231e1fb2544444d49318612c', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '00178bcb7596a1f28f24df7bda0bac88d7455b00' })));
33290
+ return (hAsync(Host, { key: 'ca0d582877d3b2877a1090cc0aeb40f38617cef9', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '2d8f21165234243b6d2e2f7c99696fc7343d79f2' })));
32965
33291
  }
32966
33292
  get hostElement() { return getElement(this); }
32967
33293
  static get watchers() { return {
@@ -33000,17 +33326,17 @@ class TreeItem {
33000
33326
  }
33001
33327
  render() {
33002
33328
  var _a, _b;
33003
- return (hAsync(Host, { key: 'd7bab1c02de111458ef484818bcec12c940f1bc4', class: {
33329
+ return (hAsync(Host, { key: '52817f9eed914ee6b01b67848af3f7073f21d65c', class: {
33004
33330
  selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
33005
- } }, hAsync("div", { key: '43a86c7b782a881ee712d2950b6730fd3badebf9', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
33331
+ } }, hAsync("div", { key: '95b40939dac08653e875985a160e5aa45ebc353c', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
33006
33332
  ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
33007
33333
  }, color: "color-std-text", onClick: (e) => {
33008
33334
  e.preventDefault();
33009
33335
  e.stopPropagation();
33010
33336
  this.toggle.emit();
33011
- }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '6610018301d1bfd6dbb7fd493d6594eee0806cdc', class: "tree-node-container", onClick: () => {
33337
+ }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '656eda787f5fbf263ced33629d3ebde110c3f917', class: "tree-node-container", onClick: () => {
33012
33338
  this.itemClick.emit();
33013
- } }, hAsync("div", { key: 'a2562f48d1d4b7ce344f2acf86b5fbef40a60162', class: "tree-node-text" }, this.text), hAsync("slot", { key: '8a4ebfa60dabd232b826e782ca5921e995efefa9' }))));
33339
+ } }, hAsync("div", { key: 'eba55e54bf655fc0c3d0aacbfc3cb7e49fcb13f6', class: "tree-node-text" }, this.text), hAsync("slot", { key: '4747766e632c2bdf7865b25b8d2abf82405c57c8' }))));
33014
33340
  }
33015
33341
  static get style() { return treeItemCss; }
33016
33342
  static get cmpMeta() { return {
@@ -33208,7 +33534,7 @@ class Upload {
33208
33534
  render() {
33209
33535
  const disabled = this.disabled || this.state === UploadFileState.LOADING;
33210
33536
  const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
33211
- return (hAsync(Host, Object.assign({ key: 'f6688a85aea9e0d89501ad0228672c3d8e7d1510' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '34819f8df44d0f8e6a2a98023d4e76304b4cd39d', class: {
33537
+ return (hAsync(Host, Object.assign({ key: '8b8c68a23b429ca57854751c8a1c9358f78cbc9f' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '1bb186087ab0d5c545a3f183ce3f6de033a837ad', class: {
33212
33538
  'file-upload-area': true,
33213
33539
  'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
33214
33540
  checking: this.state === UploadFileState.LOADING,
@@ -33218,9 +33544,9 @@ class Upload {
33218
33544
  if (this.state !== UploadFileState.LOADING) {
33219
33545
  this.fileDropped(e);
33220
33546
  }
33221
- }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '0a39205aa746298de01a45a97da901970cd1a0c5' }, hAsync("input", { key: '2863ace496c2d9be2cfa0e752d7bae6d96dcaee5', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
33547
+ }, onDragOver: (e) => this.fileOver(e), onDragLeave: () => this.fileLeave(), draggable: !this.disabled }, this.renderUploadState(), hAsync("div", { key: '52209f325ad967197e48f651cc6f15365be9562f' }, hAsync("input", { key: '91c11214c2f169a9dfbeaaac88a7d928ab389455', "aria-label": ariaLabel, "aria-disabled": disabled, multiple: this.multiple, type: "file", class: "upload-browser", id: "upload-browser", tabindex: "-1", onChange: (e) => {
33222
33548
  this.fileChangeEvent(e);
33223
- }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '14adc816fc90016197a3112222e6752bdd115538', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
33549
+ }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '807022699c0ba9ac3d81557e88cf1ae498a36cca', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
33224
33550
  }
33225
33551
  get hostElement() { return getElement(this); }
33226
33552
  static get style() { return uploadCss; }
@@ -33387,13 +33713,13 @@ class ValidationTooltip {
33387
33713
  }
33388
33714
  render() {
33389
33715
  var _a, _b, _c, _d;
33390
- return (hAsync(Host, { key: '804b1c0a4c819e6e454a61f70f19c112807c3f41' }, hAsync("slot", { key: 'e61d2a3b69a8454d0ce098519a2be0810c016535' }), hAsync("div", { key: 'e1b70a7dadf9c20adf6948e341af33f4b58e8f1b', role: "tooltip", style: {
33716
+ return (hAsync(Host, { key: '63087bd1548b2c8242a70367e9721dabe608b81b' }, hAsync("slot", { key: '9b3e52767724c1b6583e2137333bd2055a947de5' }), hAsync("div", { key: '37c0ff9d22dea19f3455ae33b2fdc7930f6577d0', role: "tooltip", style: {
33391
33717
  display: 'none',
33392
33718
  position: 'fixed',
33393
33719
  top: '0',
33394
33720
  left: '0',
33395
33721
  transform: `translate(${Math.round((_b = (_a = this.tooltipPosition) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0)}px,${Math.round((_d = (_c = this.tooltipPosition) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0)}px)`,
33396
- }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '88ffad7d29394f55e1718b1b7f05802797552d1a', name: "tooltip-message" }), hAsync("div", { key: '0de20e8724bee32fc6e8df066e0666e2a2f65801', id: "arrow" }))));
33722
+ }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'be776406798e859b60593bdb35ebc8e443c6e94c', name: "tooltip-message" }), hAsync("div", { key: '447ebc834dc096b3b60549092b0960d64b294a27', id: "arrow" }))));
33397
33723
  }
33398
33724
  get hostElement() { return getElement(this); }
33399
33725
  static get watchers() { return {
@@ -33522,18 +33848,18 @@ class WorkflowStep {
33522
33848
  }
33523
33849
  render() {
33524
33850
  const icons = !this.customIconSlot ? (hAsync(Fragment, null, hAsync("ix-icon", { color: "color-1", name: this.status === 'warning' ? iconTriangleFilled : iconCircleFilled, class: "absolute", size: "24" }), hAsync("ix-icon", { color: this.iconColor, name: this.iconName, class: "absolute", size: "24", "aria-label": this.getIconAriaLabel() }))) : null;
33525
- return (hAsync(Host, { key: 'ba277a277df82498b071d6b63e07177f33b39747', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '254f15dc98882c3ccf425806ebcb798cf4ca2067', tabIndex: 0, class: {
33851
+ return (hAsync(Host, { key: '69060f0b0d9724d1a7e5d88d723454354a0ae179', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'e271713f7b57462155e967d2fd74bb911640c6b1', tabIndex: 0, class: {
33526
33852
  step: true,
33527
33853
  selected: this.selected,
33528
33854
  vertical: this.vertical,
33529
33855
  disabled: this.disabled,
33530
33856
  clickable: this.clickable && !this.disabled,
33531
- } }, hAsync("div", { key: '52277952fefb15636c4c769cae8b1b31681747b0', class: "wrapper" }, hAsync("div", { key: '172e5dbd849ff5f1c398b9dd2269a1a5289d7e13', class: {
33857
+ } }, hAsync("div", { key: '28fb3c2e870564f3cfa62a402ba75b62ef84d68f', class: "wrapper" }, hAsync("div", { key: '7178b44d0f6e20202c62e83af8e983392cf00ecd', class: {
33532
33858
  line: true,
33533
33859
  selected: this.selected,
33534
33860
  [this.status]: true,
33535
33861
  [this.position]: true,
33536
- } }), hAsync("div", { key: 'd14473e894db0490d0846b991bd11ea96d1d0940', class: "iconWrapper" }, icons, hAsync("slot", { key: 'fd034c7d06df4e52aa704e7032acc93afe1bb5fc', name: "custom-icon" }))), hAsync("div", { key: 'c4f2915aaa75d26fcfbbd9bf5786f2786da58b9c', class: "text" }, hAsync("slot", { key: '08b316f4c683aa9be7a5edac8b64977538683ba4' })))));
33862
+ } }), hAsync("div", { key: '8f10884a92e4f0685f20a10cb12cd19b39a7a2f9', class: "iconWrapper" }, icons, hAsync("slot", { key: '6e3d96ae17ce0b3b217edef59b1e3999a1d028d5', name: "custom-icon" }))), hAsync("div", { key: '80b1b2adc4f110d505e5fcb4263781b11b58ff49', class: "text" }, hAsync("slot", { key: '07f9b88ce66abffd1190940968ed20ae6cd5ec09' })))));
33537
33863
  }
33538
33864
  get hostElement() { return getElement(this); }
33539
33865
  static get watchers() { return {
@@ -33638,7 +33964,7 @@ class WorkflowSteps {
33638
33964
  this.updateSteps();
33639
33965
  }
33640
33966
  render() {
33641
- return (hAsync(Host, { key: 'ed6d9907f43ca79688b00201d2432287444f30e6' }, hAsync("div", { key: 'f116d280b59c16a79aa4867329f36035ca14d919', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '378f336873295a70620117d939d587b8ff407739' }))));
33967
+ return (hAsync(Host, { key: '05f04dea227019aa7f0e0a3b24cecb45ed80c452' }, hAsync("div", { key: '6423cddc50bc1928ae2f1f78d6b22c12dda49c9d', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '44ee3bca297914083a92a66ae3c496e05bd52b94' }))));
33642
33968
  }
33643
33969
  get hostElement() { return getElement(this); }
33644
33970
  static get style() { return workflowStepsCss; }