@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.js CHANGED
@@ -9496,7 +9496,7 @@ const addDisposableEventListenerAsArray = (listener) => {
9496
9496
  return () => disposables.forEach((dispose) => dispose());
9497
9497
  };
9498
9498
 
9499
- 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}";
9499
+ 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}";
9500
9500
 
9501
9501
  class CategoryFilter {
9502
9502
  constructor(hostRef) {
@@ -9622,7 +9622,7 @@ class CategoryFilter {
9622
9622
  }
9623
9623
  }
9624
9624
  handleFormElementKeyDown(e) {
9625
- var _a;
9625
+ var _a, _b, _c;
9626
9626
  switch (e.code) {
9627
9627
  case 'Enter':
9628
9628
  case 'NumpadEnter':
@@ -9636,6 +9636,7 @@ class CategoryFilter {
9636
9636
  if (this.hasCategorySelection()) {
9637
9637
  if (this.category !== '') {
9638
9638
  this.addToken(token, this.category);
9639
+ (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
9639
9640
  }
9640
9641
  else if (document.activeElement.classList.contains('category-item-id')) {
9641
9642
  this.selectCategory(token);
@@ -9733,7 +9734,7 @@ class CategoryFilter {
9733
9734
  this.filterChanged.emit(filterState);
9734
9735
  }
9735
9736
  addToken(token, category = this.ID_CUSTOM_FILTER_VALUE, operator = this.categoryLogicalOperator, emitEvent = true) {
9736
- var _a, _b, _c;
9737
+ var _a;
9737
9738
  if (token === undefined || token === null) {
9738
9739
  return;
9739
9740
  }
@@ -9755,7 +9756,6 @@ class CategoryFilter {
9755
9756
  this.category = '';
9756
9757
  }
9757
9758
  this.isScrollStateDirty = true;
9758
- (_c = (_b = this.textInput) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
9759
9759
  if (emitEvent) {
9760
9760
  this.emitFilterEvent();
9761
9761
  }
@@ -9858,7 +9858,11 @@ class CategoryFilter {
9858
9858
  return this.categories !== undefined;
9859
9859
  }
9860
9860
  renderPlainSuggestions() {
9861
- 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)))));
9861
+ return (hAsync("div", { class: "dropdown-item-container" }, this.getFilteredSuggestions().map((suggestion) => (hAsync("button", { class: "dropdown-item", "data-id": suggestion, onClick: () => {
9862
+ var _a, _b;
9863
+ this.addToken(suggestion);
9864
+ (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
9865
+ }, key: suggestion, title: suggestion }, suggestion)))));
9862
9866
  }
9863
9867
  renderOperatorButton() {
9864
9868
  if (this.staticOperator) {
@@ -9904,8 +9908,10 @@ class CategoryFilter {
9904
9908
  }
9905
9909
  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 :
9906
9910
  _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) => {
9911
+ var _a, _b;
9907
9912
  e.preventDefault();
9908
9913
  this.addToken(id, this.category);
9914
+ (_b = (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
9909
9915
  } }, `${this.getFilterOperatorString()} ${id}`)))));
9910
9916
  }
9911
9917
  renderDropdownContent() {
@@ -9986,19 +9992,19 @@ class CategoryFilter {
9986
9992
  }
9987
9993
  render() {
9988
9994
  var _a, _b, _c;
9989
- return (hAsync(Host, { key: 'fe49a215180e62dfb5b88304e08d775f1d6d8151' }, hAsync("form", { key: '075cea4e8c8f681a37e9c9916551d8835878e9a9', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'efa00f0c5eb73bdcdd96f3f2b314b1db7580a227', "read-only": this.readonly, class: {
9995
+ return (hAsync(Host, { key: '6040e5611b073b5df60b2f021a1fd6521a6de1df' }, hAsync("form", { key: '4baf23174e46355ca7fbd5ecad14145cabaea8d5', ref: (el) => (this.formElement = el) }, hAsync("div", { key: 'adecb78f948b498e0a9f42355ab590e2966958d1', "read-only": this.readonly, class: {
9990
9996
  'input-container': true,
9991
9997
  disabled: this.disabled,
9992
9998
  focus: this.hasFocus,
9993
9999
  readonly: this.readonly,
9994
10000
  'no-icon': this.hideIcon,
9995
- } }, 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: {
10001
+ } }, 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: {
9996
10002
  animate__animated: true,
9997
10003
  animate__fadein: true,
9998
10004
  } }, 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: {
9999
10005
  'category-preview': true,
10000
10006
  'display-none': this.category === '',
10001
- } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '10c2f91e57a8ef18bd9dbc53c227a15544d4de28', class: {
10007
+ } }, (_b = this.categories[this.category]) === null || _b === void 0 ? void 0 : _b.label)), hAsync("input", Object.assign({ key: '43eac9a872f30a34780aa702c6905348649018b5', class: {
10002
10008
  'text-input': true,
10003
10009
  'hide-placeholder': this.readonly || this.disabled || this.category !== '',
10004
10010
  }, 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()))));
@@ -18864,43 +18870,6 @@ class DateDropdown {
18864
18870
  }; }
18865
18871
  }
18866
18872
 
18867
- /*
18868
- * SPDX-FileCopyrightText: 2024 Siemens AG
18869
- *
18870
- * SPDX-License-Identifier: MIT
18871
- *
18872
- * This source code is licensed under the MIT license found in the
18873
- * LICENSE file in the root directory of this source tree.
18874
- */
18875
- function TextareaElement(props) {
18876
- 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: {
18877
- 'is-invalid': props.isInvalid,
18878
- }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
18879
- const target = inputEvent.target;
18880
- props.updateFormInternalValue(target.value);
18881
- props.valueChange(target.value);
18882
- }, onBlur: () => props.onBlur(), style: {
18883
- resize: props.resizeBehavior,
18884
- height: props.textareaHeight,
18885
- width: props.textareaWidth,
18886
- } }, props.ariaAttributes)));
18887
- }
18888
- function InputElement(props) {
18889
- 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: {
18890
- 'is-invalid': props.isInvalid,
18891
- }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onInput: (inputEvent) => {
18892
- const target = inputEvent.target;
18893
- props.updateFormInternalValue(target.value);
18894
- props.valueChange(target.value);
18895
- }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
18896
- }
18897
- const SlotEnd = (props, children) => {
18898
- return (hAsync("div", { class: "end-container", ref: props.slotEndRef }, hAsync("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
18899
- };
18900
- const SlotStart = (props) => {
18901
- return (hAsync("div", { class: "start-container", ref: props.slotStartRef }, hAsync("slot", { name: "start", onSlotchange: props.onSlotChange })));
18902
- };
18903
-
18904
18873
  /*
18905
18874
  * SPDX-FileCopyrightText: 2023 Siemens AG
18906
18875
  *
@@ -18985,9 +18954,13 @@ function checkAllowedKeys(comp, event) {
18985
18954
  }
18986
18955
  async function checkInternalValidity(comp, input) {
18987
18956
  const validityState = input.validity;
18988
- const eventResult = comp.validityStateChange.emit(validityState);
18989
- if (eventResult.defaultPrevented) {
18990
- return;
18957
+ const currentValidityState = !comp.hostElement.classList.contains('ix-invalid--validity-invalid');
18958
+ const newValidityState = validityState.valid;
18959
+ if (currentValidityState !== newValidityState) {
18960
+ const eventResult = comp.validityStateChange.emit(validityState);
18961
+ if (eventResult.defaultPrevented) {
18962
+ return;
18963
+ }
18991
18964
  }
18992
18965
  if (comp.value === null || comp.value === undefined) {
18993
18966
  return;
@@ -19076,6 +19049,64 @@ function observeElementUntilVisible(hostElement, updateCallback) {
19076
19049
  intersectionObserver.observe(hostElement);
19077
19050
  return intersectionObserver;
19078
19051
  }
19052
+ function handleSubmitOnEnterKeydown(event, suppressSubmitOnEnter, form) {
19053
+ if (suppressSubmitOnEnter || event.key !== 'Enter' || !form) {
19054
+ return;
19055
+ }
19056
+ event.preventDefault();
19057
+ const submitButton = form.querySelector('button[type="submit"], ix-button[type="submit"]');
19058
+ if (submitButton) {
19059
+ form.requestSubmit(submitButton);
19060
+ }
19061
+ if (form.length === 1) {
19062
+ form.requestSubmit();
19063
+ }
19064
+ }
19065
+
19066
+ /*
19067
+ * SPDX-FileCopyrightText: 2024 Siemens AG
19068
+ *
19069
+ * SPDX-License-Identifier: MIT
19070
+ *
19071
+ * This source code is licensed under the MIT license found in the
19072
+ * LICENSE file in the root directory of this source tree.
19073
+ */
19074
+ function TextareaElement(props) {
19075
+ 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: {
19076
+ 'is-invalid': props.isInvalid,
19077
+ }, required: props.required, value: props.value, placeholder: props.placeholder, onInput: (inputEvent) => {
19078
+ const target = inputEvent.target;
19079
+ props.updateFormInternalValue(target.value);
19080
+ props.valueChange(target.value);
19081
+ }, onBlur: () => props.onBlur(), style: {
19082
+ resize: props.resizeBehavior,
19083
+ height: props.textareaHeight,
19084
+ width: props.textareaWidth,
19085
+ } }, props.ariaAttributes)));
19086
+ }
19087
+ function InputElement(props) {
19088
+ 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: {
19089
+ 'is-invalid': props.isInvalid,
19090
+ }, style: {
19091
+ textAlign: props.textAlignment,
19092
+ }, required: props.required, value: props.value, placeholder: props.placeholder, onKeyPress: (event) => props.onKeyPress(event), onKeyDown: (e) => {
19093
+ var _a;
19094
+ (_a = props.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(props, e);
19095
+ handleSubmitOnEnterKeydown(e, !!props.suppressSubmitOnEnter, props.form);
19096
+ } }, {
19097
+ onBeforeInput: (event) => { var _a; return (_a = props.onBeforeInput) === null || _a === void 0 ? void 0 : _a.call(props, event); },
19098
+ }, { onPaste: (event) => { var _a; return (_a = props.onPaste) === null || _a === void 0 ? void 0 : _a.call(props, event); }, onInput: (inputEvent) => {
19099
+ const target = inputEvent.target;
19100
+ props.updateFormInternalValue(target.value);
19101
+ props.valueChange(target.value);
19102
+ }, onBlur: () => props.onBlur() }, props.ariaAttributes)));
19103
+ }
19104
+ const SlotEnd = (props, children) => {
19105
+ return (hAsync("div", { class: "end-container", ref: props.slotEndRef }, hAsync("slot", { name: "end", onSlotchange: props.onSlotChange }), children));
19106
+ };
19107
+ const SlotStart = (props) => {
19108
+ return (hAsync("div", { class: "start-container", ref: props.slotStartRef }, hAsync("slot", { name: "start", onSlotchange: props.onSlotChange })));
19109
+ };
19079
19110
 
19080
19111
  /*
19081
19112
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -19371,6 +19402,15 @@ class DateInput {
19371
19402
  * E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.
19372
19403
  */
19373
19404
  this.weekStartIndex = 0;
19405
+ /**
19406
+ * If false, pressing Enter will submit the form (if inside a form).
19407
+ * Set to true to suppress submit on Enter.
19408
+ */
19409
+ this.suppressSubmitOnEnter = false;
19410
+ /**
19411
+ * 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.
19412
+ */
19413
+ this.textAlignment = 'start';
19374
19414
  this.show = false;
19375
19415
  this.from = null;
19376
19416
  this.isInputInvalid = false;
@@ -19468,6 +19508,9 @@ class DateInput {
19468
19508
  checkClassList() {
19469
19509
  this.isInvalid = this.hostElement.classList.contains('ix-invalid');
19470
19510
  }
19511
+ handleInputKeyDown(event) {
19512
+ handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
19513
+ }
19471
19514
  renderInput() {
19472
19515
  var _a;
19473
19516
  return (hAsync("div", { class: "input-wrapper" }, hAsync(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync("input", { autoComplete: "off", class: {
@@ -19486,6 +19529,8 @@ class DateInput {
19486
19529
  }, onBlur: () => {
19487
19530
  this.ixBlur.emit();
19488
19531
  this.touched = true;
19532
+ }, onKeyDown: (event) => this.handleInputKeyDown(event), style: {
19533
+ textAlign: this.textAlignment,
19489
19534
  } }), 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 }))));
19490
19535
  }
19491
19536
  hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
@@ -19529,12 +19574,12 @@ class DateInput {
19529
19574
  const invalidText = this.isInputInvalid
19530
19575
  ? this.i18nErrorDateUnparsable
19531
19576
  : this.invalidText;
19532
- return (hAsync(Host, { key: '33f5063a7f848dfe2666c0c03420c577e29da00c', class: {
19577
+ return (hAsync(Host, { key: '011a0643000de99532a82efcecdcc48d20a817e1', class: {
19533
19578
  disabled: this.disabled,
19534
19579
  readonly: this.readonly,
19535
- } }, 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) => {
19580
+ } }, 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) => {
19536
19581
  this.show = event.detail;
19537
- } }, 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) => {
19582
+ } }, 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) => {
19538
19583
  const { from } = event.detail;
19539
19584
  this.onInput(from);
19540
19585
  }, showWeekNumbers: this.showWeekNumbers, ariaLabelNextMonthButton: this.ariaLabelNextMonthButton, ariaLabelPreviousMonthButton: this.ariaLabelPreviousMonthButton, embedded: true }))));
@@ -19573,6 +19618,8 @@ class DateInput {
19573
19618
  "weekStartIndex": [2, "week-start-index"],
19574
19619
  "ariaLabelPreviousMonthButton": [1, "aria-label-previous-month-button"],
19575
19620
  "ariaLabelNextMonthButton": [1, "aria-label-next-month-button"],
19621
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
19622
+ "textAlignment": [1, "text-alignment"],
19576
19623
  "show": [32],
19577
19624
  "from": [32],
19578
19625
  "isInputInvalid": [32],
@@ -19590,7 +19637,7 @@ class DateInput {
19590
19637
  },
19591
19638
  "$listeners$": undefined,
19592
19639
  "$lazyBundleId$": "-",
19593
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
19640
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
19594
19641
  }; }
19595
19642
  }
19596
19643
  __decorate$b([
@@ -19667,7 +19714,7 @@ function OnListener(event, fnExp) {
19667
19714
  };
19668
19715
  }
19669
19716
 
19670
- 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}";
19717
+ 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}";
19671
19718
 
19672
19719
  /*
19673
19720
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -20149,7 +20196,7 @@ class DatePicker {
20149
20196
  return rows;
20150
20197
  }
20151
20198
  render() {
20152
- 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) => {
20199
+ 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) => {
20153
20200
  if (month === this.monthNames[0]) {
20154
20201
  this.firstMonthRef(ref);
20155
20202
  }
@@ -20163,10 +20210,10 @@ class DatePicker {
20163
20210
  hidden: this.tempYear !== this.selectedYear ||
20164
20211
  this.tempMonth !== index,
20165
20212
  checkPosition: true,
20166
- }, 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: {
20213
+ }, 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: {
20167
20214
  grid: true,
20168
20215
  'grid--show-week-numbers': this.showWeekNumbers,
20169
- } }, 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) => {
20216
+ } }, 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) => {
20170
20217
  return (hAsync(Fragment, null, this.showWeekNumbers && (hAsync("div", { class: "calendar-item week-number" }, week.weekNumber)), week.dayNumbers.map((day) => {
20171
20218
  return day ? (hAsync("div", { key: day, id: `day-cell-${day}`, "date-calender-day": true, class: this.getDayClasses(day), onClick: (e) => {
20172
20219
  const target = e.currentTarget;
@@ -20178,10 +20225,10 @@ class DatePicker {
20178
20225
  }
20179
20226
  }, tabIndex: day === this.focusedDay ? 0 : -1, onFocus: () => this.onDayFocus(), onBlur: () => this.onDayBlur(), "aria-label": `${this.selectedMonth}: ${day}` }, day)) : (hAsync("div", null));
20180
20227
  })));
20181
- })), hAsync("div", { key: 'cabe525ef68e3a519d37a9f00684acaa70de03e7', class: {
20228
+ })), hAsync("div", { key: 'a3eaf5affbf21d93ac0bd2938a544e372ecee2bc', class: {
20182
20229
  button: true,
20183
20230
  hidden: this.singleSelection || this.embedded,
20184
- } }, hAsync("ix-button", { key: '25e5eac3ece688f38009fa3a0f15eab6fb56f3a4', onClick: () => this.onDone() }, this.i18nDone)))));
20231
+ } }, hAsync("ix-button", { key: 'bcbc94626760a7c8e755f4afb52f127d5b49dcd7', onClick: () => this.onDone() }, this.i18nDone)))));
20185
20232
  }
20186
20233
  get hostElement() { return getElement(this); }
20187
20234
  static get watchers() { return {
@@ -20231,7 +20278,7 @@ __decorate$a([
20231
20278
  OnListener('keydown')
20232
20279
  ], DatePicker.prototype, "handleKeyUp", null);
20233
20280
 
20234
- 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}";
20281
+ 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}";
20235
20282
 
20236
20283
  /**
20237
20284
  * @internal
@@ -20287,7 +20334,7 @@ class DateTimeCard {
20287
20334
  }; }
20288
20335
  }
20289
20336
 
20290
- 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%}}";
20337
+ 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%}}";
20291
20338
 
20292
20339
  class DatetimePicker {
20293
20340
  constructor(hostRef) {
@@ -20359,7 +20406,7 @@ class DatetimePicker {
20359
20406
  this.timeChange.emit(time);
20360
20407
  }
20361
20408
  render() {
20362
- 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)))))));
20409
+ 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)))))));
20363
20410
  }
20364
20411
  static get style() { return datetimePickerCss; }
20365
20412
  static get cmpMeta() { return {
@@ -20397,7 +20444,7 @@ class Divider {
20397
20444
  registerInstance(this, hostRef);
20398
20445
  }
20399
20446
  render() {
20400
- return hAsync(Host, { key: '265222b022fa8d13e4f07e6fe7e19abc7ae2b6c0' });
20447
+ return hAsync(Host, { key: 'ca814e8d386105be46954dfba6ae6f9a0c8ba4a9' });
20401
20448
  }
20402
20449
  static get style() { return dividerCss; }
20403
20450
  static get cmpMeta() { return {
@@ -20538,7 +20585,7 @@ class Drawer {
20538
20585
  this.toggleDrawer(this.show);
20539
20586
  }
20540
20587
  render() {
20541
- return (hAsync(Host, { key: 'fff4cbcfc2cef008be568700e64be24876e59e5a', class: {
20588
+ return (hAsync(Host, { key: 'f40c42d1e7b7e8420c4a8f804a46b722580dd132', class: {
20542
20589
  'drawer-container': true,
20543
20590
  'display-none': true,
20544
20591
  }, style: {
@@ -20546,15 +20593,15 @@ class Drawer {
20546
20593
  'max-width': `${this.maxWidth}rem`,
20547
20594
  height: this.fullHeight ? '100%' : 'auto',
20548
20595
  overflow: 'hidden',
20549
- }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: 'eda993c94161ac174630ac6aa81a5be1d574fd40', style: {
20596
+ }, ref: (el) => (this.divElement = el), "data-testid": "container", id: "div-container" }, hAsync("div", { key: '810a3738ce5350281d758808ba93981914760877', style: {
20550
20597
  width: this.width === 'auto'
20551
20598
  ? 'auto'
20552
20599
  : `${this.getConstrainedWidth(this.width)}rem`,
20553
- } }, 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: {
20600
+ } }, 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: {
20554
20601
  display: this.showContent ? 'block' : 'none',
20555
- }, 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: {
20602
+ }, 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: {
20556
20603
  display: this.showContent ? 'block' : 'none',
20557
- } }, hAsync("slot", { key: '1a8be255dce06ad85fd6fb689d8a50375d746b88' })))));
20604
+ } }, hAsync("slot", { key: 'de087859ac50be70b998ab696698df91f6816f21' })))));
20558
20605
  }
20559
20606
  static get watchers() { return {
20560
20607
  "show": ["onShowChanged"]
@@ -22861,7 +22908,7 @@ class Dropdown {
22861
22908
  this.applyDropdownPosition();
22862
22909
  }
22863
22910
  render() {
22864
- return (hAsync(Host, { key: '86e8b81af4bc5ad0fe27bbe62e9f1f7eb7c49f7e', "data-ix-dropdown": this.localUId, class: {
22911
+ return (hAsync(Host, { key: '04a27e5950bf94cc355c91e0339f9450d46ff103', "data-ix-dropdown": this.localUId, class: {
22865
22912
  'dropdown-menu': true,
22866
22913
  show: this.show,
22867
22914
  overflow: !this.suppressOverflowBehavior,
@@ -22869,7 +22916,7 @@ class Dropdown {
22869
22916
  margin: '0',
22870
22917
  minWidth: '0px',
22871
22918
  position: this.positioningStrategy,
22872
- }, 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' }))));
22919
+ }, 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' }))));
22873
22920
  }
22874
22921
  get hostElement() { return getElement(this); }
22875
22922
  static get watchers() { return {
@@ -22935,11 +22982,11 @@ class DropdownButton {
22935
22982
  } }));
22936
22983
  }
22937
22984
  render() {
22938
- return (hAsync(Host, { key: 'f30e5874fe837b3b6a9f2ef092f8b4d50cd37979', class: {
22985
+ return (hAsync(Host, { key: '4e4aca39eff13b8f665682b3f2dc9ace533c7ca0', class: {
22939
22986
  disabled: this.disabled,
22940
- }, 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
22987
+ }, 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
22941
22988
  ? iconChevronUpSmall
22942
- : 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' }))));
22989
+ : 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' }))));
22943
22990
  }
22944
22991
  get hostElement() { return getElement(this); }
22945
22992
  static get style() { return dropdownButtonCss; }
@@ -22969,7 +23016,7 @@ class DropdownHeader {
22969
23016
  registerInstance(this, hostRef);
22970
23017
  }
22971
23018
  render() {
22972
- return (hAsync(Host, { key: '07334cf803a7b60b148a688f954099d4c82dd156' }, hAsync("ix-typography", { key: 'e71b5dca614dad0fdc6b29d04744b4d03042fcba', class: 'category-text', format: 'h5' }, this.label)));
23019
+ return (hAsync(Host, { key: '8c2634f5c46a222e4803fa7ae426fcdf9d8edaf4' }, hAsync("ix-typography", { key: '0951a5b06d746db809529a9149e021696507ade2', class: 'category-text', format: 'h5' }, this.label)));
22973
23020
  }
22974
23021
  static get style() { return dropdownHeaderCss; }
22975
23022
  static get cmpMeta() { return {
@@ -23021,15 +23068,15 @@ class DropdownItem {
23021
23068
  this.icon !== undefined);
23022
23069
  }
23023
23070
  render() {
23024
- return (hAsync(Host, { key: 'cd6bfb531ae38e3016ec9ebca8d02ec359c3ea7c', class: {
23071
+ return (hAsync(Host, { key: '4683b34a35d26f4cdce448ed24cdc5115f838fed', class: {
23025
23072
  hover: this.hover,
23026
23073
  'icon-only': this.isIconOnly(),
23027
23074
  disabled: this.disabled,
23028
23075
  submenu: this.isSubMenu,
23029
- }, role: "listitem" }, hAsync("button", { key: '0c21ba9811bd0943835d206b2ef520a442817c53', type: "button", tabIndex: 0, class: {
23076
+ }, role: "listitem" }, hAsync("button", { key: 'a655623c265f18e805a0f60a093dd4ac565ab35c', type: "button", tabIndex: 0, class: {
23030
23077
  'dropdown-item': true,
23031
23078
  'no-checked-field': this.suppressChecked,
23032
- }, 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)));
23079
+ }, 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)));
23033
23080
  }
23034
23081
  get hostElement() { return getElement(this); }
23035
23082
  static get style() { return dropdownItemCss; }
@@ -23062,7 +23109,7 @@ class DropdownQuickActions {
23062
23109
  registerInstance(this, hostRef);
23063
23110
  }
23064
23111
  render() {
23065
- return (hAsync(Host, { key: 'fdd2e2b6dbcb923c0f777d59d6500aae7a809b62' }, hAsync("slot", { key: '89da7a8f6531cbee860e5677035357c785743c64' })));
23112
+ return (hAsync(Host, { key: '270b8dba8a8b79072beb81301d923f8f8754b70f' }, hAsync("slot", { key: '9970e51c7af36350359311ea217e2a402a35f994' })));
23066
23113
  }
23067
23114
  static get style() { return dropdownQuickActionsCss; }
23068
23115
  static get cmpMeta() { return {
@@ -23087,7 +23134,7 @@ class EmptyState {
23087
23134
  this.layout = 'large';
23088
23135
  }
23089
23136
  render() {
23090
- 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))))));
23137
+ 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))))));
23091
23138
  }
23092
23139
  static get style() { return emptyStateCss; }
23093
23140
  static get cmpMeta() { return {
@@ -23228,11 +23275,11 @@ class EventList {
23228
23275
  });
23229
23276
  }
23230
23277
  render() {
23231
- return (hAsync(Host, { key: '412f1406ca77c5cc4b8d97858a0a6b2dcde571c9', class: {
23278
+ return (hAsync(Host, { key: '71648df2cdbbb1951fa970739cdf1a6f4bd1c40f', class: {
23232
23279
  'item-size-s': this.itemHeight === 'S',
23233
23280
  'item-size-l': this.itemHeight === 'L',
23234
23281
  compact: this.compact,
23235
- } }, hAsync("div", { key: 'bf8731c25aa807b3971d7d1caa3380233c262b26', role: "list" }, hAsync("slot", { key: 'aa48d21a40f00146ada43ec541977efd5553554a' }))));
23282
+ } }, hAsync("div", { key: 'ce46bd8d70b502d2dd19ffee75d2f3ae45e95d5a', role: "list" }, hAsync("slot", { key: '016b05cd0e580af2e89232c3f4a0b5ebad8bda62' }))));
23236
23283
  }
23237
23284
  get hostElement() { return getElement(this); }
23238
23285
  static get watchers() { return {
@@ -23289,17 +23336,17 @@ class EventListItem {
23289
23336
  let color = ((_a = this.itemColor) === null || _a === void 0 ? void 0 : _a.startsWith('--theme'))
23290
23337
  ? `var(${this.itemColor})`
23291
23338
  : `var(--theme-${this.itemColor})`;
23292
- return (hAsync(Host, { key: '69bcf29128bcdcbb1d4ec916ab267c3f3872563d', class: {
23339
+ return (hAsync(Host, { key: '76e06ddd63da8e0adec50dcd20bc61e2f2d1e1c0', class: {
23293
23340
  disabled: this.disabled,
23294
23341
  [`event-list-item-${this.variant}`]: true,
23295
- } }, hAsync("div", { key: '44a56bfe9beee7643cd97998309c7e1339673494', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
23342
+ } }, hAsync("div", { key: 'b04e600de4ca8f82c0ac973f6df2efc6a9c1acdb', role: "listitem", "aria-disabled": a11yBoolean(this.disabled), class: {
23296
23343
  'event-list-item': true,
23297
23344
  selected: this.selected,
23298
23345
  disabled: this.disabled,
23299
- } }, hAsync("div", { key: 'cc43c1752fd48d33a40fbdc7b28f120b128d11f5', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
23346
+ } }, hAsync("div", { key: 'e8cbc3d3a7e752fd60fa30b92503d4c7a2b64392', class: `indicator ${!this.itemColor ? 'indicator-empty' : ''}`, style: {
23300
23347
  'background-color': this.itemColor ? color : 'inherit',
23301
23348
  opacity: `${this.disabled ? 0.4 : 1}`,
23302
- } }), 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" }))))));
23349
+ } }), 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" }))))));
23303
23350
  }
23304
23351
  static get style() { return eventListItemCss; }
23305
23352
  static get cmpMeta() { return {
@@ -23380,20 +23427,20 @@ class ExpandingSearch {
23380
23427
  }
23381
23428
  render() {
23382
23429
  var _a;
23383
- return (hAsync(Host, { key: 'cef1eaadd1182fc228042ec6358dae162b870bfa', class: {
23430
+ return (hAsync(Host, { key: 'a7502cbddcb136608813c4fe522e868ae3d5806d', class: {
23384
23431
  expanded: this.expanded,
23385
23432
  'right-position': this.expanded,
23386
23433
  fullWidth: this.fullWidth,
23387
- } }, 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: {
23434
+ } }, 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: {
23388
23435
  'btn-search': true,
23389
23436
  'btn-search--expanded': this.expanded,
23390
- }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: '7fcbd5c539b210a8c56106e478f208bd7987f50b', class: {
23437
+ }, "aria-label": this.ariaLabelSearchIconButton }), hAsync("div", { key: 'b12d4ab2b26f00564d6edc1c3fd0d0f1ba48a8c2', class: {
23391
23438
  expanded: this.expanded,
23392
23439
  fullWidth: this.fullWidth,
23393
23440
  collapsed: !this.expanded,
23394
23441
  'disable-pointer': !this.expanded,
23395
23442
  'input-container': true,
23396
- }, "data-testid": "input-wrapper" }, hAsync("input", { key: 'f138deadccf92bd26f4b548147bbeb6a66e06da2', class: {
23443
+ }, "data-testid": "input-wrapper" }, hAsync("input", { key: '47f11db65a0f58d1fb0c77239062b8414538d200', class: {
23397
23444
  'ix-form-control': true,
23398
23445
  input: this.expanded,
23399
23446
  'disable-pointer': !this.expanded,
@@ -23435,8 +23482,12 @@ class ExpandingSearch {
23435
23482
  * This source code is licensed under the MIT license found in the
23436
23483
  * LICENSE file in the root directory of this source tree.
23437
23484
  */
23438
- function hasAnyText({ invalidText, warningText, infoText, validText, helperText, }) {
23439
- return [invalidText, warningText, infoText, validText, helperText].some((text) => text === null || text === void 0 ? void 0 : text.trim());
23485
+ function hasAnyText({ invalidText, isInvalid, warningText, isWarning, infoText, isInfo, validText, isValid, helperText, }) {
23486
+ return !!((isInvalid && (invalidText === null || invalidText === void 0 ? void 0 : invalidText.trim())) ||
23487
+ (isWarning && (warningText === null || warningText === void 0 ? void 0 : warningText.trim())) ||
23488
+ (isInfo && (infoText === null || infoText === void 0 ? void 0 : infoText.trim())) ||
23489
+ (isValid && (validText === null || validText === void 0 ? void 0 : validText.trim())) ||
23490
+ (helperText === null || helperText === void 0 ? void 0 : helperText.trim()));
23440
23491
  }
23441
23492
  function HelperText$1(props) {
23442
23493
  if (!hasAnyText(props))
@@ -23501,9 +23552,9 @@ class FieldWrapper {
23501
23552
  infoText: this.infoText,
23502
23553
  helperText: this.helperText,
23503
23554
  };
23504
- 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: {
23555
+ 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: {
23505
23556
  'slot-wrapper': true,
23506
- }, 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))))));
23557
+ }, 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))))));
23507
23558
  }
23508
23559
  get hostElement() { return getElement(this); }
23509
23560
  static get style() { return fieldWrapperCss; }
@@ -23553,7 +23604,7 @@ class FilterChip {
23553
23604
  this.closeClick.emit();
23554
23605
  }
23555
23606
  render() {
23556
- 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));
23607
+ 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));
23557
23608
  }
23558
23609
  get hostElement() { return getElement(this); }
23559
23610
  static get style() { return filterChipCss; }
@@ -23680,7 +23731,7 @@ class FlipTile {
23680
23731
  }, 2 * Animation.defaultTime);
23681
23732
  }
23682
23733
  render() {
23683
- return (hAsync(Host, { key: '8e765099be7fad3f1e3ad850934cacf3a3a0005b', class: {
23734
+ return (hAsync(Host, { key: '32727b4df750f9d1892f365a7e8d729447be05ac', class: {
23684
23735
  [`flip-tile-variant-${this.variant}`]: true,
23685
23736
  }, style: {
23686
23737
  height: `${this.height}${this.height === 'auto' ? '' : 'rem'}`,
@@ -23689,10 +23740,10 @@ class FlipTile {
23689
23740
  width: `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
23690
23741
  'min-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
23691
23742
  'max-width': `${this.width}${this.width === 'auto' ? '' : 'rem'}`,
23692
- } }, 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: {
23743
+ } }, 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: {
23693
23744
  footer: true,
23694
23745
  'show-footer': this.hasFooterSlot,
23695
- } }, hAsync("slot", { key: '6b8c833a377673cc30625afda00a1881d5e66fca', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
23746
+ } }, hAsync("slot", { key: '271f61fc236be2813cec900c788fe4bfcb2c285d', name: "footer", onSlotchange: (event) => this.handleFooterSlotChange(event) })))));
23696
23747
  }
23697
23748
  get hostElement() { return getElement(this); }
23698
23749
  static get watchers() { return {
@@ -23730,7 +23781,7 @@ class FlipTileContent {
23730
23781
  this.contentVisible = false;
23731
23782
  }
23732
23783
  render() {
23733
- return hAsync(Host, { key: '5965aa904c665ec7f059cfd2923d13d6c408f435' }, this.contentVisible ? hAsync("slot", null) : null);
23784
+ return hAsync(Host, { key: '264e3539d6c5abcd8716968a4128da99ca191375' }, this.contentVisible ? hAsync("slot", null) : null);
23734
23785
  }
23735
23786
  static get style() { return flipTileContentCss; }
23736
23787
  static get cmpMeta() { return {
@@ -23851,7 +23902,7 @@ class FormFieldLabel {
23851
23902
  }
23852
23903
  }
23853
23904
  render() {
23854
- 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' }, "*")))));
23905
+ 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' }, "*")))));
23855
23906
  }
23856
23907
  get hostElement() { return getElement(this); }
23857
23908
  static get watchers() { return {
@@ -24007,27 +24058,27 @@ class Group {
24007
24058
  }
24008
24059
  }
24009
24060
  render() {
24010
- return (hAsync(Host, { key: '4afd808f34c4c47ef82b9ac86c9824f93c0ac022' }, hAsync("div", { key: 'e4faee7660a7e0356be0847648d8c749b8a53dd8', class: {
24061
+ return (hAsync(Host, { key: 'b93d2c8f1290baa2983945ce349b90e95bf18696' }, hAsync("div", { key: '3e9ce7ce3402f48bb17612a97bf9bee85767c6aa', class: {
24011
24062
  'group-header': true,
24012
24063
  expand: this.expanded,
24013
24064
  selected: this.selected,
24014
- }, tabindex: "0" }, hAsync("div", { key: '708f196e0212bf1134de3e12d7c22ec6b981c998', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: 'b7e7fdf40ff90648cb3d734340ddb2ae1c39f35f', class: {
24065
+ }, tabindex: "0" }, hAsync("div", { key: 'daeb1087643b9f0267b3e2ba13a3973486730888', class: "group-header-clickable", onClick: (e) => this.onHeaderClick(e) }, hAsync("div", { key: '9771b2df1e5b68339aa9c4689de4b2d24bc09341', class: {
24015
24066
  'group-header-selection-indicator': true,
24016
24067
  'group-header-selection-indicator-item-selected': this.itemSelected,
24017
- } }), hAsync("div", { key: '11526d19f3cbe9cc5ced668a16b4d9401907a20b', class: "btn-expand-header" }, hAsync("ix-icon", { key: '0484a742e10ef8d3448b948c708795f28977af50', "data-testid": "expand-collapsed-icon", class: {
24068
+ } }), hAsync("div", { key: 'e0e1454e780614a31955720bd7b62d7bfec1b7e0', class: "btn-expand-header" }, hAsync("ix-icon", { key: '0742c7515bbac3d3ba0221a5c3b0860d6a1792a2', "data-testid": "expand-collapsed-icon", class: {
24018
24069
  hidden: !this.showExpandCollapsedIcon,
24019
- }, 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: {
24070
+ }, 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: {
24020
24071
  'group-content': true,
24021
- } }, hAsync("div", { key: '2491e7fc2db3a26f2a6590dc4f5672256aea0ba0', style: {
24072
+ } }, hAsync("div", { key: 'f805cc015b7bf9c919ea9129500e4af8773b7f63', style: {
24022
24073
  display: this.expanded ? 'contents' : 'none',
24023
- } }, hAsync("slot", { key: '9ff899ad82ec853ca26bf6516755aa96ff4f1a75', onSlotchange: () => {
24074
+ } }, hAsync("slot", { key: '703791e124429a91a5798429443c3494d18b262d', onSlotchange: () => {
24024
24075
  var _a;
24025
24076
  const slot = (_a = this.hostElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot:not([name])');
24026
24077
  this.showExpandCollapsedIcon = hasSlottedElements(slot);
24027
- } }), hAsync("ix-group-item", { key: 'deba11384b1595616beb387a20e13bd4a37bab85', class: {
24078
+ } }), hAsync("ix-group-item", { key: '5e471c137730667bd459ac80943369b59f81c544', class: {
24028
24079
  footer: true,
24029
24080
  'footer-visible': this.footerVisible,
24030
- }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '93f76c08a387e415908c1425e88463306bd7f094', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
24081
+ }, groupFooter: true, suppressSelection: true }, hAsync("slot", { key: '84526685ab81de426a70ecfb52db3211b4a3219b', name: "footer", onSlotchange: () => this.onSlotChange() }))))));
24031
24082
  }
24032
24083
  get hostElement() { return getElement(this); }
24033
24084
  static get watchers() { return {
@@ -24089,7 +24140,7 @@ class GroupContextMenu {
24089
24140
  this.configureDropdown(dropdownElement, triggerElement);
24090
24141
  }
24091
24142
  render() {
24092
- 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() })));
24143
+ 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() })));
24093
24144
  }
24094
24145
  get hostElement() { return getElement(this); }
24095
24146
  static get style() { return groupContextMenuCss; }
@@ -24213,7 +24264,7 @@ class HelperText {
24213
24264
  this.validationResults = checkFieldClasses(forElement);
24214
24265
  }
24215
24266
  render() {
24216
- return (hAsync(Host, { key: '80773f9945e4d763cd06ef66b4654270a3a7dbd4' }, hAsync(HelperText$1, Object.assign({ key: '214ef1f926975fcf41676cb525b7098060f7f42c', helperText: this.helperText,
24267
+ return (hAsync(Host, { key: '95d6dfb6a163ee5e6b4d7d478780af394427548c' }, hAsync(HelperText$1, Object.assign({ key: 'dc7f97b4cb8b2563c1a1089764e25eb63c75b583', helperText: this.helperText,
24217
24268
  invalidText: this.invalidText,
24218
24269
  validText: this.validText,
24219
24270
  infoText: this.infoText,
@@ -24324,7 +24375,7 @@ class IconButton {
24324
24375
  type: this.type,
24325
24376
  extraClasses: this.getIconSizeClass(),
24326
24377
  };
24327
- return (hAsync(Host, { key: 'bf38203ea971e79608015f29912cb8e25095aaa9', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '79512317c4eb9af675ac19918f06ca7c163693a8' }, baseButtonProps))));
24378
+ return (hAsync(Host, { key: '04486b7d26d2b34a920b53f683b3b1b591b95311', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: '94936955261d6fc13e78ea98ddb3cf98d3fda058' }, baseButtonProps))));
24328
24379
  }
24329
24380
  get hostElement() { return getElement(this); }
24330
24381
  static get style() { return iconButtonCss; }
@@ -24418,7 +24469,7 @@ class IconToggleButton {
24418
24469
  },
24419
24470
  extraClasses: Object.assign({ 'icon-button': true }, this.getIconSizeClass()),
24420
24471
  };
24421
- return (hAsync(Host, { key: '0cdca2a85b3ed4e29f1686911eedc5e269178ec2', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'b3fd9e932199b79af77f6a24c35fdb3f1c0177a7' }, baseButtonProps))));
24472
+ return (hAsync(Host, { key: 'cac43636bbec0b7a783309bc8acfff59dc899077', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, hAsync(BaseIconButton, Object.assign({ key: 'c1476c415753b630b480542ea220854ecb8c56a9' }, baseButtonProps))));
24422
24473
  }
24423
24474
  get hostElement() { return getElement(this); }
24424
24475
  static get style() { return iconToggleButtonCss; }
@@ -24502,6 +24553,15 @@ class Input {
24502
24553
  * Specifies whether the text field is readonly.
24503
24554
  */
24504
24555
  this.readonly = false;
24556
+ /**
24557
+ * If false, pressing Enter will submit the form (if inside a form).
24558
+ * Set to true to suppress submit on Enter.
24559
+ */
24560
+ this.suppressSubmitOnEnter = false;
24561
+ /**
24562
+ * 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.
24563
+ */
24564
+ this.textAlignment = 'start';
24505
24565
  this.isInvalid = false;
24506
24566
  this.isValid = false;
24507
24567
  this.isInfo = false;
@@ -24574,15 +24634,15 @@ class Input {
24574
24634
  return Promise.resolve(this.touched);
24575
24635
  }
24576
24636
  render() {
24577
- var _a;
24637
+ var _a, _b;
24578
24638
  const inputAria = getAriaAttributesForInput(this);
24579
- return (hAsync(Host, { key: 'c74b72aaf7caf50aca8bada5a426ced0d03da3a4', class: {
24639
+ return (hAsync(Host, { key: '07337a899a3b73d3cb37b1fc84da266d95cff84a', class: {
24580
24640
  disabled: this.disabled,
24581
24641
  readonly: this.readonly,
24582
- } }, 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: () => {
24642
+ } }, 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: () => {
24583
24643
  onInputBlur(this, this.inputRef.current);
24584
24644
  this.touched = true;
24585
- }, ariaAttributes: inputAria }), hAsync(SlotEnd, { key: '83f14577687a0437983e0cff26d59291cf1a5f47', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("ix-icon-button", { key: '4a54d7c381d87c75dca1e3febfb8d0e8d0095bf9', color: "color-weak-text", class: {
24645
+ }, 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: {
24586
24646
  'password-eye': true,
24587
24647
  'eye-hidden': this.type !== 'password' || this.disabled,
24588
24648
  }, variant: "tertiary", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
@@ -24591,7 +24651,7 @@ class Input {
24591
24651
  return;
24592
24652
  }
24593
24653
  this.inputType = 'password';
24594
- } }))), !!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)))));
24654
+ } }))), !!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)))));
24595
24655
  }
24596
24656
  static get formAssociated() { return true; }
24597
24657
  get hostElement() { return getElement(this); }
@@ -24621,6 +24681,8 @@ class Input {
24621
24681
  "maxLength": [2, "max-length"],
24622
24682
  "minLength": [2, "min-length"],
24623
24683
  "allowedCharactersPattern": [1, "allowed-characters-pattern"],
24684
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
24685
+ "textAlignment": [1, "text-alignment"],
24624
24686
  "isInvalid": [32],
24625
24687
  "isValid": [32],
24626
24688
  "isInfo": [32],
@@ -24636,7 +24698,7 @@ class Input {
24636
24698
  },
24637
24699
  "$listeners$": undefined,
24638
24700
  "$lazyBundleId$": "-",
24639
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"]]
24701
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["disabled", "disabled"], ["readonly", "readonly"], ["label", "label"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
24640
24702
  }; }
24641
24703
  }
24642
24704
  __decorate$9([
@@ -24765,7 +24827,7 @@ class InputGroup {
24765
24827
  return width;
24766
24828
  }
24767
24829
  render() {
24768
- 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" }))));
24830
+ 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" }))));
24769
24831
  }
24770
24832
  get hostElement() { return getElement(this); }
24771
24833
  static get style() { return inputGroupCss; }
@@ -24865,7 +24927,7 @@ class IxTypography {
24865
24927
  color: IxTypography.getTextColor(this.textColor),
24866
24928
  };
24867
24929
  }
24868
- return (hAsync(Host, { key: '373bb7d6255698f7fed9130834b1ae14fbfd8586', class: typographyClass, style: style }, hAsync("slot", { key: 'a6368136d7dc8ce6c0418c5debba69b4ec9fe137' })));
24930
+ return (hAsync(Host, { key: 'de007c46746d98dffe4647fca37b0d8dd1967415', class: typographyClass, style: style }, hAsync("slot", { key: 'a4ada9ab3f8a64839f4a6c7938b3769f6ef0d6c7' })));
24869
24931
  }
24870
24932
  static get style() { return typographyCss; }
24871
24933
  static get cmpMeta() { return {
@@ -24897,7 +24959,7 @@ class KeyValue {
24897
24959
  this.labelPosition = 'top';
24898
24960
  }
24899
24961
  render() {
24900
- 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: {
24962
+ 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: {
24901
24963
  content__value: true,
24902
24964
  'has-customValue': this.value === undefined,
24903
24965
  } }, this.value !== undefined ? (this.value) : (hAsync("slot", { name: "custom-value" }))))));
@@ -24930,7 +24992,7 @@ class KeyValueList {
24930
24992
  this.striped = false;
24931
24993
  }
24932
24994
  render() {
24933
- return (hAsync(Host, { key: '8dba91174048942e97f5c3923693f9773498850e', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '008b5a305508353e90fbbdc664079942b5e72fb6' })));
24995
+ return (hAsync(Host, { key: 'fcc3ec3470c25cac50b88a1006b30be059f778f8', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, hAsync("slot", { key: '05645a91f92d7db584bd8235f73979249870e734' })));
24934
24996
  }
24935
24997
  static get style() { return keyValueListCss; }
24936
24998
  static get cmpMeta() { return {
@@ -24977,13 +25039,13 @@ class Kpi {
24977
25039
  return tooltip;
24978
25040
  }
24979
25041
  render() {
24980
- return (hAsync(Host, { key: 'b30b96a30c6462d46df55d826117a7bbca06bd87', title: this.getTooltipText(), tabindex: "1", class: {
25042
+ return (hAsync(Host, { key: '34fcbb68ba73d08619ef12fd9595c9c684aa3d10', title: this.getTooltipText(), tabindex: "1", class: {
24981
25043
  stacked: this.orientation === 'vertical',
24982
- } }, hAsync("div", { key: '91df6b79eab2edbf0ccb71d2dd8ee07e1412c546', class: {
25044
+ } }, hAsync("div", { key: 'cd4910a41ee179ea21166c80322e5361dd132850', class: {
24983
25045
  'kpi-container': true,
24984
25046
  alarm: this.state === 'alarm',
24985
25047
  warning: this.state === 'warning',
24986
- } }, 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) : ''))));
25048
+ } }, 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) : ''))));
24987
25049
  }
24988
25050
  static get style() { return kpiCss; }
24989
25051
  static get cmpMeta() { return {
@@ -25080,7 +25142,7 @@ class LayoutForm {
25080
25142
  });
25081
25143
  }
25082
25144
  render() {
25083
- return (hAsync(Host, { key: 'c372cee7de4d253246c61f60858b268619592d5d' }, hAsync("div", { key: '205f0444aa85dcffd338abf3f38939ff9eea5d3c', class: "container" }, hAsync("slot", { key: 'e8f39e9e0eb5dd8eee1b0ff66899dc1b0283143a' }))));
25145
+ return (hAsync(Host, { key: '48511195af19191b832713a828ac0945b06a4898' }, hAsync("div", { key: '4a51469ffe227db5c361734fc3122a98f7e0fbcc', class: "container" }, hAsync("slot", { key: '6ab367e83612df056e40392bced22c5f80457486' }))));
25084
25146
  }
25085
25147
  get hostElement() { return getElement(this); }
25086
25148
  static get watchers() { return {
@@ -25118,12 +25180,12 @@ class LayoutGrid {
25118
25180
  this.columns = 12;
25119
25181
  }
25120
25182
  render() {
25121
- return (hAsync(Host, { key: '9ce5af84b9a377a949b94778ead107a441c51a78', class: {
25183
+ return (hAsync(Host, { key: '040fa69fa09d20fdbfc6ae40f85cdf70f74b3eee', class: {
25122
25184
  'no-margin': this.noMargin,
25123
25185
  }, style: {
25124
25186
  '--ix-layout-grid-columns': `${this.columns}`,
25125
25187
  '--ix-layout-grid-gutter': `${this.gap}px`,
25126
- } }, hAsync("slot", { key: '0c3a2747d12aa57a97b45ba478d495fcb0ab47a8' })));
25188
+ } }, hAsync("slot", { key: '50cae64ab0cc69aa2ffe55bfce8f069ea22b240b' })));
25127
25189
  }
25128
25190
  static get style() { return layoutGridCss; }
25129
25191
  static get cmpMeta() { return {
@@ -25140,7 +25202,7 @@ class LayoutGrid {
25140
25202
  }; }
25141
25203
  }
25142
25204
 
25143
- 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)}";
25205
+ 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)}";
25144
25206
 
25145
25207
  class LinkButton {
25146
25208
  constructor(hostRef) {
@@ -25157,13 +25219,13 @@ class LinkButton {
25157
25219
  this.target = '_self';
25158
25220
  }
25159
25221
  render() {
25160
- return (hAsync(Host, { key: '5d6862720cb7254c81ae048532345670b2725cf6' }, hAsync("a", { key: 'ad09a301c88af52fe06626e71785af1a69f78690', title: this.url, tabindex: "0", class: {
25222
+ return (hAsync(Host, { key: '83b41ef8a3bef06a033a9a20c30a4ae1e83066e8' }, hAsync("a", { key: '955dc6e492eec929e592947ec18009d744d1f973', title: this.url, tabindex: "0", class: {
25161
25223
  'link-button': true,
25162
25224
  disabled: this.disabled,
25163
- }, 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: {
25225
+ }, 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: {
25164
25226
  link: true,
25165
25227
  disabled: this.disabled,
25166
- } }, hAsync("slot", { key: '0429c8a4ac40936697d6e22d6061135e638c4557' })))));
25228
+ } }, hAsync("slot", { key: '2bd6071e8aad57fb13226d8452b0649367c6b750' })))));
25167
25229
  }
25168
25230
  static get style() { return linkButtonCss; }
25169
25231
  static get cmpMeta() { return {
@@ -25616,44 +25678,44 @@ class Menu {
25616
25678
  }
25617
25679
  render() {
25618
25680
  var _a, _b;
25619
- return (hAsync(Host, { key: '7c30f31880d51956013f87fe21ea0abf4129f67b', class: {
25681
+ return (hAsync(Host, { key: 'b36f27c9c7b9342fd8f984dd5d00ad73d735b2ff', class: {
25620
25682
  expanded: this.expand,
25621
25683
  [`breakpoint-${this.breakpoint}`]: true,
25622
- }, slot: "menu" }, hAsync("nav", { key: 'ff157fa24a58cd522b33ac035d99086a8dfec7bc', class: {
25684
+ }, slot: "menu" }, hAsync("nav", { key: '4f4b1378ddfe2cb243d0a5305679c98084490e8b', class: {
25623
25685
  menu: true,
25624
25686
  expanded: this.expand,
25625
- } }, 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' &&
25626
- ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: 'd9c3d29552e6e8adeba3c44c04a563da430ea9b8', onClick: () => {
25687
+ } }, 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' &&
25688
+ ((_a = this.applicationLayoutContext) === null || _a === void 0 ? void 0 : _a.appSwitchConfig) && (hAsync("ix-icon-button", { key: '927aede1c7824c6c21eed072e7dba6db8d5f8df5', onClick: () => {
25627
25689
  this.showAppSwitch();
25628
- }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: 'bf2a827004f7e2d337ba55fc288e7abe418ec6dd', id: "menu-tabs", style: {
25690
+ }, icon: iconApps, variant: "subtle-tertiary" }))), hAsync("div", { key: '795f32dc8f94404a75c9a0d0cfb7c8e8d429d8d2', id: "menu-tabs", style: {
25629
25691
  display: 'contents',
25630
- }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: 'ee11e15bb3d0e4b6cd3263788aac1eba043dae99', class: "tabs-shadow-container" }, hAsync("div", { key: '0803887ba70d6558cf5e4a890e0eca39b49ff518', class: {
25692
+ }, onClick: (e) => this.onMenuItemsClick(e) }, hAsync("div", { key: '4d609cfd70659c0adfcb1cfca0485edff3b05d08', class: "tabs-shadow-container" }, hAsync("div", { key: 'b8b81a13d75c56f9a460f0db382acef185b1c11c', class: {
25631
25693
  'tabs--shadow': true,
25632
25694
  'tabs--shadow-top': true,
25633
25695
  'tabs--shadow--show': this.itemsScrollShadowTop,
25634
- } }), hAsync("div", { key: '7e43e530408b8a5408e2a0c00d4e89b695d0d871', class: {
25696
+ } }), hAsync("div", { key: '1095f30e782665f9d66d7f2619eb3a68806ccf54', class: {
25635
25697
  tabs: true,
25636
25698
  'show-scrollbar': this.expand,
25637
- }, 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: {
25699
+ }, 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: {
25638
25700
  'tabs--shadow': true,
25639
25701
  'tabs--shadow-bottom': true,
25640
25702
  'tabs--shadow--show': this.itemsScrollShadowBottom,
25641
- } }))), hAsync("div", { key: '80b67bd3408917c424661ff603b6b12a08b5c256', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25703
+ } }))), hAsync("div", { key: '92a48e39684e2bbbb6078dcafc5c8b7103a693de', class: "bottom-tab-divider" }), this.settings ? (hAsync("ix-menu-item", { disabled: this.isHiddenFromViewport(), id: "settings", class: {
25642
25704
  'internal-tab': true,
25643
25705
  'bottom-tab': true,
25644
25706
  active: this.showSettings,
25645
- }, 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: {
25707
+ }, 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: {
25646
25708
  'internal-tab': true,
25647
25709
  'bottom-tab': true,
25648
25710
  active: this.showAbout,
25649
- }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: '54785101f98f046af558820493555a3d4739ace3', class: {
25711
+ }, icon: iconInfo, onClick: async () => this.toggleAbout(!this.showAbout), label: this.i18nLegal })) : null), hAsync("div", { key: 'e6dd7e53abbd5e4ce11cc5d2be882dd52e335275', class: {
25650
25712
  'menu-overlay': true,
25651
25713
  visible: this.isOverlayVisible(),
25652
25714
  expanded: this.expand,
25653
25715
  }, onTransitionEnd: () => {
25654
25716
  this.isTransitionDisabled = true;
25655
25717
  this.checkTransition();
25656
- } }, 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))));
25718
+ } }, 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))));
25657
25719
  }
25658
25720
  get hostElement() { return getElement(this); }
25659
25721
  static get watchers() { return {
@@ -25710,8 +25772,10 @@ class MenuSettings {
25710
25772
  /** @internal */
25711
25773
  this.show = false;
25712
25774
  }
25713
- updateTab(label) {
25714
- setTab(this, label);
25775
+ updateTab(newLabel, oldLabel) {
25776
+ if (newLabel !== oldLabel) {
25777
+ syncTabDisplay(this, newLabel);
25778
+ }
25715
25779
  }
25716
25780
  componentWillLoad() {
25717
25781
  initialize(this);
@@ -25719,7 +25783,7 @@ class MenuSettings {
25719
25783
  componentDidLoad() {
25720
25784
  }
25721
25785
  render() {
25722
- return hAsync(MenuTabs, { key: 'a59dd5a81b91ff4ae7f516cb192700bffaee3f84', context: this });
25786
+ return hAsync(MenuTabs, { key: 'bff35655d1e57ea807a1d8a6bd0879f8804e3ef4', context: this });
25723
25787
  }
25724
25788
  get el() { return getElement(this); }
25725
25789
  static get watchers() { return {
@@ -25755,14 +25819,19 @@ function getItems(context) {
25755
25819
  : 'ix-menu-about-item'));
25756
25820
  }
25757
25821
  function setTab(context, label) {
25822
+ if (context.activeTabLabel === label) {
25823
+ return;
25824
+ }
25758
25825
  const { defaultPrevented } = context.tabChange.emit(label);
25759
25826
  if (defaultPrevented) {
25760
25827
  return;
25761
25828
  }
25762
25829
  context.activeTabLabel = label;
25830
+ }
25831
+ function syncTabDisplay(context, label) {
25763
25832
  context.items.forEach((i) => {
25764
25833
  i.style.display = 'none';
25765
- if (i.label === context.activeTabLabel) {
25834
+ if (i.label === label) {
25766
25835
  i.style.display = 'block';
25767
25836
  }
25768
25837
  });
@@ -25828,8 +25897,10 @@ class MenuAbout {
25828
25897
  /** @internal */
25829
25898
  this.show = false;
25830
25899
  }
25831
- updateTab(label) {
25832
- setTab(this, label);
25900
+ updateTab(newLabel, oldLabel) {
25901
+ if (newLabel !== oldLabel) {
25902
+ syncTabDisplay(this, newLabel);
25903
+ }
25833
25904
  }
25834
25905
  componentWillLoad() {
25835
25906
  initialize(this);
@@ -25837,7 +25908,7 @@ class MenuAbout {
25837
25908
  componentDidLoad() {
25838
25909
  }
25839
25910
  render() {
25840
- return hAsync(MenuTabs, { key: 'f39b61fd405141b8e2e7061bd76194ee4beb3a3d', context: this });
25911
+ return hAsync(MenuTabs, { key: 'e49c1819db2fcba5b330c776c84e905d6f1aef87', context: this });
25841
25912
  }
25842
25913
  get el() { return getElement(this); }
25843
25914
  static get watchers() { return {
@@ -25874,7 +25945,7 @@ class MenuAboutItem {
25874
25945
  });
25875
25946
  }
25876
25947
  render() {
25877
- return (hAsync(Host, { key: '632b6d89ae686ca05423b4a6b224a2635caa836d' }, hAsync("slot", { key: '9c976c9b75de1cb742965cda40513e870f70fb9e' })));
25948
+ return (hAsync(Host, { key: 'c150379d52f7dd0744ec480c35909937abef9c90' }, hAsync("slot", { key: '37edb415a550ba73903bd6142162c42fe7be9d34' })));
25878
25949
  }
25879
25950
  static get watchers() { return {
25880
25951
  "label": ["watchLabel"]
@@ -25911,16 +25982,16 @@ class MenuAboutNews {
25911
25982
  this.expanded = false;
25912
25983
  }
25913
25984
  render() {
25914
- return (hAsync(Host, { key: '9e3e3bfabc3e51bdbee57c13ad492f3d3447fbfe', class: {
25985
+ return (hAsync(Host, { key: '61a51cc04b238505c64285babebaaddf1201a9f7', class: {
25915
25986
  expanded: this.expanded,
25916
25987
  show: !this.show,
25917
- } }, 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: () => {
25988
+ } }, 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: () => {
25918
25989
  this.show = false;
25919
25990
  this.closePopover.emit();
25920
- } }), 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) => {
25991
+ } }), 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) => {
25921
25992
  this.show = false;
25922
25993
  this.showMore.emit(e);
25923
- } }, this.i18nShowMore))) : null, hAsync("div", { key: '5259871afe0e537a1378f60f13c3884a08bc4daa', id: "arrow" })));
25994
+ } }, this.i18nShowMore))) : null, hAsync("div", { key: 'b877e4087ebe56fca5c82a7acada5ba7c7ef8abb', id: "arrow" })));
25924
25995
  }
25925
25996
  static get style() { return menuAboutNewsCss; }
25926
25997
  static get cmpMeta() { return {
@@ -25968,9 +26039,9 @@ class MenuAvatar {
25968
26039
  this.showContextMenu = elements.length !== 0;
25969
26040
  }
25970
26041
  render() {
25971
- 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: {
26042
+ 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: {
25972
26043
  mainAxis: 16,
25973
- } }, hAsync("slot", { key: 'b642dd168efdf7f4659c3a0e5d032fccb93df9a5', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: '4b7e853e0522208bebd10535885731af9dc4d3f6', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
26044
+ } }, hAsync("slot", { key: 'a17ca070258b8b892c647f4cc2429b21562072c1', onSlotchange: () => this.onSlotChange() }), !this.hideLogoutButton && (hAsync("ix-menu-avatar-item", { key: 'cbc2544543237b2874744c0678838b701ec89d4a', label: this.i18nLogout, icon: iconLogOut, onClick: (e) => {
25974
26045
  this.logoutClick.emit(e);
25975
26046
  } })))));
25976
26047
  }
@@ -26007,7 +26078,7 @@ class MenuAvatarItem {
26007
26078
  return this.dropdownItemRef.waitForCurrent();
26008
26079
  }
26009
26080
  render() {
26010
- return (hAsync("ix-dropdown-item", { key: 'ce5740229422012fdbda56f2710f96e869142f6e', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
26081
+ return (hAsync("ix-dropdown-item", { key: '4a25c0768a9afad6b18bf3019c8998cc51fa134a', ref: this.dropdownItemRef, icon: this.icon, label: this.label, onClick: (e) => this.itemClick.emit(e) }));
26011
26082
  }
26012
26083
  get hostElement() { return getElement(this); }
26013
26084
  static get style() { return menuAvatarItemCss; }
@@ -26200,7 +26271,7 @@ class MenuCategory {
26200
26271
  }
26201
26272
  }
26202
26273
  render() {
26203
- return (hAsync(Host, { key: '40ae8539715815c94e99313fad8694e4115e5482', class: {
26274
+ return (hAsync(Host, { key: '13ac63c3321e33e4781ab642577464fde79c6bf2', class: {
26204
26275
  expanded: this.showItems,
26205
26276
  }, onPointerEnter: () => {
26206
26277
  this.enterLeaveDebounce.onEnter();
@@ -26209,14 +26280,14 @@ class MenuCategory {
26209
26280
  return;
26210
26281
  }
26211
26282
  this.enterLeaveDebounce.onLeave();
26212
- } }, 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: {
26283
+ } }, 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: {
26213
26284
  'category-chevron': true,
26214
26285
  'category-chevron--open': this.showItems,
26215
- } }))), hAsync("div", { key: '9725f1a5f5f7aa7e1835d054ec8155644c5516e8', ref: (ref) => (this.menuItemsContainer = ref), class: {
26286
+ } }))), hAsync("div", { key: 'd7f0f085f33a09d7c57ca18818a90125b3c2e2bf', ref: (ref) => (this.menuItemsContainer = ref), class: {
26216
26287
  'menu-items': true,
26217
26288
  'menu-items--expanded': this.showItems,
26218
26289
  'menu-items--collapsed': !this.showItems,
26219
- } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: '69fd00ce9dd45b99069a891318008e25b214a218', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
26290
+ } }, this.showItems ? hAsync("slot", null) : null), hAsync("ix-dropdown", { key: 'e5b6be4ba14c97ef2e85abd01833bed929b1efa4', closeBehavior: 'both', show: this.showDropdown, onShowChanged: ({ detail: dropdownShown }) => {
26220
26291
  this.showDropdown = dropdownShown;
26221
26292
  }, class: 'category-dropdown', anchor: this.hostElement, placement: "right-start", offset: {
26222
26293
  mainAxis: 3,
@@ -26229,7 +26300,7 @@ class MenuCategory {
26229
26300
  e.preventDefault();
26230
26301
  }
26231
26302
  }
26232
- } }, 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' }))));
26303
+ } }, 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' }))));
26233
26304
  }
26234
26305
  get hostElement() { return getElement(this); }
26235
26306
  static get style() { return menuCategoryCss; }
@@ -26286,7 +26357,7 @@ class MenuExpandIcon {
26286
26357
  return this.getSmallScreenIcon();
26287
26358
  }
26288
26359
  render() {
26289
- return (hAsync(Host, { key: 'c39c90a459dee53b29d4ccd8de683d35dc4abd22', class: {
26360
+ return (hAsync(Host, { key: '702baa75b182df885e9488301b2747fb37f96c52', class: {
26290
26361
  expanded: this.expanded,
26291
26362
  }, type: "button", "aria-label": this.ixAriaLabel, "aria-pressed": a11yBoolean(this.expanded) }, this.getMenuIcon()));
26292
26363
  }
@@ -26406,11 +26477,11 @@ class MenuItem {
26406
26477
  tabIndex: this.disabled ? -1 : 0,
26407
26478
  };
26408
26479
  const menuContent = [
26409
- this.icon && hAsync("ix-icon", { key: '2c1c698aadcb3dd8090c067c3dd746e8a9baaf93', class: 'tab-icon', name: this.icon }),
26480
+ this.icon && hAsync("ix-icon", { key: 'cf444eeb0b3478721a77ee1dc52436689e4c0102', class: 'tab-icon', name: this.icon }),
26410
26481
  this.notifications ? (hAsync("div", { class: "notification" }, hAsync("div", { class: "pill" }, this.notifications))) : null,
26411
- hAsync("span", { key: 'c02f479113a2c1914df317d21561b657acf6af92', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: '33f38c81be26d10edc993efd1a7434e04678e2c1' })),
26482
+ hAsync("span", { key: '93ac9e24f2c8634f9bfcef42c8a167d219ff764e', id: this.internalItemId, class: "tab-text text-default" }, this.label, hAsync("slot", { key: 'c98d81e6a16ff3304c1c2c489a71cc892fc6e287' })),
26412
26483
  ];
26413
- return (hAsync(Host, Object.assign({ key: '58699b09d27cd2caa4d688378e1bd274b9467ee7', class: {
26484
+ return (hAsync(Host, Object.assign({ key: '2bed98070395e9df578f968f317a16f214bf5627', class: {
26414
26485
  disabled: this.disabled,
26415
26486
  'home-tab': this.home,
26416
26487
  'bottom-tab': this.bottom,
@@ -26421,7 +26492,7 @@ class MenuItem {
26421
26492
  e.preventDefault();
26422
26493
  e.stopPropagation();
26423
26494
  }
26424
- } }), 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)));
26495
+ } }), 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)));
26425
26496
  }
26426
26497
  get hostElement() { return getElement(this); }
26427
26498
  static get watchers() { return {
@@ -26469,7 +26540,7 @@ class MenuSettingsItem {
26469
26540
  });
26470
26541
  }
26471
26542
  render() {
26472
- return (hAsync(Host, { key: '82d134ab9cdb58a29c6fd02a165a9925a9a55912' }, hAsync("slot", { key: 'dfb95edb5325b70072cc422a48c78f8a50a9b589' })));
26543
+ return (hAsync(Host, { key: '69dac244a2c3b427237e8dceec64fad9c16600e9' }, hAsync("slot", { key: 'ccfc87d1f061f0d4195f943dec3782b655626aae' })));
26473
26544
  }
26474
26545
  static get watchers() { return {
26475
26546
  "label": ["watchLabel"]
@@ -26525,7 +26596,7 @@ class MessageBar {
26525
26596
  }
26526
26597
  }
26527
26598
  render() {
26528
- 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: () => {
26599
+ 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: () => {
26529
26600
  if (this.divElement) {
26530
26601
  this.closeAlert(this.divElement);
26531
26602
  }
@@ -26741,17 +26812,17 @@ class Modal {
26741
26812
  this.ariaAttributes = a11yHostAttributes(this.hostElement);
26742
26813
  }
26743
26814
  render() {
26744
- return (hAsync(Host, { key: '192ded80682348ff755d91a613faaca1a8b0753f', class: {
26815
+ return (hAsync(Host, { key: '0170729f63356223c39bcd6b0bb7124b2036f2c4', class: {
26745
26816
  visible: this.modalVisible,
26746
26817
  'no-backdrop': this.hideBackdrop,
26747
26818
  'align-center': this.centered,
26748
- } }, 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: {
26819
+ } }, 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: {
26749
26820
  modal: true,
26750
26821
  [`modal-size-${this.size}`]: true,
26751
26822
  }, onClose: () => this.dismissModal(), onMouseDown: (event) => this.onMouseDown(event), onMouseUp: (event) => this.onMouseUp(event), onCancel: (e) => {
26752
26823
  e.preventDefault();
26753
26824
  this.dismissModal();
26754
- } }, hAsync("slot", { key: 'a9c321d71d3e08d581bb2e6ad9e3d377663a2c52' })))));
26825
+ } }, hAsync("slot", { key: '5a3e86b9c04f8e1564be6026b0352940978f0666' })))));
26755
26826
  }
26756
26827
  get hostElement() { return getElement(this); }
26757
26828
  static get style() { return modalCss; }
@@ -26787,7 +26858,7 @@ class ModalContent {
26787
26858
  registerInstance(this, hostRef);
26788
26859
  }
26789
26860
  render() {
26790
- return (hAsync(Host, { key: '91592e2a2681326a99cafd1709581a29ecf48d61' }, hAsync("slot", { key: '259ab95ce19cafdc7dbbe67c362e424590fe02c8' })));
26861
+ return (hAsync(Host, { key: 'b45bdd4b47ca580de9e3419c9c081f8e30b1da09' }, hAsync("slot", { key: 'ad2d19f3f3053ea927d6d45ff54bcfff1e74345d' })));
26791
26862
  }
26792
26863
  static get style() { return modalContentCss; }
26793
26864
  static get cmpMeta() { return {
@@ -26807,7 +26878,7 @@ class ModalFooter {
26807
26878
  registerInstance(this, hostRef);
26808
26879
  }
26809
26880
  render() {
26810
- return (hAsync(Host, { key: 'bab5a43ac92a13caca46d241091c27c773990aba' }, hAsync("slot", { key: 'fefe386636d486a7e1d4b35a23eafe0d04b7270c' })));
26881
+ return (hAsync(Host, { key: '11eb649edd163b25fdeb4b533bf513a861c1d7ec' }, hAsync("slot", { key: '9a2cb92b8df8220ed2307d98ec7a1ce6a6d9196b' })));
26811
26882
  }
26812
26883
  static get style() { return modalFooterCss; }
26813
26884
  static get cmpMeta() { return {
@@ -26853,7 +26924,7 @@ class ModalHeader {
26853
26924
  this.parentDialog.dismissModal();
26854
26925
  }
26855
26926
  render() {
26856
- 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));
26927
+ 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));
26857
26928
  }
26858
26929
  get hostElement() { return getElement(this); }
26859
26930
  static get watchers() { return {
@@ -26886,7 +26957,7 @@ class ModalLoading {
26886
26957
  registerInstance(this, hostRef);
26887
26958
  }
26888
26959
  render() {
26889
- return (hAsync(Host, { key: 'dac65dc36124b038728e843240d126432d85e987' }, hAsync("ix-spinner", { key: '639371732304b733f79cf8498e46442ff6a442df', variant: "primary" }), hAsync("span", { key: 'a9bf046b8c00552a4135cc5046789027abd1803e', class: 'loading-text' }, hAsync("slot", { key: '362185ef3806ddb57c90f6fdf776cb3563baf903' }))));
26960
+ return (hAsync(Host, { key: '404214a461e55c9ee78aad8dc277dab5be8a9b42' }, hAsync("ix-spinner", { key: '96278c04d8c7798b411f6807e5c7a1ea26b03d45', variant: "primary" }), hAsync("span", { key: 'cad3eec78defa832ffc679f86941ffc301bc5b5c', class: 'loading-text' }, hAsync("slot", { key: '96cf92b74f62260ee97b7bdae73557a2ee5517ec' }))));
26890
26961
  }
26891
26962
  static get style() { return modalLoadingCss; }
26892
26963
  static get cmpMeta() { return {
@@ -26902,7 +26973,7 @@ class ModalLoading {
26902
26973
  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}";
26903
26974
 
26904
26975
  /*
26905
- * SPDX-FileCopyrightText: 2024 Siemens AG
26976
+ * SPDX-FileCopyrightText: 2025 Siemens AG
26906
26977
  *
26907
26978
  * SPDX-License-Identifier: MIT
26908
26979
  *
@@ -26920,6 +26991,7 @@ var __decorate$7 = (undefined && undefined.__decorate) || function (decorators,
26920
26991
  return c > 3 && r && Object.defineProperty(target, key, r), r;
26921
26992
  };
26922
26993
  let numberInputIds = 0;
26994
+ const INVALID_NUMBER_INPUT_REGEX = /[^\dEe+\-.,]/;
26923
26995
  /**
26924
26996
  * @form-ready
26925
26997
  * @slot start - Element will be displayed at the start of the input
@@ -26939,11 +27011,11 @@ class NumberInput {
26939
27011
  hostRef.$hostElement$["s-ei"] = this.formInternals;
26940
27012
  }
26941
27013
  /**
26942
- * The value of the input field
27014
+ * The value of the input field. Supports numeric values, scientific notation (1E6, 1E-6), or undefined for empty.
26943
27015
  */
26944
27016
  this.value = 0;
26945
27017
  /**
26946
- * Indicates if the field is required
27018
+ * Indicates if the field is required. When required, empty values (undefined) are not accepted.
26947
27019
  */
26948
27020
  this.required = false;
26949
27021
  /**
@@ -26954,6 +27026,27 @@ class NumberInput {
26954
27026
  * Indicates if the field is read-only
26955
27027
  */
26956
27028
  this.readonly = false;
27029
+ /**
27030
+ * Step value to increment or decrement the input value. Default step value is 1.
27031
+ *
27032
+ */
27033
+ this.step = 1;
27034
+ /**
27035
+ * If false, pressing Enter will submit the form (if inside a form).
27036
+ * Set to true to suppress submit on Enter.
27037
+ */
27038
+ this.suppressSubmitOnEnter = false;
27039
+ /**
27040
+ * 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.
27041
+ */
27042
+ this.textAlignment = 'end';
27043
+ /**
27044
+ * If true, the valueChange event will return null instead of 0 for an empty input state.
27045
+ * This property will be removed in 5.0.0 and this behaviour will be default.
27046
+ *
27047
+ * @since 4.1.0
27048
+ */
27049
+ this.allowEmptyValueChange = false;
26957
27050
  this.isInvalid = false;
26958
27051
  this.isValid = false;
26959
27052
  this.isInfo = false;
@@ -26964,6 +27057,70 @@ class NumberInput {
26964
27057
  this.slotStartRef = makeRef();
26965
27058
  this.numberInputId = `number-input-${numberInputIds++}`;
26966
27059
  this.touched = false;
27060
+ this.handleInputChange = (inputValue) => {
27061
+ const parsedValue = this.convertNumberStringToFloat(inputValue);
27062
+ const isScientificNotation = this.isScientificNotation(inputValue.trim());
27063
+ if (isScientificNotation) {
27064
+ this.formInternals.setFormValue(inputValue);
27065
+ }
27066
+ this.handleValueChangeEvent(parsedValue);
27067
+ };
27068
+ this.handleBlur = () => {
27069
+ if (!this.inputRef.current)
27070
+ return;
27071
+ const inputValue = this.inputRef.current.value;
27072
+ const parsedValue = this.convertNumberStringToFloat(inputValue);
27073
+ if (parsedValue !== undefined) {
27074
+ this.inputRef.current.value = this.formatValue(parsedValue);
27075
+ }
27076
+ this.updateFormInternalValue(parsedValue);
27077
+ onInputBlur(this, this.inputRef.current);
27078
+ this.touched = true;
27079
+ };
27080
+ this.handleKeyDown = (event) => {
27081
+ if (this.disabled || this.readonly) {
27082
+ return;
27083
+ }
27084
+ switch (event.key) {
27085
+ case 'ArrowUp':
27086
+ event.preventDefault();
27087
+ this.handleStepOperation('up');
27088
+ break;
27089
+ case 'ArrowDown':
27090
+ event.preventDefault();
27091
+ this.handleStepOperation('down');
27092
+ break;
27093
+ }
27094
+ };
27095
+ this.handleBeforeInput = (e) => {
27096
+ var _a, _b;
27097
+ if (this.disabled || this.readonly)
27098
+ return;
27099
+ if (e.inputType === 'insertText') {
27100
+ const character = e.data;
27101
+ if (character && INVALID_NUMBER_INPUT_REGEX.test(character)) {
27102
+ e.preventDefault();
27103
+ }
27104
+ }
27105
+ if (e.inputType === 'insertFromPaste') {
27106
+ const dt = e.dataTransfer || e.clipboardData;
27107
+ 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 : '';
27108
+ if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
27109
+ e.preventDefault();
27110
+ }
27111
+ }
27112
+ };
27113
+ this.handlePaste = (e) => {
27114
+ var _a, _b;
27115
+ // Fallback for browsers that don’t fire beforeinput for paste
27116
+ const text = (_b = (_a = e.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('text')) !== null && _b !== void 0 ? _b : '';
27117
+ if (INVALID_NUMBER_INPUT_REGEX.test(text)) {
27118
+ e.preventDefault();
27119
+ }
27120
+ };
27121
+ }
27122
+ onValueChange(newValue) {
27123
+ this.updateFormInternalValue(newValue);
26967
27124
  }
26968
27125
  updateClassMappings(result) {
26969
27126
  mapValidationResult(this, result);
@@ -26982,10 +27139,60 @@ class NumberInput {
26982
27139
  updatePaddings() {
26983
27140
  adjustPaddingForStartAndEnd(this.slotStartRef.current, this.slotEndRef.current, this.inputRef.current);
26984
27141
  }
27142
+ convertNumberStringToFloat(input) {
27143
+ if (!input || input.trim() === '') {
27144
+ return undefined;
27145
+ }
27146
+ const parsed = Number.parseFloat(input);
27147
+ return Number.isNaN(parsed) ? undefined : parsed;
27148
+ }
27149
+ isScientificNotation(input) {
27150
+ const parsed = Number.parseFloat(input);
27151
+ return (!Number.isNaN(parsed) && Number.isFinite(parsed) && /[eE]/.test(input));
27152
+ }
27153
+ formatValue(value) {
27154
+ if (value === undefined || value === null) {
27155
+ return '';
27156
+ }
27157
+ return value.toString();
27158
+ }
27159
+ handleValueChangeEvent(value) {
27160
+ this.valueChange.emit(this.allowEmptyValueChange ? value : (value !== null && value !== void 0 ? value : 0));
27161
+ }
26985
27162
  updateFormInternalValue(value) {
26986
- this.formInternals.setFormValue(value.toString());
27163
+ const formValue = value !== undefined && value !== null ? value.toString() : '';
27164
+ this.formInternals.setFormValue(formValue);
26987
27165
  this.value = value;
26988
27166
  }
27167
+ handleStepOperation(operation) {
27168
+ var _a, _b;
27169
+ if (!this.inputRef.current) {
27170
+ return;
27171
+ }
27172
+ const currentValue = (_a = this.value) !== null && _a !== void 0 ? _a : 0;
27173
+ const stepValue = typeof this.step === 'string'
27174
+ ? Number.parseFloat(this.step)
27175
+ : ((_b = this.step) !== null && _b !== void 0 ? _b : 1);
27176
+ let newValue;
27177
+ if (operation === 'up') {
27178
+ newValue = currentValue + stepValue;
27179
+ }
27180
+ else {
27181
+ newValue = currentValue - stepValue;
27182
+ }
27183
+ if (this.min !== undefined) {
27184
+ const minValue = typeof this.min === 'string' ? Number.parseFloat(this.min) : this.min;
27185
+ newValue = Math.max(newValue, minValue);
27186
+ }
27187
+ if (this.max !== undefined) {
27188
+ const maxValue = typeof this.max === 'string' ? Number.parseFloat(this.max) : this.max;
27189
+ newValue = Math.min(newValue, maxValue);
27190
+ }
27191
+ this.inputRef.current.value = newValue.toString();
27192
+ this.updateFormInternalValue(newValue);
27193
+ checkInternalValidity(this, this.inputRef.current);
27194
+ this.handleValueChangeEvent(newValue);
27195
+ }
26989
27196
  /** @internal */
26990
27197
  async getAssociatedFormElement() {
26991
27198
  return this.formInternals.form;
@@ -26994,9 +27201,10 @@ class NumberInput {
26994
27201
  async hasValidValue() {
26995
27202
  const nativeInput = await this.getNativeInputElement();
26996
27203
  if (nativeInput.value === '') {
26997
- return Promise.resolve(false);
27204
+ return !this.required;
26998
27205
  }
26999
- return Promise.resolve(this.value !== null && this.value !== undefined && !isNaN(this.value));
27206
+ const parsedValue = this.convertNumberStringToFloat(nativeInput.value);
27207
+ return parsedValue !== undefined;
27000
27208
  }
27001
27209
  /**
27002
27210
  * Returns the native input element used under the hood
@@ -27018,39 +27226,30 @@ class NumberInput {
27018
27226
  return Promise.resolve(this.touched);
27019
27227
  }
27020
27228
  render() {
27229
+ var _a;
27021
27230
  const showStepperButtons = this.showStepperButtons && (this.disabled || this.readonly) === false;
27022
- return (hAsync(Host, { key: 'c42e57d87186db97d228a3c80fa487c3e2bbe5d0', class: {
27231
+ return (hAsync(Host, { key: '4b541dbe6fe2b32b5158eed8f398de300ea71bb4', class: {
27023
27232
  disabled: this.disabled,
27024
27233
  readonly: this.readonly,
27025
- } }, 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: {
27234
+ } }, 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: {
27026
27235
  'input-wrapper': true,
27027
27236
  'show-stepper-buttons': !!this.showStepperButtons,
27028
- } }, 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: () => {
27029
- onInputBlur(this, this.inputRef.current);
27030
- this.touched = true;
27031
- } }), hAsync(SlotEnd, { key: 'f9e41241aaff4d70ea46315fd39a908cdfe14e11', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, hAsync("div", { key: '36507af1b806bd2fc6e4cc1d4d34de9fe8dd8ba0', class: {
27237
+ } }, 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) => {
27238
+ const isScientificNotation = this.isScientificNotation(value.trim());
27239
+ if (!isScientificNotation) {
27240
+ const parsedValue = this.convertNumberStringToFloat(value);
27241
+ this.updateFormInternalValue(parsedValue);
27242
+ }
27243
+ }, 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: {
27032
27244
  'number-stepper-container': true,
27033
27245
  'container-hidden': !showStepperButtons,
27034
- } }, hAsync("ix-icon-button", { key: '0bef82df236486f49f71da016edb67e7edbd4775', variant: "subtle-tertiary", icon: iconMinus, size: "16", class: "number-stepper-button step-minus", "aria-label": "decrement number", onClick: () => {
27035
- if (!this.inputRef.current) {
27036
- return;
27037
- }
27038
- this.inputRef.current.stepDown();
27039
- checkInternalValidity(this, this.inputRef.current);
27040
- this.updateFormInternalValue(Number(this.inputRef.current.value));
27041
- this.valueChange.emit(this.value);
27042
- } }), hAsync("ix-icon-button", { key: '34f4f8b3dc4e90ec9ada96f15280b39320ed5fb9', variant: "subtle-tertiary", icon: iconPlus, size: "16", class: "number-stepper-button step-plus", "aria-label": "increment number", onClick: () => {
27043
- if (!this.inputRef.current) {
27044
- return;
27045
- }
27046
- this.inputRef.current.stepUp();
27047
- checkInternalValidity(this, this.inputRef.current);
27048
- this.updateFormInternalValue(Number(this.inputRef.current.value));
27049
- this.valueChange.emit(this.value);
27050
- } })))))));
27246
+ } }, 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') })))))));
27051
27247
  }
27052
27248
  static get formAssociated() { return true; }
27053
27249
  get hostElement() { return getElement(this); }
27250
+ static get watchers() { return {
27251
+ "value": ["onValueChange"]
27252
+ }; }
27054
27253
  static get style() { return numberInputCss; }
27055
27254
  static get cmpMeta() { return {
27056
27255
  "$flags$": 329,
@@ -27075,6 +27274,9 @@ class NumberInput {
27075
27274
  "allowedCharactersPattern": [1, "allowed-characters-pattern"],
27076
27275
  "showStepperButtons": [4, "show-stepper-buttons"],
27077
27276
  "step": [8],
27277
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
27278
+ "textAlignment": [1, "text-alignment"],
27279
+ "allowEmptyValueChange": [516, "allow-empty-value-change"],
27078
27280
  "isInvalid": [32],
27079
27281
  "isValid": [32],
27080
27282
  "isInfo": [32],
@@ -27088,7 +27290,7 @@ class NumberInput {
27088
27290
  },
27089
27291
  "$listeners$": undefined,
27090
27292
  "$lazyBundleId$": "-",
27091
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"]]
27293
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["required", "required"], ["label", "label"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"], ["allowEmptyValueChange", "allow-empty-value-change"]]
27092
27294
  }; }
27093
27295
  }
27094
27296
  __decorate$7([
@@ -27146,6 +27348,13 @@ class Pagination {
27146
27348
  * i18n label for 'Items'
27147
27349
  */
27148
27350
  this.i18nItems = 'Items';
27351
+ /**
27352
+ * ARIA label for the page selection input
27353
+ * Will be set as aria-label on the nested HTML input element
27354
+ *
27355
+ * @since 4.1.0
27356
+ */
27357
+ this.ariaLabelPageSelection = 'Page selection input';
27149
27358
  }
27150
27359
  selectPage(index) {
27151
27360
  const oldIndex = this.selectedPage;
@@ -27235,17 +27444,32 @@ class Pagination {
27235
27444
  }
27236
27445
  return hAsync("span", { class: "page-buttons" }, pageButtons);
27237
27446
  }
27447
+ handlePageInput(inputValue) {
27448
+ const value = Number.parseInt(inputValue, 10);
27449
+ if (!Number.isNaN(value)) {
27450
+ const clampedValue = Math.max(1, Math.min(value, this.count));
27451
+ this.selectPage(clampedValue - 1);
27452
+ }
27453
+ }
27238
27454
  render() {
27239
- 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) => {
27240
- const eventTarget = event.target;
27241
- if (eventTarget) {
27242
- const index = Number.parseInt(eventTarget.value);
27243
- this.selectPage(index - 1);
27455
+ 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) => {
27456
+ const inputElement = event.target;
27457
+ this.handlePageInput(inputElement.value);
27458
+ }, onKeyDown: (event) => {
27459
+ if (['e', 'E', '+', '-', '.'].includes(event.key))
27460
+ event.preventDefault();
27461
+ if (event.key === 'Enter') {
27462
+ const inputElement = event.target;
27463
+ this.handlePageInput(inputElement.value);
27464
+ inputElement.blur();
27244
27465
  }
27245
- } }), 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) => {
27466
+ }, onBlur: (e) => {
27467
+ const inputElement = e.target;
27468
+ inputElement.value = (this.selectedPage + 1).toString();
27469
+ } }), 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) => {
27246
27470
  const count = Number.parseInt(Array.isArray(e.detail) ? e.detail[0] : e.detail);
27247
27471
  this.itemCountChanged.emit(count);
27248
- } }, 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" }))))));
27472
+ } }, 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" }))))));
27249
27473
  }
27250
27474
  get hostElement() { return getElement(this); }
27251
27475
  static get style() { return paginationCss; }
@@ -27262,7 +27486,8 @@ class Pagination {
27262
27486
  "i18nOf": [1, "i18n-of"],
27263
27487
  "i18nItems": [1, "i18n-items"],
27264
27488
  "ariaLabelChevronLeftIconButton": [1, "aria-label-chevron-left-icon-button"],
27265
- "ariaLabelChevronRightIconButton": [1, "aria-label-chevron-right-icon-button"]
27489
+ "ariaLabelChevronRightIconButton": [1, "aria-label-chevron-right-icon-button"],
27490
+ "ariaLabelPageSelection": [1, "aria-label-page-selection"]
27266
27491
  },
27267
27492
  "$listeners$": undefined,
27268
27493
  "$lazyBundleId$": "-",
@@ -27719,7 +27944,7 @@ class Pane {
27719
27944
  }
27720
27945
  render() {
27721
27946
  const rotate = !this.expanded && !this.isMobile && this.isLeftRightPane;
27722
- return (hAsync(Host, { key: 'd90ef7a63b141b3af9c9f04aba41cf8ef13c448a', class: {
27947
+ return (hAsync(Host, { key: 'd4dcd94494a7a1a20cb9ce1613f60b07708a1a6a', class: {
27723
27948
  'floating-pane': this.floating,
27724
27949
  'inline-pane': !this.floating,
27725
27950
  'mobile-overlay': this.expanded && this.isMobile,
@@ -27743,28 +27968,28 @@ class Pane {
27743
27968
  !this.expanded &&
27744
27969
  !this.floating,
27745
27970
  'not-visible': this.hideOnCollapse && !this.expanded,
27746
- }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '02cb43bcca7a7d6acf5d341f9a4e7ee5739f72c1', id: `pane-${this.composition}`, class: {
27971
+ }, "aria-expanded": a11yBoolean(this.expanded) }, hAsync("aside", { key: '16c38b4a2706ee2cc82975e7cc8f48434997d668', id: `pane-${this.composition}`, class: {
27747
27972
  'top-bottom-pane': this.isBottomTopPane && !this.isMobile,
27748
27973
  'left-right-pane': this.isLeftRightPane && !this.isMobile,
27749
27974
  'mobile-pane': this.isMobile,
27750
27975
  expanded: this.expanded,
27751
- } }, hAsync("div", { key: 'be05dfaf0f1080ad0bcdbd41ea01ac151b2aeb86', id: "title-div", class: {
27976
+ } }, hAsync("div", { key: 'e4f68f0ab4d1c720bd2bbd2c8a3362e8c1166216', id: "title-div", class: {
27752
27977
  title: !this.isMobile && !this.hideOnCollapse && !this.showContent,
27753
27978
  'title-finished': !this.isMobile && !this.hideOnCollapse && this.showContent,
27754
27979
  'title-expanded': !this.isMobile && !this.hideOnCollapse && this.expanded,
27755
27980
  'title-hide-on-collapse': !this.isMobile && this.hideOnCollapse,
27756
27981
  'title-mobile': this.isMobile,
27757
27982
  'header-gap': !this.isMobile && !this.hideOnCollapse,
27758
- } }, hAsync("ix-icon-button", { key: '767886aea1428fdc4c10875de8eb0dd3750b5cdf', class: "title-icon", size: "24", icon: this.expanded
27983
+ } }, hAsync("ix-icon-button", { key: '3d6a8b606b790e4a0401de198dd7f96536cff5a9', class: "title-icon", size: "24", icon: this.expanded
27759
27984
  ? this.isMobile || this.hideOnCollapse
27760
27985
  ? iconClose
27761
27986
  : this.expandIcon
27762
27987
  : this.minimizeIcon, iconColor: this.expanded && (this.isMobile || this.hideOnCollapse)
27763
27988
  ? 'color-soft-text'
27764
- : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: '5fd6b9619ce193b891fd98a9bee39aad31f3747d', class: {
27989
+ : undefined, variant: "subtle-tertiary", onClick: () => this.dispatchExpandedChangedEvent(), "aria-controls": `pane-${this.composition}`, "aria-label": this.ariaLabelCollapseCloseButton }), hAsync("div", { key: 'e7410bc38e5c387ac6b92d7805cd4b82a4e5517e', class: {
27765
27990
  'title-text': true,
27766
27991
  rotate: rotate,
27767
- } }, 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' })))));
27992
+ } }, 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' })))));
27768
27993
  }
27769
27994
  get hostElement() { return getElement(this); }
27770
27995
  static get watchers() { return {
@@ -28040,7 +28265,7 @@ class Panes {
28040
28265
  return pane ? pane.floating : false;
28041
28266
  }
28042
28267
  render() {
28043
- return (hAsync(Host, { key: '8750c0c2d53cce0c8996dc28e8ed328d0036142e' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28268
+ return (hAsync(Host, { key: 'f5825e5fd84ca1f96e9eb6d19c528107167b4e16' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28044
28269
  row: true,
28045
28270
  'padding-left': this.hasPadding('left'),
28046
28271
  'padding-right': this.hasPadding('right'),
@@ -28147,13 +28372,13 @@ class Pill {
28147
28372
  [this.outline ? 'borderColor' : 'backgroundColor']: this.background,
28148
28373
  };
28149
28374
  }
28150
- return (hAsync(Host, { key: '95aefc19a906deedb01249939024ad937f82f212', style: this.variant === 'custom'
28375
+ return (hAsync(Host, { key: 'aa669a2d03f9fc237cc40003d5a28718a403b764', style: this.variant === 'custom'
28151
28376
  ? {
28152
28377
  '--ix-icon-button-color': this.pillColor,
28153
28378
  }
28154
28379
  : {}, class: {
28155
28380
  'align-left': this.alignLeft,
28156
- } }, hAsync("div", { key: '2e056a3b7a048b087ea1cd7cfbfed90a899cb5b1', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
28381
+ } }, hAsync("div", { key: '0e15da18791505629957df85918d7752cfa62662', ref: this.containerElementRef, style: Object.assign({}, customStyle), class: {
28157
28382
  container: true,
28158
28383
  outline: this.outline,
28159
28384
  inactive: false,
@@ -28168,9 +28393,9 @@ class Pill {
28168
28393
  closable: false,
28169
28394
  icon: !!this.icon,
28170
28395
  'with-gap': !this.iconOnly,
28171
- } }, this.icon && (hAsync("ix-icon", { key: '7ad101403100e938791c5f6c8c1ea5df7bc9097f', class: {
28396
+ } }, this.icon && (hAsync("ix-icon", { key: '49abe1808017f85a25fb2d8abd24db421f43f762', class: {
28172
28397
  'with-icon': true,
28173
- }, 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()));
28398
+ }, 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()));
28174
28399
  }
28175
28400
  get hostElement() { return getElement(this); }
28176
28401
  static get style() { return pillCss; }
@@ -28328,17 +28553,17 @@ class ProgressIndicator {
28328
28553
  render() {
28329
28554
  const normalizedValue = ((this.value - this.min) / (this.max - this.min)) * 100;
28330
28555
  const clampedValue = Math.max(0, Math.min(normalizedValue, 100));
28331
- return (hAsync(Host, { key: '640d68ad2e2fd3f61c60c91ea2b18725334a939f', class: {
28556
+ return (hAsync(Host, { key: '55cecc574b40c14bd8a4ba7a4d1f0e1d8d73f07b', class: {
28332
28557
  linear: this.type === 'linear',
28333
28558
  circular: this.type === 'circular',
28334
- }, tabIndex: -1 }, hAsync("div", { key: 'c9cbf3913838d5ea0d9f89dc46680d86690a3382', class: {
28559
+ }, tabIndex: -1 }, hAsync("div", { key: '3db1f913e4c4793106d7865b52ef4dcb07889188', class: {
28335
28560
  'progress-indicator': true,
28336
28561
  [this.size]: true,
28337
28562
  [this.status]: true,
28338
28563
  ['text-center']: this.textAlignment === 'center',
28339
28564
  ['text-left']: this.textAlignment === 'left',
28340
28565
  ['text-right']: this.textAlignment === 'right',
28341
- } }, 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()))));
28566
+ } }, 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()))));
28342
28567
  }
28343
28568
  get hostElement() { return getElement(this); }
28344
28569
  static get style() { return progressIndicatorCss; }
@@ -28379,7 +28604,7 @@ class PushCard {
28379
28604
  }
28380
28605
  render() {
28381
28606
  var _a;
28382
- 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' })))));
28607
+ 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' })))));
28383
28608
  }
28384
28609
  static get style() { return pushCardCss; }
28385
28610
  static get cmpMeta() { return {
@@ -28515,17 +28740,17 @@ class Radio {
28515
28740
  if (this.disabled) {
28516
28741
  tabIndex = -1;
28517
28742
  }
28518
- return (hAsync(Host, { key: 'f2af88d1133c45be1101d9148f8e00f5428be7a6', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
28743
+ return (hAsync(Host, { key: '0a08dcbeaaf21bb9063ff44dbb9b7fec0bd18b85', "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), role: "radio", tabindex: tabIndex, class: {
28519
28744
  disabled: this.disabled,
28520
28745
  checked: this.checked,
28521
28746
  }, onClick: () => {
28522
28747
  if (this.disabled)
28523
28748
  return;
28524
28749
  this.setCheckedState(true);
28525
- }, 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: {
28750
+ }, 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: {
28526
28751
  ['radio-checkmark']: true,
28527
28752
  checked: this.checked,
28528
- } }, 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' }))))));
28753
+ } }, 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' }))))));
28529
28754
  }
28530
28755
  static get formAssociated() { return true; }
28531
28756
  get hostElement() { return getElement(this); }
@@ -28696,10 +28921,10 @@ class RadiobuttonGroup {
28696
28921
  nextRadio.focus();
28697
28922
  }
28698
28923
  render() {
28699
- 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: {
28924
+ 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: {
28700
28925
  'checkbox-container': true,
28701
28926
  'row-layout': this.direction === 'row',
28702
- } }, hAsync("slot", { key: '231e640d7a46d5428b0c8a852c41fe08bbfdbe09' })))));
28927
+ } }, hAsync("slot", { key: '325b19034d55cc20cd556a24585d05ce32f22bb6' })))));
28703
28928
  }
28704
28929
  get hostElement() { return getElement(this); }
28705
28930
  static get watchers() { return {
@@ -28746,7 +28971,7 @@ class Row {
28746
28971
  registerInstance(this, hostRef);
28747
28972
  }
28748
28973
  render() {
28749
- return (hAsync(Host, { key: 'e52017d7fe80956a0d68089decc17c4f8f5de360' }, hAsync("slot", { key: '21a9f020f3afa15594ae029dd50643126303697c' })));
28974
+ return (hAsync(Host, { key: 'ff07b78a26aaca76105d0cf296807512620aa6e6' }, hAsync("slot", { key: '46cf7e7f85f4a44831b6482df9a9b667519082f0' })));
28750
28975
  }
28751
28976
  static get style() { return rowCss; }
28752
28977
  static get cmpMeta() { return {
@@ -28800,6 +29025,13 @@ class Select {
28800
29025
  * A Boolean attribute indicating that an option with a non-empty string value must be selected
28801
29026
  */
28802
29027
  this.required = false;
29028
+ /**
29029
+ * ARIA label for the chevron down icon button
29030
+ * Will be set as aria-label on the nested HTML button element
29031
+ *
29032
+ * @since 3.2.0
29033
+ */
29034
+ this.ariaLabelChevronDownIconButton = 'Open select dropdown';
28803
29035
  /**
28804
29036
  * Current selected value.
28805
29037
  * This corresponds to the value property of ix-select-items
@@ -28841,10 +29073,18 @@ class Select {
28841
29073
  * Information inside of dropdown if no items where found with current filter text
28842
29074
  */
28843
29075
  this.i18nNoMatches = 'No matches';
29076
+ /**
29077
+ * Chip label for all selected items in multiple mode.
29078
+ */
29079
+ this.i18nAllSelected = 'All';
28844
29080
  /**
28845
29081
  * Hide list header
28846
29082
  */
28847
29083
  this.hideListHeader = false;
29084
+ /**
29085
+ * Show "all" chip when all items are selected in multiple mode
29086
+ */
29087
+ this.collapseMultipleSelection = false;
28848
29088
  this.dropdownShow = false;
28849
29089
  this.selectedLabels = [];
28850
29090
  this.isDropdownEmpty = false;
@@ -28966,6 +29206,14 @@ class Select {
28966
29206
  return;
28967
29207
  }
28968
29208
  this.updateSelection();
29209
+ if (this.isMultipleMode && this.inputFilterText) {
29210
+ this.clearInput();
29211
+ this.removeHiddenFromItems();
29212
+ if (this.arrowFocusController) {
29213
+ this.arrowFocusController.items = this.visibleNonShadowItems;
29214
+ }
29215
+ this.navigationItem = undefined;
29216
+ }
28969
29217
  }
28970
29218
  emitAddItem(value) {
28971
29219
  var _a;
@@ -29284,6 +29532,24 @@ class Select {
29284
29532
  this.editable &&
29285
29533
  this.inputFilterText);
29286
29534
  }
29535
+ shouldDisplayAllChip() {
29536
+ return (this.selectedItems.length === this.items.length &&
29537
+ this.collapseMultipleSelection);
29538
+ }
29539
+ renderAllChip() {
29540
+ return (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, ariaLabelCloseIconButton: this.i18nAllSelected, onCloseClick: (e) => {
29541
+ e.preventDefault();
29542
+ e.stopPropagation();
29543
+ this.clear();
29544
+ } }, `${this.i18nAllSelected} (${this.selectedItems.length})`));
29545
+ }
29546
+ renderChip(item) {
29547
+ return (hAsync("ix-filter-chip", { disabled: this.disabled || this.readonly, key: item.value, onCloseClick: (e) => {
29548
+ e.preventDefault();
29549
+ e.stopPropagation();
29550
+ this.itemClick(item.value);
29551
+ } }, item.label));
29552
+ }
29287
29553
  onValidationChange({ isInvalid, isInvalidByRequired, isValid, isInfo, isWarning, }) {
29288
29554
  this.isInvalid = isInvalid || isInvalidByRequired;
29289
29555
  this.isValid = isValid;
@@ -29323,9 +29589,9 @@ class Select {
29323
29589
  }
29324
29590
  render() {
29325
29591
  var _a, _b, _c, _d;
29326
- return (hAsync(Host, { key: '2113db5b5d04704c2bc60f2bb04c8886d9bc5f4c', "aria-disabled": a11yBoolean(this.disabled), class: {
29592
+ return (hAsync(Host, { key: '1610cc7dd06025b8dc05cd905eb1fad5574a64f8', "aria-disabled": a11yBoolean(this.disabled), class: {
29327
29593
  disabled: this.disabled,
29328
- } }, 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: {
29594
+ } }, 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: {
29329
29595
  select: true,
29330
29596
  disabled: this.disabled,
29331
29597
  readonly: this.readonly,
@@ -29333,13 +29599,11 @@ class Select {
29333
29599
  this.dropdownAnchorRef(ref);
29334
29600
  if (!this.editable)
29335
29601
  this.dropdownWrapperRef(ref);
29336
- } }, hAsync("div", { key: '4128e9c3bae2b348948606783b2d07d427e1e173', class: "input-container" }, hAsync("div", { key: 'b36ef6be27a9b23f11517e44551d902389fcba08', class: "chips" }, this.isMultipleMode
29337
- ? (_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) => {
29338
- e.preventDefault();
29339
- e.stopPropagation();
29340
- this.itemClick(item.value);
29341
- } }, item.label)))
29342
- : '', 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: {
29602
+ } }, hAsync("div", { key: '58d7051c6e884dc714643dcf974f7424b4581dfb', class: "input-container" }, hAsync("div", { key: 'be6fec6f27345d8033b9b56ca3760c953951b801', class: "chips" }, this.isMultipleMode &&
29603
+ this.items.length !== 0 &&
29604
+ (this.shouldDisplayAllChip()
29605
+ ? this.renderAllChip()
29606
+ : (_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: {
29343
29607
  'allow-clear': this.allowClear && !!((_b = this.selectedLabels) === null || _b === void 0 ? void 0 : _b.length),
29344
29608
  }, placeholder: this.placeholderValue(), value: (_c = this.inputValue) !== null && _c !== void 0 ? _c : '', ref: (ref) => {
29345
29609
  this.inputElement = ref;
@@ -29358,7 +29622,7 @@ class Select {
29358
29622
  : iconChevronDownSmall, variant: "subtle-tertiary", ref: (ref) => {
29359
29623
  if (this.editable)
29360
29624
  this.dropdownWrapperRef(ref);
29361
- }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '1c304ed548a2b2d30e39a53757fff6291417e680', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
29625
+ }, "aria-label": this.ariaLabelChevronDownIconButton }))))))), hAsync("ix-dropdown", { key: '4fcf2193ed3cc0faea0e5de7acab2835751c5583', ref: (ref) => (this.dropdownElement = ref), show: this.dropdownShow, closeBehavior: this.isMultipleMode ? 'outside' : 'both', class: {
29362
29626
  'display-none': this.disabled || this.readonly,
29363
29627
  }, anchor: this.dropdownAnchorRef.waitForCurrent(), trigger: this.dropdownWrapperRef.waitForCurrent(), onShowChanged: (e) => this.dropdownVisibilityChanged(e), placement: "bottom-start", overwriteDropdownStyle: async () => {
29364
29628
  var _a, _b;
@@ -29374,12 +29638,12 @@ class Select {
29374
29638
  styleOverwrites.maxWidth = `min(${this.dropdownMaxWidth}, 100%)`;
29375
29639
  }
29376
29640
  return styleOverwrites;
29377
- } }, hAsync("div", { key: 'f338a319e31998b5920812726cf92bbca06c85e1', class: {
29641
+ } }, hAsync("div", { key: '428a499947d6f345a83d075d1749831d6b1ab348', class: {
29378
29642
  'select-list-header': true,
29379
29643
  hidden: this.hideListHeader || this.isDropdownEmpty,
29380
- }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: 'd873c28ecd6dbb3343d7473e8318742d36ea3626', onSlotchange: () => {
29644
+ }, title: this.i18nSelectListHeader, onClick: (e) => e.preventDefault() }, this.i18nSelectListHeader), hAsync("slot", { key: '9bffa4284f53b45116dfff2f142fd2f4aea2032c', onSlotchange: () => {
29381
29645
  this.updateSelection();
29382
- } }), hAsync("div", { key: '91119d208ae834e7c6be27190472258db2d0aebb', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
29646
+ } }), hAsync("div", { key: 'a039c9fda5d61358d39ae9cdc08df2fc82b55fa7', ref: (ref) => (this.customItemsContainerElement = ref) }), this.isAddItemVisible() ? (hAsync("ix-dropdown-item", { "data-testid": "add-item", icon: iconPlus, class: {
29383
29647
  'add-item': true,
29384
29648
  }, label: this.inputFilterText, onItemClick: (e) => {
29385
29649
  e.preventDefault();
@@ -29421,9 +29685,11 @@ class Select {
29421
29685
  "i18nPlaceholderEditable": [1, "i18n-placeholder-editable"],
29422
29686
  "i18nSelectListHeader": [1, "i18n-select-list-header"],
29423
29687
  "i18nNoMatches": [1, "i18n-no-matches"],
29688
+ "i18nAllSelected": [1, "i18n-all-selected"],
29424
29689
  "hideListHeader": [4, "hide-list-header"],
29425
29690
  "dropdownWidth": [1, "dropdown-width"],
29426
29691
  "dropdownMaxWidth": [1, "dropdown-max-width"],
29692
+ "collapseMultipleSelection": [4, "collapse-multiple-selection"],
29427
29693
  "dropdownShow": [32],
29428
29694
  "selectedLabels": [32],
29429
29695
  "isDropdownEmpty": [32],
@@ -29532,7 +29798,7 @@ class SelectItem {
29532
29798
  }
29533
29799
  }
29534
29800
  render() {
29535
- return (hAsync(Host, { key: '6923626cd3ebf083ae105eb04e118fcd9a63ef84' }, hAsync("ix-dropdown-item", { key: '302c0852eb3a0f49c93e43c3919bbc517cad5d4a', class: {
29801
+ return (hAsync(Host, { key: '1602a154d8a1d9b4ee3d1755aea08df7a719cd37' }, hAsync("ix-dropdown-item", { key: 'd02799ffee6add3546eafe812785b4ba9532ba6b', class: {
29536
29802
  'select-item-checked': this.selected,
29537
29803
  }, checked: this.selected, label: this.label ? this.label : this.value, onItemClick: (e) => this.onItemClick(e) })));
29538
29804
  }
@@ -29708,12 +29974,12 @@ class Slider {
29708
29974
  traceStart = valueInPercentage;
29709
29975
  traceEnd = traceReferenceInPercentage;
29710
29976
  }
29711
- return (hAsync(Host, { key: '3605bc0c9a7f6a8977f6c084cad542f2a6e56551', class: {
29977
+ return (hAsync(Host, { key: '03faa36448299850133ed4e7c1dbfd5f7a28a91b', class: {
29712
29978
  disabled: this.disabled,
29713
29979
  error: !!this.error,
29714
- }, 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: {
29980
+ }, 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: {
29715
29981
  left: `calc(${valueInPercentage} * 100% - 8px)`,
29716
- } }), hAsync("div", { key: 'd91fbbc4ee62bfcb5a97649e847e63f3e73fdc75', class: "ticks" }, this.marker
29982
+ } }), hAsync("div", { key: '7daba2cb0cf28c3d4b130eeebedae72827109cea', class: "ticks" }, this.marker
29717
29983
  ? this.marker.map((markerValue) => {
29718
29984
  if (markerValue > this.max || markerValue < this.min) {
29719
29985
  return;
@@ -29726,7 +29992,7 @@ class Slider {
29726
29992
  '--tick-value': `${left}`,
29727
29993
  } }));
29728
29994
  })
29729
- : 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: {
29995
+ : 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: {
29730
29996
  '--value': `${valueInPercentage}`,
29731
29997
  '--trace-reference': `${traceReferenceInPercentage}`,
29732
29998
  '--trace-start': `${traceStart}`,
@@ -29740,9 +30006,9 @@ class Slider {
29740
30006
  this.showTooltip = true;
29741
30007
  }, onBlur: () => {
29742
30008
  this.showTooltip = false;
29743
- }, 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: {
30009
+ }, 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: {
29744
30010
  'hide-tooltip': !this.showTooltip,
29745
- }, 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));
30011
+ }, 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));
29746
30012
  }
29747
30013
  get hostElement() { return getElement(this); }
29748
30014
  static get watchers() { return {
@@ -29800,7 +30066,7 @@ class Spinner {
29800
30066
  this.hideTrack = false;
29801
30067
  }
29802
30068
  render() {
29803
- return (hAsync(Host, { key: '86266047755bc0504a1847643501b258d95e539e' }, hAsync("div", { key: '67ee37e028ea51310db343b1a220cc7587d52a3f', class: {
30069
+ return (hAsync(Host, { key: '6f99a58994e1eb03a05b6af195b843094ebea59b' }, hAsync("div", { key: '01ff7d8f23eb80440970086c8791471623cfe424', class: {
29804
30070
  primary: this.variant === 'primary',
29805
30071
  [this.size]: true,
29806
30072
  'hide-track': this.hideTrack,
@@ -29840,31 +30106,42 @@ class SplitButton {
29840
30106
  * Disabled
29841
30107
  */
29842
30108
  this.disabled = false;
30109
+ /**
30110
+ * Disables only the main button while keeping the dropdown trigger enabled
30111
+ *
30112
+ * @since 4.1.0
30113
+ */
30114
+ this.disableButton = false;
30115
+ /**
30116
+ * Disables only the dropdown trigger while keeping the main button enabled
30117
+ *
30118
+ * @since 4.1.0
30119
+ */
30120
+ this.disableDropdownButton = false;
29843
30121
  /**
29844
30122
  * Placement of the dropdown
29845
30123
  */
29846
30124
  this.placement = 'bottom-start';
29847
30125
  this.toggle = false;
30126
+ this.triggerElementRef = makeRef();
29848
30127
  }
29849
- linkTriggerRef() {
29850
- if (this.triggerElement && this.dropdownElement) {
29851
- this.dropdownElement.trigger = this.triggerElement;
29852
- }
30128
+ get isDisabledButton() {
30129
+ return this.disabled || this.disableButton;
29853
30130
  }
29854
- componentDidLoad() {
29855
- this.linkTriggerRef();
30131
+ get isDisabledIcon() {
30132
+ return this.disabled || this.disableDropdownButton;
29856
30133
  }
29857
30134
  render() {
29858
30135
  var _a;
29859
30136
  const hasOutline = this.variant.toLocaleLowerCase().includes('secondary');
29860
- const buttonAttributes = {
30137
+ const baseAttributes = {
29861
30138
  variant: this.variant,
29862
- disabled: this.disabled,
29863
- class: {
29864
- 'left-button-border': !hasOutline,
29865
- },
29866
30139
  };
29867
- 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' }))));
30140
+ const buttonAttributes = Object.assign(Object.assign({}, baseAttributes), { disabled: this.isDisabledButton, class: {
30141
+ 'left-button-border': !hasOutline,
30142
+ } });
30143
+ const dropdownButtonAttributes = Object.assign(Object.assign({}, baseAttributes), { disabled: this.isDisabledIcon });
30144
+ 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' }))));
29868
30145
  }
29869
30146
  get hostElement() { return getElement(this); }
29870
30147
  static get style() { return splitButtonCss; }
@@ -29880,6 +30157,8 @@ class SplitButton {
29880
30157
  "splitIcon": [1, "split-icon"],
29881
30158
  "ariaLabelSplitIconButton": [1, "aria-label-split-icon-button"],
29882
30159
  "disabled": [4],
30160
+ "disableButton": [4, "disable-button"],
30161
+ "disableDropdownButton": [4, "disable-dropdown-button"],
29883
30162
  "placement": [1],
29884
30163
  "toggle": [32]
29885
30164
  },
@@ -29937,7 +30216,7 @@ class TabItem {
29937
30216
  };
29938
30217
  }
29939
30218
  render() {
29940
- return (hAsync(Host, { key: 'ca813ba38f31983dd69981c9799234540adc06b6', class: this.tabItemClasses({
30219
+ return (hAsync(Host, { key: 'f703b9ed1db79ae154acd43425ac44993a13e99e', class: this.tabItemClasses({
29941
30220
  selected: this.selected,
29942
30221
  disabled: this.disabled,
29943
30222
  small: this.small,
@@ -29954,12 +30233,12 @@ class TabItem {
29954
30233
  if (clientEvent.defaultPrevented) {
29955
30234
  event.stopPropagation();
29956
30235
  }
29957
- } }, hAsync("div", { key: '1324e6c9a56f71edb2207fbd1b20a0821acfbc72', class: {
30236
+ } }, hAsync("div", { key: '5d9f5fa0c5a9c2f057ff8e3e960a5b15499ec84b', class: {
29958
30237
  circle: this.rounded,
29959
30238
  text: !this.rounded,
29960
30239
  selected: this.selected,
29961
30240
  disabled: this.disabled,
29962
- } }, hAsync("slot", { key: '48ef3f4346ade8fddc241f0ea1cc75313cd6c1fc' })), hAsync("div", { key: '64e1d21f14c2cddb13b49d823f5989743fb4d2fb', class: {
30241
+ } }, hAsync("slot", { key: 'd0c87e92e0ad1a4664024b7d79900e8bb36a6ba6' })), hAsync("div", { key: '1812905c3f08a70565e1aea166fa372a07344a76', class: {
29963
30242
  counter: true,
29964
30243
  selected: this.selected,
29965
30244
  hidden: !(this.rounded && this.counter !== undefined),
@@ -30245,13 +30524,13 @@ class Tabs {
30245
30524
  });
30246
30525
  }
30247
30526
  render() {
30248
- 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: {
30527
+ 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: {
30249
30528
  'tab-items': true,
30250
30529
  'overflow-shadow': true,
30251
30530
  'shadow-left': this.showArrowPrevious,
30252
30531
  'shadow-right': this.showArrowNext,
30253
30532
  'shadow-both': this.showArrowNext && this.showArrowPrevious,
30254
- } }, 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 })))));
30533
+ } }, 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 })))));
30255
30534
  }
30256
30535
  get hostElement() { return getElement(this); }
30257
30536
  static get watchers() { return {
@@ -30430,10 +30709,10 @@ class Textarea {
30430
30709
  }
30431
30710
  render() {
30432
30711
  var _a;
30433
- return (hAsync(Host, { key: '886249f3b150fd8d45ef69d6e9e91ade0213aa10', class: {
30712
+ return (hAsync(Host, { key: '50700f0fe24415eff151875bc3dc2a5d53a8f879', class: {
30434
30713
  disabled: this.disabled,
30435
30714
  readonly: this.readonly,
30436
- } }, 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: () => {
30715
+ } }, 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: () => {
30437
30716
  onInputBlur(this, this.textAreaRef.current);
30438
30717
  this.touched = true;
30439
30718
  } })))));
@@ -30509,17 +30788,17 @@ class Tile {
30509
30788
  this.hasFooterSlot = !!this.hostElement.querySelector('[slot="footer"]');
30510
30789
  }
30511
30790
  render() {
30512
- return (hAsync(Host, { key: 'ac3f0fca5c25f7bb7224ef248cca4ee6e6294d85', class: {
30791
+ return (hAsync(Host, { key: 'f5c50da791dcbdfeb884d33071b6d557360c1a60', class: {
30513
30792
  'tile-small': this.size === 'small',
30514
30793
  'tile-medium': this.size === 'medium',
30515
30794
  'tile-big': this.size === 'big',
30516
- } }, hAsync("div", { key: 'c1d65c385b98420f4bdd6d742058200b14634c7b', class: {
30795
+ } }, hAsync("div", { key: '651e393dbd8f7f7cd55373c3bdadc195dfc88cbd', class: {
30517
30796
  'tile-header': true,
30518
30797
  'has-content': this.hasHeaderSlot,
30519
- } }, 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: {
30798
+ } }, 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: {
30520
30799
  'tile-footer': true,
30521
30800
  'has-content': this.hasFooterSlot,
30522
- } }, hAsync("slot", { key: '740503c075e46accb41952baf68f1e1b41dea0fd', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
30801
+ } }, hAsync("slot", { key: 'd63334865e6a32a6bb082939b44f3bf0b041b93a', name: "footer", onSlotchange: () => this.handleFooterSlotChange() }))));
30523
30802
  }
30524
30803
  get hostElement() { return getElement(this); }
30525
30804
  static get style() { return tileCss; }
@@ -30641,12 +30920,21 @@ class TimeInput {
30641
30920
  */
30642
30921
  // eslint-disable-next-line @stencil-community/decorators-style
30643
30922
  this.i18nMillisecondColumnHeader = 'ms';
30923
+ /**
30924
+ * If false, pressing Enter will submit the form (if inside a form).
30925
+ * Set to true to suppress submit on Enter.
30926
+ */
30927
+ this.suppressSubmitOnEnter = false;
30644
30928
  /**
30645
30929
  * Hides the header of the picker.
30646
30930
  *
30647
30931
  * @since 4.0.0
30648
30932
  */
30649
30933
  this.hideHeader = false;
30934
+ /**
30935
+ * 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.
30936
+ */
30937
+ this.textAlignment = 'start';
30650
30938
  this.show = false;
30651
30939
  this.time = null;
30652
30940
  this.isInputInvalid = false;
@@ -30665,6 +30953,9 @@ class TimeInput {
30665
30953
  watchValuePropHandler(newValue) {
30666
30954
  this.onInput(newValue);
30667
30955
  }
30956
+ handleInputKeyDown(event) {
30957
+ handleSubmitOnEnterKeydown(event, this.suppressSubmitOnEnter, this.formInternals.form);
30958
+ }
30668
30959
  updateFormInternalValue(value) {
30669
30960
  this.formInternals.setFormValue(value);
30670
30961
  this.value = value;
@@ -30749,6 +31040,8 @@ class TimeInput {
30749
31040
  renderInput() {
30750
31041
  return (hAsync("div", { class: "input-wrapper" }, hAsync(SlotStart, { slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), hAsync("input", { autoComplete: "off", class: {
30751
31042
  'is-invalid': this.isInputInvalid,
31043
+ }, style: {
31044
+ textAlign: this.textAlignment,
30752
31045
  }, 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) => {
30753
31046
  const target = event.target;
30754
31047
  this.onInput(target.value);
@@ -30763,7 +31056,7 @@ class TimeInput {
30763
31056
  }, onBlur: () => {
30764
31057
  this.ixBlur.emit();
30765
31058
  this.touched = true;
30766
- } }), 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 }))));
31059
+ }, 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 }))));
30767
31060
  }
30768
31061
  hookValidationLifecycle({ isInfo, isInvalid, isInvalidByRequired, isValid, isWarning, }) {
30769
31062
  this.isInvalid = isInvalid || isInvalidByRequired || this.isInputInvalid;
@@ -30806,12 +31099,12 @@ class TimeInput {
30806
31099
  const invalidText = this.isInputInvalid
30807
31100
  ? this.i18nErrorTimeUnparsable
30808
31101
  : this.invalidText;
30809
- return (hAsync(Host, { key: 'fd4ac50dc1213ff02881edc38ca0afa14945c5fd', class: {
31102
+ return (hAsync(Host, { key: '2d781932da61679d4e51c81f43078daed57c74bd', class: {
30810
31103
  disabled: this.disabled,
30811
31104
  readonly: this.readonly,
30812
- } }, 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) => {
31105
+ } }, 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) => {
30813
31106
  this.show = event.detail;
30814
- } }, 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) => {
31107
+ } }, 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) => {
30815
31108
  this.onInput(event.detail);
30816
31109
  this.show = false;
30817
31110
  } }))));
@@ -30852,7 +31145,9 @@ class TimeInput {
30852
31145
  "i18nMinuteColumnHeader": [1, "i18n-minute-column-header"],
30853
31146
  "i18nSecondColumnHeader": [1, "i18n-second-column-header"],
30854
31147
  "i18nMillisecondColumnHeader": [1, "i18n-millisecond-column-header"],
31148
+ "suppressSubmitOnEnter": [516, "suppress-submit-on-enter"],
30855
31149
  "hideHeader": [4, "hide-header"],
31150
+ "textAlignment": [1, "text-alignment"],
30856
31151
  "show": [32],
30857
31152
  "time": [32],
30858
31153
  "isInputInvalid": [32],
@@ -30870,14 +31165,14 @@ class TimeInput {
30870
31165
  },
30871
31166
  "$listeners$": undefined,
30872
31167
  "$lazyBundleId$": "-",
30873
- "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"]]
31168
+ "$attrsToReflect$": [["name", "name"], ["placeholder", "placeholder"], ["value", "value"], ["invalidText", "invalid-text"], ["suppressSubmitOnEnter", "suppress-submit-on-enter"]]
30874
31169
  }; }
30875
31170
  }
30876
31171
  __decorate$2([
30877
31172
  HookValidationLifecycle()
30878
31173
  ], TimeInput.prototype, "hookValidationLifecycle", null);
30879
31174
 
30880
- 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}";
31175
+ 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}";
30881
31176
 
30882
31177
  /*
30883
31178
  * SPDX-FileCopyrightText: 2023 Siemens AG
@@ -30972,11 +31267,6 @@ class TimePicker {
30972
31267
  * @since 3.2.0
30973
31268
  */
30974
31269
  this.millisecondInterval = MILLISECOND_INTERVAL_DEFAULT;
30975
- /**
30976
- * Select time with format string
30977
- * Format has to match the `format` property.
30978
- */
30979
- this.time = DateTime.now().toFormat(this.format);
30980
31270
  /**
30981
31271
  * Text of the time confirm button
30982
31272
  */
@@ -31062,6 +31352,13 @@ class TimePicker {
31062
31352
  }
31063
31353
  this._time = timeFormat;
31064
31354
  }
31355
+ /**
31356
+ * Get default time value
31357
+ * @returns DateTime.now() for empty state (no selection)
31358
+ */
31359
+ getDefaultTime() {
31360
+ return DateTime.now();
31361
+ }
31065
31362
  /**
31066
31363
  * Get the current time based on the wanted format
31067
31364
  */
@@ -31079,11 +31376,18 @@ class TimePicker {
31079
31376
  this.initPicker();
31080
31377
  }
31081
31378
  initPicker() {
31082
- this._time = DateTime.fromFormat(this.time, this.format);
31083
- if (!this._time.isValid) {
31084
- console.error(`Invalid time format. The configured format does not match the format of the passed time. ${this._time.invalidReason}: ${this._time.invalidExplanation}`);
31085
- this._time = DateTime.now();
31379
+ let parsedTime;
31380
+ if (this.time) {
31381
+ parsedTime = DateTime.fromFormat(this.time, this.format);
31382
+ if (!parsedTime.isValid) {
31383
+ console.error(`Invalid time format. The configured format does not match the format of the passed time. ${parsedTime.invalidReason}: ${parsedTime.invalidExplanation}`);
31384
+ parsedTime = this.getDefaultTime();
31385
+ }
31086
31386
  }
31387
+ else {
31388
+ parsedTime = this.getDefaultTime();
31389
+ }
31390
+ this._time = parsedTime;
31087
31391
  this.setTimeRef();
31088
31392
  this.setTimePickerDescriptors();
31089
31393
  this.setInitialFocusedValueAndUnit();
@@ -31174,7 +31478,6 @@ class TimePicker {
31174
31478
  this.isUnitFocused = false;
31175
31479
  const focusedValue = Number(this.formattedTime[unit]);
31176
31480
  this.updateDescriptorFocusedValue(unit, focusedValue);
31177
- this.elementListScrollToTop(unit, focusedValue, 'smooth');
31178
31481
  }
31179
31482
  onUnitCellFocus(unit, value) {
31180
31483
  this.isUnitFocused = true;
@@ -31244,10 +31547,12 @@ class TimePicker {
31244
31547
  const dropdown = mutation.target;
31245
31548
  if (!dropdown.classList.contains('show')) {
31246
31549
  // keep picker in sync with input
31247
- const timeFormat = DateTime.fromFormat(this.time, this.format);
31248
- if (timeFormat.isValid) {
31249
- this._time = DateTime.fromFormat(this.time, this.format);
31250
- this.setInitialFocusedValueAndUnit();
31550
+ if (this.time) {
31551
+ const timeFormat = DateTime.fromFormat(this.time, this.format);
31552
+ if (timeFormat.isValid) {
31553
+ this._time = DateTime.fromFormat(this.time, this.format);
31554
+ this.setInitialFocusedValueAndUnit();
31555
+ }
31251
31556
  }
31252
31557
  continue;
31253
31558
  }
@@ -31280,7 +31585,6 @@ class TimePicker {
31280
31585
  };
31281
31586
  }
31282
31587
  timeUpdate(unit, value) {
31283
- var _a;
31284
31588
  let maxValue = DateTime.now().endOf('day').get(unit);
31285
31589
  if (unit === 'hour') {
31286
31590
  if (this.timeRef === 'PM') {
@@ -31299,18 +31603,21 @@ class TimePicker {
31299
31603
  else if (value < 0) {
31300
31604
  value = 0;
31301
31605
  }
31302
- this._time = (_a = this._time) === null || _a === void 0 ? void 0 : _a.set({
31606
+ if (!this._time) {
31607
+ this._time = DateTime.now().startOf('day');
31608
+ }
31609
+ this._time = this._time.set({
31303
31610
  [unit]: value,
31304
31611
  });
31305
31612
  return value;
31306
31613
  }
31307
31614
  changeTimeReference(newTimeRef) {
31308
- if (!this._time) {
31309
- return;
31310
- }
31311
31615
  if (this.timeRef === newTimeRef) {
31312
31616
  return;
31313
31617
  }
31618
+ if (!this._time) {
31619
+ this._time = DateTime.now().startOf('day');
31620
+ }
31314
31621
  this.timeRef = newTimeRef;
31315
31622
  const currentHour = this._time.hour;
31316
31623
  if (newTimeRef === 'PM' && currentHour < 12) {
@@ -31427,14 +31734,14 @@ class TimePicker {
31427
31734
  const elementListHeight = elementList.clientHeight;
31428
31735
  const elementContainerHeight = elementContainer.clientHeight;
31429
31736
  // Offset which is used to adjust the scroll position to account for margins, elements being hidden, etc.
31430
- let scrollPositionOffset = 15;
31737
+ let scrollPositionOffset = 11;
31431
31738
  if (this.hideHeader) {
31432
- // 74 --> height of the header container
31433
- scrollPositionOffset -= 74;
31739
+ // 56 + 1 --> height of the header container and separator
31740
+ scrollPositionOffset -= 57;
31434
31741
  }
31435
31742
  const scrollPosition = elementContainer.offsetTop -
31436
31743
  elementListHeight / 2 +
31437
- elementContainerHeight / 2 -
31744
+ elementContainerHeight -
31438
31745
  scrollPositionOffset;
31439
31746
  elementList.scrollTo({
31440
31747
  top: scrollPosition,
@@ -31476,22 +31783,31 @@ class TimePicker {
31476
31783
  return '-1';
31477
31784
  }
31478
31785
  render() {
31479
- 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: {
31480
- selected: this.isSelected(descriptor.unit, number),
31481
- 'element-container': true,
31482
- }, 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: {
31483
- 'column-seperator': true,
31786
+ 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) => {
31787
+ return (hAsync("button", { "data-element-container-id": `${descriptor.unit}-${number}`, class: {
31788
+ selected: this.isSelected(descriptor.unit, number),
31789
+ 'element-container': true,
31790
+ }, onMouseDown: (e) => {
31791
+ e.preventDefault();
31792
+ }, onClick: () => {
31793
+ this.select(descriptor.unit, number);
31794
+ }, 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)));
31795
+ }), hAsync("div", { class: "element-list-padding" }))), index !== this.timePickerDescriptors.length - 1 && (hAsync("div", { class: {
31796
+ 'column-separator': true,
31484
31797
  hidden: descriptor.hidden,
31485
- } }, this.getColumnSeparator(index))))))), hAsync("div", { key: '5104db29af7c71a6159f0e371f14d9b229927273', class: {
31798
+ } }, 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: {
31799
+ selected: this.timeRef === 'AM',
31800
+ 'element-container': true,
31801
+ }, onClick: () => this.changeTimeReference('AM'), tabindex: "0", "aria-label": "AM" }, "AM"), hAsync("button", { key: '2c7c518bb68ee8a1267ce6fb30ff7cb495ac783e', "data-am-pm-id": "PM", class: {
31802
+ selected: this.timeRef === 'PM',
31803
+ 'element-container': true,
31804
+ }, onClick: () => this.changeTimeReference('PM'), tabindex: "0", "aria-label": "PM" }, "PM")))))), hAsync("div", { key: 'ec8fcc0064bded7ebed521b9aa99c6b51cd97b0e', class: {
31486
31805
  footer: true,
31487
31806
  'footer--compact': this.timePickerDescriptors.length <= 2,
31488
- }, slot: "footer" }, this.timeRef && (hAsync("div", { key: '9324327df95c96cc8a9f2573d174e730fd96f68c', class: {
31489
- 'time-ref-buttons': true,
31490
- 'time-ref-buttons--datetime-picker-appearance': this.dateTimePickerAppearance,
31491
- } }, 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: () => {
31807
+ }, slot: "footer" }, hAsync("ix-button", { key: '76b47429595ed91fef0696509787f89b275bf682', class: "confirm-button", onClick: () => {
31492
31808
  var _a;
31493
31809
  this.timeSelect.emit((_a = this._time) === null || _a === void 0 ? void 0 : _a.toFormat(this.format));
31494
- } }, this.i18nConfirmTime))))));
31810
+ } }, this.i18nConfirmTime)))));
31495
31811
  }
31496
31812
  get hostElement() { return getElement(this); }
31497
31813
  static get watchers() { return {
@@ -31616,11 +31932,11 @@ class Toast {
31616
31932
  animationPlayState: this.touched || this.paused ? 'paused' : 'running',
31617
31933
  };
31618
31934
  progressBarClass.push('toast-progress-bar--animated');
31619
- return (hAsync(Host, { key: '40179af0218a8618fad55768771f13ac66ea7954', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'c896949bb6663f4b024e56088d21a81ed847426d', class: "toast-body", onPointerLeave: () => {
31935
+ return (hAsync(Host, { key: 'b006843e5552e82ed437b10ab31c5cdff7ec90a6', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '8d4c07604138e38235b3a2f042ce8550966df392', class: "toast-body", onPointerLeave: () => {
31620
31936
  this.touched = false;
31621
31937
  }, onPointerEnter: () => {
31622
31938
  this.touched = true;
31623
- } }, 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: () => {
31939
+ } }, 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: () => {
31624
31940
  this.close();
31625
31941
  }, onTransitionEnd: () => {
31626
31942
  if (this.progress === 0) {
@@ -31751,10 +32067,10 @@ class ToastContainer {
31751
32067
  };
31752
32068
  }
31753
32069
  render() {
31754
- return (hAsync(Host, { key: '5dcc558ac8be109aa4ec1ab0335169f968609ea8', class: {
32070
+ return (hAsync(Host, { key: 'ff09f24de84ceb7710a228f28dd82f1ca17ce83a', class: {
31755
32071
  'toast-container--bottom-right': this.position === 'bottom-right',
31756
32072
  'toast-container--top-right': this.position === 'top-right',
31757
- } }, hAsync("slot", { key: '21cb7b2bc6c08c3a807607a396a04d1417d64269' })));
32073
+ } }, hAsync("slot", { key: 'bfe056dedfac7cdc249034e746fc4f63caded036' })));
31758
32074
  }
31759
32075
  static get watchers() { return {
31760
32076
  "position": ["onPositionChange"]
@@ -31905,13 +32221,13 @@ class Toggle {
31905
32221
  if (this.indeterminate) {
31906
32222
  toggleText = this.textIndeterminate;
31907
32223
  }
31908
- return (hAsync(Host, { key: '464cf476a340aed436bdf1dbbc7819440a87a4e5', role: "switch", "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), class: {
32224
+ return (hAsync(Host, { key: '990e3533b6e155d261dcdcf3dd7e06e0dceb8072', role: "switch", "aria-checked": a11yBoolean(this.checked), "aria-disabled": a11yBoolean(this.disabled), class: {
31909
32225
  disabled: this.disabled,
31910
- }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '24ddd5cff2016155c3c46cc167962dcec2f40368', class: "wrapper" }, hAsync("button", { key: '5c385f921b92fb75219ce72c663dadf3549ab918', class: {
32226
+ }, onBlur: () => this.ixBlur.emit(), onFocus: () => (this.touched = true) }, hAsync("label", { key: '568b91b6c2ad362dc753518f97ca98b2c45a4130', class: "wrapper" }, hAsync("button", { key: 'dcbe522c2ccc95354cb982892eff554db86b4e8f', class: {
31911
32227
  switch: true,
31912
32228
  checked: this.checked,
31913
32229
  indeterminate: this.indeterminate,
31914
- }, 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)))));
32230
+ }, 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)))));
31915
32231
  }
31916
32232
  static get formAssociated() { return true; }
31917
32233
  get hostElement() { return getElement(this); }
@@ -32012,12 +32328,13 @@ class ToggleButton {
32012
32328
  }; }
32013
32329
  }
32014
32330
 
32015
- 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)}";
32331
+ 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)}";
32016
32332
 
32333
+ const ARROW_OFFSET = -6;
32017
32334
  const numberToPixel = (value) => value !== null ? `${value}px` : '';
32018
32335
  let tooltipInstance = 0;
32019
32336
  /**
32020
- * @slot title-icon - Icon of tooltip title
32337
+ * @slot title-icon - Icon displayed next to the tooltip title. The icon will be displayed as 16x16px.
32021
32338
  * @slot title-content - Content of tooltip title
32022
32339
  */
32023
32340
  class Tooltip {
@@ -32096,16 +32413,16 @@ class Tooltip {
32096
32413
  left: 'unset',
32097
32414
  };
32098
32415
  if (placement.startsWith('top')) {
32099
- return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(y) });
32416
+ return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), bottom: numberToPixel(ARROW_OFFSET) });
32100
32417
  }
32101
32418
  if (placement.startsWith('right')) {
32102
- return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(-6), top: numberToPixel(y) });
32419
+ return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
32103
32420
  }
32104
32421
  if (placement.startsWith('bottom')) {
32105
- return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(-6) });
32422
+ return Object.assign(Object.assign({}, resetPosition), { left: numberToPixel(x), top: numberToPixel(ARROW_OFFSET) });
32106
32423
  }
32107
32424
  if (placement.startsWith('left')) {
32108
- return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(-6), top: numberToPixel(y) });
32425
+ return Object.assign(Object.assign({}, resetPosition), { right: numberToPixel(ARROW_OFFSET), top: numberToPixel(y) });
32109
32426
  }
32110
32427
  }
32111
32428
  async computeTooltipPosition(target, dialog) {
@@ -32327,8 +32644,17 @@ class Tooltip {
32327
32644
  (_c = this.disposeTooltipListener) === null || _c === void 0 ? void 0 : _c.call(this);
32328
32645
  (_d = this.disposeDomChangeListener) === null || _d === void 0 ? void 0 : _d.call(this);
32329
32646
  }
32647
+ handleTitleIconSlotChange(e) {
32648
+ const slot = e.target;
32649
+ const elements = getSlottedElements(slot);
32650
+ for (const element of elements) {
32651
+ if (element.tagName.toLowerCase() === 'ix-icon') {
32652
+ element.size = '16';
32653
+ }
32654
+ }
32655
+ }
32330
32656
  render() {
32331
- 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" }))))));
32657
+ 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" }))))));
32332
32658
  }
32333
32659
  get hostElement() { return getElement(this); }
32334
32660
  static get style() { return tooltipCss; }
@@ -32963,7 +33289,7 @@ class Tree {
32963
33289
  this.nodeClicked.emit(id);
32964
33290
  }
32965
33291
  render() {
32966
- return (hAsync(Host, { key: '1ef871a4ff980e0e231e1fb2544444d49318612c', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '00178bcb7596a1f28f24df7bda0bac88d7455b00' })));
33292
+ return (hAsync(Host, { key: 'ca0d582877d3b2877a1090cc0aeb40f38617cef9', onClick: (event) => this.onTreeItemClick(event) }, hAsync("slot", { key: '2d8f21165234243b6d2e2f7c99696fc7343d79f2' })));
32967
33293
  }
32968
33294
  get hostElement() { return getElement(this); }
32969
33295
  static get watchers() { return {
@@ -33002,17 +33328,17 @@ class TreeItem {
33002
33328
  }
33003
33329
  render() {
33004
33330
  var _a, _b;
33005
- return (hAsync(Host, { key: 'd7bab1c02de111458ef484818bcec12c940f1bc4', class: {
33331
+ return (hAsync(Host, { key: '52817f9eed914ee6b01b67848af3f7073f21d65c', class: {
33006
33332
  selected: !!((_a = this.context) === null || _a === void 0 ? void 0 : _a.isSelected),
33007
- } }, hAsync("div", { key: '43a86c7b782a881ee712d2950b6730fd3badebf9', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
33333
+ } }, hAsync("div", { key: '95b40939dac08653e875985a160e5aa45ebc353c', class: "icon-toggle-container" }, this.hasChildren ? (hAsync("ix-icon", { name: iconChevronRightSmall, size: "24", class: {
33008
33334
  ['icon-toggle-down']: !!((_b = this.context) === null || _b === void 0 ? void 0 : _b.isExpanded),
33009
33335
  }, color: "color-std-text", onClick: (e) => {
33010
33336
  e.preventDefault();
33011
33337
  e.stopPropagation();
33012
33338
  this.toggle.emit();
33013
- }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '6610018301d1bfd6dbb7fd493d6594eee0806cdc', class: "tree-node-container", onClick: () => {
33339
+ }, "aria-label": this.ariaLabelChevronIcon })) : null), hAsync("div", { key: '656eda787f5fbf263ced33629d3ebde110c3f917', class: "tree-node-container", onClick: () => {
33014
33340
  this.itemClick.emit();
33015
- } }, hAsync("div", { key: 'a2562f48d1d4b7ce344f2acf86b5fbef40a60162', class: "tree-node-text" }, this.text), hAsync("slot", { key: '8a4ebfa60dabd232b826e782ca5921e995efefa9' }))));
33341
+ } }, hAsync("div", { key: 'eba55e54bf655fc0c3d0aacbfc3cb7e49fcb13f6', class: "tree-node-text" }, this.text), hAsync("slot", { key: '4747766e632c2bdf7865b25b8d2abf82405c57c8' }))));
33016
33342
  }
33017
33343
  static get style() { return treeItemCss; }
33018
33344
  static get cmpMeta() { return {
@@ -33210,7 +33536,7 @@ class Upload {
33210
33536
  render() {
33211
33537
  const disabled = this.disabled || this.state === UploadFileState.LOADING;
33212
33538
  const _a = this.a11y, { 'aria-label': ariaLabel = 'Upload files' } = _a, a11y = __rest(_a, ['aria-label']);
33213
- return (hAsync(Host, Object.assign({ key: 'f6688a85aea9e0d89501ad0228672c3d8e7d1510' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '34819f8df44d0f8e6a2a98023d4e76304b4cd39d', class: {
33539
+ return (hAsync(Host, Object.assign({ key: '8b8c68a23b429ca57854751c8a1c9358f78cbc9f' }, a11y, { "aria-disabled": disabled }), hAsync("div", { key: '1bb186087ab0d5c545a3f183ce3f6de033a837ad', class: {
33214
33540
  'file-upload-area': true,
33215
33541
  'file-over': this.state !== UploadFileState.LOADING && this.isFileOver,
33216
33542
  checking: this.state === UploadFileState.LOADING,
@@ -33220,9 +33546,9 @@ class Upload {
33220
33546
  if (this.state !== UploadFileState.LOADING) {
33221
33547
  this.fileDropped(e);
33222
33548
  }
33223
- }, 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) => {
33549
+ }, 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) => {
33224
33550
  this.fileChangeEvent(e);
33225
- }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '14adc816fc90016197a3112222e6752bdd115538', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
33551
+ }, accept: this.accept, disabled: disabled }), hAsync("ix-button", { key: '807022699c0ba9ac3d81557e88cf1ae498a36cca', variant: "secondary", "aria-disabled": disabled, onClick: () => this.inputElement.click(), disabled: disabled }, this.i18nUploadFile)))));
33226
33552
  }
33227
33553
  get hostElement() { return getElement(this); }
33228
33554
  static get style() { return uploadCss; }
@@ -33389,13 +33715,13 @@ class ValidationTooltip {
33389
33715
  }
33390
33716
  render() {
33391
33717
  var _a, _b, _c, _d;
33392
- return (hAsync(Host, { key: '804b1c0a4c819e6e454a61f70f19c112807c3f41' }, hAsync("slot", { key: 'e61d2a3b69a8454d0ce098519a2be0810c016535' }), hAsync("div", { key: 'e1b70a7dadf9c20adf6948e341af33f4b58e8f1b', role: "tooltip", style: {
33718
+ return (hAsync(Host, { key: '63087bd1548b2c8242a70367e9721dabe608b81b' }, hAsync("slot", { key: '9b3e52767724c1b6583e2137333bd2055a947de5' }), hAsync("div", { key: '37c0ff9d22dea19f3455ae33b2fdc7930f6577d0', role: "tooltip", style: {
33393
33719
  display: 'none',
33394
33720
  position: 'fixed',
33395
33721
  top: '0',
33396
33722
  left: '0',
33397
33723
  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)`,
33398
- }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: '88ffad7d29394f55e1718b1b7f05802797552d1a', name: "tooltip-message" }), hAsync("div", { key: '0de20e8724bee32fc6e8df066e0666e2a2f65801', id: "arrow" }))));
33724
+ }, class: "validation-tooltip text-default" }, this.message, hAsync("slot", { key: 'be776406798e859b60593bdb35ebc8e443c6e94c', name: "tooltip-message" }), hAsync("div", { key: '447ebc834dc096b3b60549092b0960d64b294a27', id: "arrow" }))));
33399
33725
  }
33400
33726
  get hostElement() { return getElement(this); }
33401
33727
  static get watchers() { return {
@@ -33524,18 +33850,18 @@ class WorkflowStep {
33524
33850
  }
33525
33851
  render() {
33526
33852
  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;
33527
- return (hAsync(Host, { key: 'ba277a277df82498b071d6b63e07177f33b39747', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: '254f15dc98882c3ccf425806ebcb798cf4ca2067', tabIndex: 0, class: {
33853
+ return (hAsync(Host, { key: '69060f0b0d9724d1a7e5d88d723454354a0ae179', class: { 'host-vertical': this.vertical }, onClick: () => this.onStepClick() }, hAsync("div", { key: 'e271713f7b57462155e967d2fd74bb911640c6b1', tabIndex: 0, class: {
33528
33854
  step: true,
33529
33855
  selected: this.selected,
33530
33856
  vertical: this.vertical,
33531
33857
  disabled: this.disabled,
33532
33858
  clickable: this.clickable && !this.disabled,
33533
- } }, hAsync("div", { key: '52277952fefb15636c4c769cae8b1b31681747b0', class: "wrapper" }, hAsync("div", { key: '172e5dbd849ff5f1c398b9dd2269a1a5289d7e13', class: {
33859
+ } }, hAsync("div", { key: '28fb3c2e870564f3cfa62a402ba75b62ef84d68f', class: "wrapper" }, hAsync("div", { key: '7178b44d0f6e20202c62e83af8e983392cf00ecd', class: {
33534
33860
  line: true,
33535
33861
  selected: this.selected,
33536
33862
  [this.status]: true,
33537
33863
  [this.position]: true,
33538
- } }), hAsync("div", { key: 'd14473e894db0490d0846b991bd11ea96d1d0940', class: "iconWrapper" }, icons, hAsync("slot", { key: 'fd034c7d06df4e52aa704e7032acc93afe1bb5fc', name: "custom-icon" }))), hAsync("div", { key: 'c4f2915aaa75d26fcfbbd9bf5786f2786da58b9c', class: "text" }, hAsync("slot", { key: '08b316f4c683aa9be7a5edac8b64977538683ba4' })))));
33864
+ } }), hAsync("div", { key: '8f10884a92e4f0685f20a10cb12cd19b39a7a2f9', class: "iconWrapper" }, icons, hAsync("slot", { key: '6e3d96ae17ce0b3b217edef59b1e3999a1d028d5', name: "custom-icon" }))), hAsync("div", { key: '80b1b2adc4f110d505e5fcb4263781b11b58ff49', class: "text" }, hAsync("slot", { key: '07f9b88ce66abffd1190940968ed20ae6cd5ec09' })))));
33539
33865
  }
33540
33866
  get hostElement() { return getElement(this); }
33541
33867
  static get watchers() { return {
@@ -33640,7 +33966,7 @@ class WorkflowSteps {
33640
33966
  this.updateSteps();
33641
33967
  }
33642
33968
  render() {
33643
- return (hAsync(Host, { key: 'ed6d9907f43ca79688b00201d2432287444f30e6' }, hAsync("div", { key: 'f116d280b59c16a79aa4867329f36035ca14d919', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '378f336873295a70620117d939d587b8ff407739' }))));
33969
+ return (hAsync(Host, { key: '05f04dea227019aa7f0e0a3b24cecb45ed80c452' }, hAsync("div", { key: '6423cddc50bc1928ae2f1f78d6b22c12dda49c9d', class: { steps: true, vertical: this.vertical } }, hAsync("slot", { key: '44ee3bca297914083a92a66ae3c496e05bd52b94' }))));
33644
33970
  }
33645
33971
  get hostElement() { return getElement(this); }
33646
33972
  static get style() { return workflowStepsCss; }