@siemens/ix 5.1.1 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (926) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/index.js +1 -1
  3. package/components/ix-action-card.js +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +1 -1
  6. package/components/ix-application.js +1 -1
  7. package/components/ix-avatar.js +1 -1
  8. package/components/ix-badge.d.ts +11 -0
  9. package/components/ix-badge.js +1 -0
  10. package/components/ix-blind.js +1 -1
  11. package/components/ix-breadcrumb-item.js +1 -1
  12. package/components/ix-breadcrumb.js +1 -1
  13. package/components/ix-button.js +1 -1
  14. package/components/ix-card-accordion.js +1 -1
  15. package/components/ix-card-content.js +1 -1
  16. package/components/ix-card-list.js +1 -1
  17. package/components/ix-card-title.js +1 -1
  18. package/components/ix-card.js +1 -1
  19. package/components/ix-category-filter.js +1 -1
  20. package/components/ix-chat-ai-message.d.ts +11 -0
  21. package/components/ix-chat-ai-message.js +1 -0
  22. package/components/ix-chat-attachment.d.ts +11 -0
  23. package/components/ix-chat-attachment.js +1 -0
  24. package/components/ix-chat-input.d.ts +11 -0
  25. package/components/ix-chat-input.js +1 -0
  26. package/components/ix-chat-user-message.d.ts +11 -0
  27. package/components/ix-chat-user-message.js +1 -0
  28. package/components/ix-chat.d.ts +11 -0
  29. package/components/ix-chat.js +1 -0
  30. package/components/ix-checkbox-group.js +1 -1
  31. package/components/ix-checkbox.js +1 -1
  32. package/components/ix-chip.js +1 -1
  33. package/components/ix-col.js +1 -1
  34. package/components/ix-content-header.js +1 -1
  35. package/components/ix-content.js +1 -1
  36. package/components/ix-css-grid-item.js +1 -1
  37. package/components/ix-css-grid.js +1 -1
  38. package/components/ix-custom-field.js +1 -1
  39. package/components/ix-date-dropdown.js +1 -1
  40. package/components/ix-date-input.js +1 -1
  41. package/components/ix-date-picker.js +1 -1
  42. package/components/ix-date-time-card.js +1 -1
  43. package/components/ix-datetime-input.js +1 -1
  44. package/components/ix-datetime-picker.js +1 -1
  45. package/components/ix-divider.js +1 -1
  46. package/components/ix-dropdown-button.js +1 -1
  47. package/components/ix-dropdown-header.js +1 -1
  48. package/components/ix-dropdown-item.js +1 -1
  49. package/components/ix-dropdown-quick-actions.js +1 -1
  50. package/components/ix-dropdown.js +1 -1
  51. package/components/ix-empty-state.js +1 -1
  52. package/components/ix-event-list-item.js +1 -1
  53. package/components/ix-event-list.js +1 -1
  54. package/components/ix-expanding-search.js +1 -1
  55. package/components/ix-field-label.js +1 -1
  56. package/components/ix-field-wrapper.js +1 -1
  57. package/components/ix-filter-chip.js +1 -1
  58. package/components/ix-flip-tile-content.js +1 -1
  59. package/components/ix-flip-tile.js +1 -1
  60. package/components/ix-group-context-menu.js +1 -1
  61. package/components/ix-group-item.js +1 -1
  62. package/components/ix-group.js +1 -1
  63. package/components/ix-helper-text.js +1 -1
  64. package/components/ix-icon-button.js +1 -1
  65. package/components/ix-icon-toggle-button.js +1 -1
  66. package/components/ix-input.js +1 -1
  67. package/components/ix-key-value-list.js +1 -1
  68. package/components/ix-key-value.js +1 -1
  69. package/components/ix-kpi.js +1 -1
  70. package/components/ix-layout-auto.js +1 -1
  71. package/components/ix-layout-grid.js +1 -1
  72. package/components/ix-link-button.js +1 -1
  73. package/components/ix-menu-about-item.js +1 -1
  74. package/components/ix-menu-about-news.js +1 -1
  75. package/components/ix-menu-about.js +1 -1
  76. package/components/ix-menu-avatar-item.js +1 -1
  77. package/components/ix-menu-avatar.js +1 -1
  78. package/components/ix-menu-category.js +1 -1
  79. package/components/ix-menu-expand-icon.js +1 -1
  80. package/components/ix-menu-item.js +1 -1
  81. package/components/ix-menu-settings-item.js +1 -1
  82. package/components/ix-menu-settings.js +1 -1
  83. package/components/ix-menu.js +1 -1
  84. package/components/ix-message-bar.js +1 -1
  85. package/components/ix-modal-content.js +1 -1
  86. package/components/ix-modal-footer.js +1 -1
  87. package/components/ix-modal-header.js +1 -1
  88. package/components/ix-modal-loading.js +1 -1
  89. package/components/ix-modal.js +1 -1
  90. package/components/ix-number-input.js +1 -1
  91. package/components/ix-pagination.js +1 -1
  92. package/components/ix-pane-layout.js +1 -1
  93. package/components/ix-pane.js +1 -1
  94. package/components/ix-pill.js +1 -1
  95. package/components/ix-popover-content.js +1 -1
  96. package/components/ix-popover-footer.js +1 -1
  97. package/components/ix-popover-header.js +1 -1
  98. package/components/ix-popover-image.js +1 -1
  99. package/components/ix-popover.js +1 -1
  100. package/components/ix-progress-indicator.js +1 -1
  101. package/components/ix-push-card.js +1 -1
  102. package/components/ix-radio-group.js +1 -1
  103. package/components/ix-radio.js +1 -1
  104. package/components/ix-range-field.js +1 -1
  105. package/components/ix-row.js +1 -1
  106. package/components/ix-select-item.js +1 -1
  107. package/components/ix-select.js +1 -1
  108. package/components/ix-slider.js +1 -1
  109. package/components/ix-spinner.js +1 -1
  110. package/components/ix-split-button.js +1 -1
  111. package/components/ix-tab-item.js +1 -1
  112. package/components/ix-tab-panel.js +1 -1
  113. package/components/ix-tab-set.js +1 -1
  114. package/components/ix-tabs.js +1 -1
  115. package/components/ix-textarea.js +1 -1
  116. package/components/ix-tile.js +1 -1
  117. package/components/ix-time-input.js +1 -1
  118. package/components/ix-time-picker.js +1 -1
  119. package/components/ix-toast-container.js +1 -1
  120. package/components/ix-toast.js +1 -1
  121. package/components/ix-toggle-button.js +1 -1
  122. package/components/ix-toggle.js +1 -1
  123. package/components/ix-tooltip.js +1 -1
  124. package/components/ix-tree-item.js +1 -1
  125. package/components/ix-tree.js +1 -1
  126. package/components/ix-typography.js +1 -1
  127. package/components/ix-upload.js +1 -1
  128. package/components/ix-workflow-step.js +1 -1
  129. package/components/ix-workflow-steps.js +1 -1
  130. package/components/p-4ZsT_zIm.js +1 -0
  131. package/components/p-B3ZUi0gM.js +1 -0
  132. package/components/p-BE708_H3.js +1 -0
  133. package/components/p-BF2IsI5j.js +1 -0
  134. package/components/p-BGpGr8Qv.js +1 -0
  135. package/components/{p-CuFZ7CXu.js → p-BHjmN8zz.js} +1 -1
  136. package/components/{p-CbbabcAR.js → p-BHtNsBtM.js} +1 -1
  137. package/components/p-BKCLcJ_A.js +1 -0
  138. package/components/p-BKVBe7Co.js +1 -0
  139. package/components/p-BOImZPcG.js +1 -0
  140. package/components/p-BTBxxgtF.js +1 -0
  141. package/components/p-BmZGQGZi.js +1 -0
  142. package/components/p-BpE93ty6.js +1 -0
  143. package/components/p-BqeSHO6C.js +1 -0
  144. package/components/p-C02EaF8C.js +1 -0
  145. package/components/{p-baqpOH0g.js → p-CAd-WgR8.js} +1 -1
  146. package/components/p-CFH9HkmQ.js +1 -0
  147. package/components/p-CGGWaScq.js +1 -0
  148. package/components/{p-Czy7a3I4.js → p-CHJbp28K.js} +1 -1
  149. package/components/p-CRbQNmxe.js +1 -0
  150. package/components/p-CYgC-XN6.js +1 -0
  151. package/components/{p-GGleop6j.js → p-C_K74Xlt.js} +1 -1
  152. package/components/p-CiP3eKpd.js +1 -0
  153. package/components/p-CqWfy46u.js +1 -0
  154. package/components/p-Ctb1EExj.js +1 -0
  155. package/components/p-Cxwq4WaV.js +1 -0
  156. package/components/p-D5-dW4IM.js +1 -0
  157. package/components/p-D6O-bCyA.js +1 -0
  158. package/components/{p-BBCsPlPH.js → p-D7qfGAJ7.js} +1 -1
  159. package/components/p-DB-zpRCO.js +1 -0
  160. package/components/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
  161. package/components/p-DIq_C5Sa.js +1 -0
  162. package/components/p-DKU5FVxI.js +1 -0
  163. package/components/{p-BZgc6bzH.js → p-DLgZfUmI.js} +1 -1
  164. package/components/{p-DtmgZu-S.js → p-DWOjSq8j.js} +1 -1
  165. package/components/p-DXmwthlZ.js +1 -0
  166. package/components/p-D_VBAyPm.js +1 -0
  167. package/components/p-DcOoa9vE.js +1 -0
  168. package/components/p-DiYkfhDE.js +1 -0
  169. package/components/p-DpvAVNqZ.js +1 -0
  170. package/components/p-DsVj4Cd-.js +1 -0
  171. package/components/{p-BRoFUwzJ.js → p-DyC90hvu.js} +1 -1
  172. package/components/p-DzDB4UBp.js +1 -0
  173. package/components/p-QnnFQ3fz.js +1 -0
  174. package/components/p-R5tYZVVd.js +1 -0
  175. package/components/p-WX1HYV2-.js +1 -0
  176. package/components/{p-1KOHyx-1.js → p-YFmbQndr.js} +1 -1
  177. package/components/{p-CUvmGsh_.js → p-_irxfS9S.js} +1 -1
  178. package/components/{p-CtDOTMOT.js → p-eN5fQtqO.js} +1 -1
  179. package/components/p-ePylRxs_.js +1 -0
  180. package/components/p-n2_EOgMr.js +1 -0
  181. package/components/p-q_MHsaAK.js +1 -0
  182. package/components/p-tpMN9yTQ.js +1 -0
  183. package/components/p-v9vlPlkd.js +1 -0
  184. package/components/p-viP8I2_s.js +1 -0
  185. package/dist/cjs/{a11y-_XjpTo2w.js → a11y--G19CFwe.js} +1 -0
  186. package/dist/cjs/{animation-hxDbANsw.js → animation-BIfSQAkX.js} +8 -12
  187. package/dist/cjs/{base-button-BP6iIMR7.js → base-button-DIhNZecD.js} +1 -1
  188. package/dist/cjs/{base-icon-button-BmiGQb9v.js → base-icon-button-DASKxRmK.js} +1 -1
  189. package/dist/cjs/chip.types-BD73fAij.js +22 -0
  190. package/dist/cjs/{focus-visible.mixin-1V7Eldn_.js → focus-visible.mixin-GrZAmMez.js} +1 -1
  191. package/dist/cjs/{helper-text-util-BkHm7ofh.js → helper-text-util-EAfzAOH6.js} +2 -2
  192. package/dist/cjs/{index-CwJ-mkQd.js → index-BQht1mLe.js} +20 -0
  193. package/dist/cjs/index-DnclGKUw.js +28 -4
  194. package/dist/cjs/index.cjs.js +2 -2
  195. package/dist/cjs/inherit-aria-attributes.mixin-DZ_vNjkJ.js +306 -0
  196. package/dist/cjs/{input.fc-DM-hX3xb.js → input.fc-ellguRiE.js} +9 -4
  197. package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
  198. package/dist/cjs/ix-application-header.cjs.entry.js +3 -3
  199. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
  200. package/dist/cjs/ix-application.cjs.entry.js +1 -1
  201. package/dist/cjs/ix-avatar_2.cjs.entry.js +5 -5
  202. package/dist/cjs/ix-badge.cjs.entry.js +565 -0
  203. package/dist/cjs/ix-blind.cjs.entry.js +15 -9
  204. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +5 -158
  205. package/dist/cjs/ix-breadcrumb.cjs.entry.js +5 -5
  206. package/dist/cjs/ix-button.cjs.entry.js +4 -157
  207. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +10 -7
  208. package/dist/cjs/ix-card-list.cjs.entry.js +63 -10
  209. package/dist/cjs/ix-card_2.cjs.entry.js +5 -5
  210. package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
  211. package/dist/cjs/ix-chat-ai-message.cjs.entry.js +35 -0
  212. package/dist/cjs/ix-chat-attachment.cjs.entry.js +110 -0
  213. package/dist/cjs/ix-chat-input.cjs.entry.js +406 -0
  214. package/dist/cjs/ix-chat-user-message.cjs.entry.js +66 -0
  215. package/dist/cjs/ix-chat.cjs.entry.js +28 -0
  216. package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
  217. package/dist/cjs/ix-checkbox.cjs.entry.js +6 -6
  218. package/dist/cjs/ix-chip.cjs.entry.js +12 -186
  219. package/dist/cjs/ix-col_4.cjs.entry.js +12 -12
  220. package/dist/cjs/ix-content-header.cjs.entry.js +4 -4
  221. package/dist/cjs/ix-content.cjs.entry.js +4 -4
  222. package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
  223. package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
  224. package/dist/cjs/ix-custom-field.cjs.entry.js +2 -2
  225. package/dist/cjs/ix-date-dropdown.cjs.entry.js +9 -9
  226. package/dist/cjs/ix-date-input.cjs.entry.js +9 -9
  227. package/dist/cjs/ix-date-picker.cjs.entry.js +17 -13
  228. package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
  229. package/dist/cjs/ix-datetime-input.cjs.entry.js +9 -9
  230. package/dist/cjs/ix-datetime-picker.cjs.entry.js +4 -4
  231. package/dist/cjs/ix-divider.cjs.entry.js +1 -1
  232. package/dist/cjs/ix-dropdown-button.cjs.entry.js +11 -8
  233. package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
  234. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
  235. package/dist/cjs/ix-dropdown_2.cjs.entry.js +19 -13
  236. package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
  237. package/dist/cjs/ix-event-list-item.cjs.entry.js +7 -7
  238. package/dist/cjs/ix-event-list.cjs.entry.js +11 -4
  239. package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
  240. package/dist/cjs/ix-field-label_2.cjs.entry.js +8 -8
  241. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +8 -8
  242. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
  243. package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
  244. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +3 -3
  245. package/dist/cjs/ix-group.cjs.entry.js +10 -10
  246. package/dist/cjs/ix-helper-text.cjs.entry.js +5 -5
  247. package/dist/cjs/ix-icon-button_2.cjs.entry.js +9 -164
  248. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +7 -162
  249. package/dist/cjs/ix-input.cjs.entry.js +10 -10
  250. package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
  251. package/dist/cjs/ix-key-value.cjs.entry.js +1 -1
  252. package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
  253. package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
  254. package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
  255. package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
  256. package/dist/cjs/ix-menu-about-news.cjs.entry.js +6 -6
  257. package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
  258. package/dist/cjs/ix-menu-avatar.cjs.entry.js +5 -5
  259. package/dist/cjs/ix-menu-category.cjs.entry.js +31 -170
  260. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +5 -5
  261. package/dist/cjs/ix-menu-item.cjs.entry.js +12 -161
  262. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
  263. package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
  264. package/dist/cjs/ix-menu.cjs.entry.js +42 -20
  265. package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
  266. package/dist/cjs/ix-modal-content_2.cjs.entry.js +6 -6
  267. package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
  268. package/dist/cjs/ix-modal-loading.cjs.entry.js +1 -1
  269. package/dist/cjs/ix-modal.cjs.entry.js +15 -8
  270. package/dist/cjs/ix-number-input.cjs.entry.js +19 -16
  271. package/dist/cjs/ix-pagination.cjs.entry.js +6 -6
  272. package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
  273. package/dist/cjs/ix-pane.cjs.entry.js +11 -11
  274. package/dist/cjs/ix-pill_4.cjs.entry.js +27 -175
  275. package/dist/cjs/ix-popover-content.cjs.entry.js +2 -2
  276. package/dist/cjs/ix-popover-footer.cjs.entry.js +2 -2
  277. package/dist/cjs/ix-popover-header.cjs.entry.js +4 -4
  278. package/dist/cjs/ix-popover-image.cjs.entry.js +1 -1
  279. package/dist/cjs/ix-popover.cjs.entry.js +5 -156
  280. package/dist/cjs/ix-progress-indicator.cjs.entry.js +4 -4
  281. package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
  282. package/dist/cjs/ix-radio-group.cjs.entry.js +3 -3
  283. package/dist/cjs/ix-radio.cjs.entry.js +6 -6
  284. package/dist/cjs/ix-range-field.cjs.entry.js +4 -4
  285. package/dist/cjs/ix-select.cjs.entry.js +14 -14
  286. package/dist/cjs/ix-slider.cjs.entry.js +9 -9
  287. package/dist/cjs/ix-split-button.cjs.entry.js +3 -3
  288. package/dist/cjs/ix-tab-panel.cjs.entry.js +2 -2
  289. package/dist/cjs/ix-textarea.cjs.entry.js +7 -7
  290. package/dist/cjs/ix-tile.cjs.entry.js +5 -5
  291. package/dist/cjs/ix-time-input.cjs.entry.js +9 -9
  292. package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
  293. package/dist/cjs/ix-toast.cjs.entry.js +4 -4
  294. package/dist/cjs/ix-toggle-button.cjs.entry.js +4 -159
  295. package/dist/cjs/ix-toggle.cjs.entry.js +7 -160
  296. package/dist/cjs/ix-tooltip.cjs.entry.js +6 -2
  297. package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
  298. package/dist/cjs/ix-tree.cjs.entry.js +2 -1
  299. package/dist/cjs/ix-typography.cjs.entry.js +2 -2
  300. package/dist/cjs/ix-upload.cjs.entry.js +6 -6
  301. package/dist/cjs/ix-workflow-step.cjs.entry.js +12 -6
  302. package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
  303. package/dist/cjs/loader.cjs.js +1 -1
  304. package/dist/cjs/siemens-ix.cjs.js +1 -1
  305. package/dist/cjs/{validation-DJaUH-UR.js → validation-B1izlD8M.js} +59 -3
  306. package/dist/collection/collection-manifest.json +6 -0
  307. package/dist/collection/components/action-card/action-card.css +11 -11
  308. package/dist/collection/components/application/application.css +11 -11
  309. package/dist/collection/components/application-header/application-header.css +11 -11
  310. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +11 -11
  311. package/dist/collection/components/avatar/avatar.css +19 -11
  312. package/dist/collection/components/badge/badge.css +622 -0
  313. package/dist/collection/components/badge/badge.js +817 -0
  314. package/dist/collection/components/badge/badge.status-icon.js +65 -0
  315. package/dist/collection/components/badge/badge.types.js +24 -0
  316. package/dist/collection/components/badge/badge.utils.js +57 -0
  317. package/dist/collection/components/badge/test/badge.page.js +194 -0
  318. package/dist/collection/components/blind/blind.css +119 -15
  319. package/dist/collection/components/blind/blind.js +11 -5
  320. package/dist/collection/components/breadcrumb/breadcrumb.css +11 -11
  321. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  322. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +160 -44
  323. package/dist/collection/components/button/button.css +84 -22
  324. package/dist/collection/components/card/card.css +11 -11
  325. package/dist/collection/components/card/card.js +2 -2
  326. package/dist/collection/components/card-accordion/card-accordion.css +61 -44
  327. package/dist/collection/components/card-accordion/card-accordion.js +7 -4
  328. package/dist/collection/components/card-content/card-content.css +11 -11
  329. package/dist/collection/components/card-content/card-content.js +1 -1
  330. package/dist/collection/components/card-list/card-list.css +23 -11
  331. package/dist/collection/components/card-list/card-list.js +67 -10
  332. package/dist/collection/components/card-title/card-title.js +1 -1
  333. package/dist/collection/components/category-filter/category-filter.css +95 -33
  334. package/dist/collection/components/category-filter/category-filter.js +4 -4
  335. package/dist/collection/components/chat/chat.css +114 -0
  336. package/dist/collection/components/chat/chat.js +47 -0
  337. package/dist/collection/components/chat-ai-message/chat-ai-message.css +139 -0
  338. package/dist/collection/components/chat-ai-message/chat-ai-message.js +56 -0
  339. package/dist/collection/components/chat-attachment/chat-attachment.css +135 -0
  340. package/dist/collection/components/chat-attachment/chat-attachment.js +284 -0
  341. package/dist/collection/components/chat-attachment/chat-attachment.types.js +1 -0
  342. package/dist/collection/components/chat-input/chat-input.css +323 -0
  343. package/dist/collection/components/chat-input/chat-input.js +878 -0
  344. package/dist/collection/components/chat-user-message/chat-user-message.css +145 -0
  345. package/dist/collection/components/chat-user-message/chat-user-message.js +112 -0
  346. package/dist/collection/components/checkbox/checkbox.css +11 -11
  347. package/dist/collection/components/checkbox/checkbox.js +3 -3
  348. package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
  349. package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
  350. package/dist/collection/components/chip/chip.css +28 -19
  351. package/dist/collection/components/chip/chip.js +7 -8
  352. package/dist/collection/components/col/col.css +11 -11
  353. package/dist/collection/components/col/col.js +2 -2
  354. package/dist/collection/components/content/content.css +11 -11
  355. package/dist/collection/components/content/content.js +3 -3
  356. package/dist/collection/components/content-header/content-header.js +3 -3
  357. package/dist/collection/components/css-grid/css-grid-item.js +1 -1
  358. package/dist/collection/components/css-grid/css-grid.js +1 -1
  359. package/dist/collection/components/custom-field/custom-field.js +1 -1
  360. package/dist/collection/components/date-dropdown/date-dropdown.css +30 -22
  361. package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
  362. package/dist/collection/components/date-input/date-input.css +22 -22
  363. package/dist/collection/components/date-input/date-input.js +3 -3
  364. package/dist/collection/components/date-picker/date-picker.css +19 -11
  365. package/dist/collection/components/date-picker/date-picker.js +15 -11
  366. package/dist/collection/components/date-time-card/date-time-card.css +11 -11
  367. package/dist/collection/components/date-time-card/date-time-card.js +2 -2
  368. package/dist/collection/components/datetime-input/datetime-input.css +22 -22
  369. package/dist/collection/components/datetime-input/datetime-input.js +3 -3
  370. package/dist/collection/components/datetime-picker/datetime-picker.css +11 -11
  371. package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
  372. package/dist/collection/components/divider/divider.js +1 -1
  373. package/dist/collection/components/dropdown/dropdown.css +11 -11
  374. package/dist/collection/components/dropdown/dropdown.js +11 -5
  375. package/dist/collection/components/dropdown-button/dropdown-button.css +155 -34
  376. package/dist/collection/components/dropdown-button/dropdown-button.js +8 -5
  377. package/dist/collection/components/dropdown-header/dropdown-header.css +11 -11
  378. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  379. package/dist/collection/components/dropdown-item/dropdown-item.css +12 -12
  380. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  381. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  382. package/dist/collection/components/empty-state/empty-state.css +11 -11
  383. package/dist/collection/components/empty-state/empty-state.js +1 -1
  384. package/dist/collection/components/event-list/event-list.css +11 -11
  385. package/dist/collection/components/event-list/event-list.js +10 -3
  386. package/dist/collection/components/event-list-item/event-list-item.css +11 -11
  387. package/dist/collection/components/event-list-item/event-list-item.js +4 -4
  388. package/dist/collection/components/expanding-search/expanding-search.css +11 -11
  389. package/dist/collection/components/expanding-search/expanding-search.js +4 -4
  390. package/dist/collection/components/field-label/field-label.js +2 -2
  391. package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
  392. package/dist/collection/components/filter-chip/filter-chip.css +11 -11
  393. package/dist/collection/components/filter-chip/filter-chip.js +2 -2
  394. package/dist/collection/components/flip-tile/flip-tile.css +11 -11
  395. package/dist/collection/components/flip-tile/flip-tile.js +3 -3
  396. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  397. package/dist/collection/components/group/group-context-menu.js +1 -1
  398. package/dist/collection/components/group/group.js +9 -9
  399. package/dist/collection/components/group-item/group-item.css +11 -11
  400. package/dist/collection/components/helper-text/helper-text.js +1 -1
  401. package/dist/collection/components/icon-button/icon-button.css +103 -39
  402. package/dist/collection/components/icon-button/icon-button.js +2 -2
  403. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +103 -39
  404. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
  405. package/dist/collection/components/input/input.css +11 -11
  406. package/dist/collection/components/input/input.js +4 -4
  407. package/dist/collection/components/input/input.util.js +6 -1
  408. package/dist/collection/components/input/number-input.css +11 -11
  409. package/dist/collection/components/input/number-input.js +13 -10
  410. package/dist/collection/components/input/textarea.css +11 -11
  411. package/dist/collection/components/input/textarea.js +2 -2
  412. package/dist/collection/components/ix-playground/ix-playground.js +1 -1
  413. package/dist/collection/components/key-value/key-value.js +1 -1
  414. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  415. package/dist/collection/components/kpi/kpi.css +11 -11
  416. package/dist/collection/components/kpi/kpi.js +3 -3
  417. package/dist/collection/components/layout-auto/layout-auto.js +1 -1
  418. package/dist/collection/components/layout-grid/layout-grid.js +2 -2
  419. package/dist/collection/components/link-button/link-button.js +3 -3
  420. package/dist/collection/components/menu/menu-expand-icon.css +36 -22
  421. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  422. package/dist/collection/components/menu/menu.css +11 -11
  423. package/dist/collection/components/menu/menu.js +39 -17
  424. package/dist/collection/components/menu-about/menu-about.css +11 -11
  425. package/dist/collection/components/menu-about/menu-about.js +2 -2
  426. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  427. package/dist/collection/components/menu-about-news/menu-about-news.css +11 -11
  428. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  429. package/dist/collection/components/menu-avatar/menu-avatar.css +11 -11
  430. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  431. package/dist/collection/components/menu-avatar-item/menu-avatar-item.css +11 -11
  432. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  433. package/dist/collection/components/menu-category/menu-category.css +11 -11
  434. package/dist/collection/components/menu-category/menu-category.js +29 -15
  435. package/dist/collection/components/menu-item/menu-item.js +9 -5
  436. package/dist/collection/components/menu-settings/menu-settings.css +11 -11
  437. package/dist/collection/components/menu-settings/menu-settings.js +2 -2
  438. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  439. package/dist/collection/components/message-bar/message-bar.css +11 -11
  440. package/dist/collection/components/message-bar/message-bar.js +1 -1
  441. package/dist/collection/components/modal/modal.js +13 -6
  442. package/dist/collection/components/modal-content/modal-content.css +11 -11
  443. package/dist/collection/components/modal-content/modal-content.js +1 -1
  444. package/dist/collection/components/modal-footer/modal-footer.css +11 -11
  445. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  446. package/dist/collection/components/modal-header/modal-header.css +11 -11
  447. package/dist/collection/components/modal-header/modal-header.js +2 -2
  448. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  449. package/dist/collection/components/pagination/pagination.css +114 -50
  450. package/dist/collection/components/pagination/pagination.js +2 -2
  451. package/dist/collection/components/pane/pane.css +11 -11
  452. package/dist/collection/components/pane/pane.js +7 -7
  453. package/dist/collection/components/pane-layout/pane-layout.css +11 -11
  454. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  455. package/dist/collection/components/pill/pill.css +11 -11
  456. package/dist/collection/components/pill/pill.js +4 -4
  457. package/dist/collection/components/popover/popover.js +3 -1
  458. package/dist/collection/components/popover/test/popover.page.js +3 -2
  459. package/dist/collection/components/popover-content/popover-content.css +11 -11
  460. package/dist/collection/components/popover-content/popover-content.js +1 -1
  461. package/dist/collection/components/popover-footer/popover-footer.css +11 -11
  462. package/dist/collection/components/popover-footer/popover-footer.js +1 -1
  463. package/dist/collection/components/popover-header/popover-header.css +11 -11
  464. package/dist/collection/components/popover-header/popover-header.js +1 -1
  465. package/dist/collection/components/popover-image/popover-image.css +11 -11
  466. package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
  467. package/dist/collection/components/push-card/push-card.css +70 -0
  468. package/dist/collection/components/push-card/push-card.js +1 -1
  469. package/dist/collection/components/radio/radio.css +11 -11
  470. package/dist/collection/components/radio/radio.js +3 -3
  471. package/dist/collection/components/radio-group/radio-group.js +2 -2
  472. package/dist/collection/components/range-field/range-field.css +11 -11
  473. package/dist/collection/components/range-field/range-field.js +2 -2
  474. package/dist/collection/components/row/row.js +1 -1
  475. package/dist/collection/components/select/select.css +11 -11
  476. package/dist/collection/components/select/select.js +11 -11
  477. package/dist/collection/components/select-item/select-item.js +2 -2
  478. package/dist/collection/components/slider/slider.css +11 -11
  479. package/dist/collection/components/slider/slider.js +6 -6
  480. package/dist/collection/components/spinner/spinner.css +55 -55
  481. package/dist/collection/components/spinner/spinner.js +1 -1
  482. package/dist/collection/components/split-button/split-button.css +11 -11
  483. package/dist/collection/components/split-button/split-button.js +1 -1
  484. package/dist/collection/components/tab-item/tab-item.css +17 -11
  485. package/dist/collection/components/tab-item/tab-item.js +5 -5
  486. package/dist/collection/components/tab-panel/tab-panel.css +11 -11
  487. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  488. package/dist/collection/components/tab-set/tab-set.css +11 -11
  489. package/dist/collection/components/tab-set/tab-set.js +1 -1
  490. package/dist/collection/components/tabs/tabs.css +11 -11
  491. package/dist/collection/components/tabs/tabs.js +10 -5
  492. package/dist/collection/components/tile/tile.css +11 -11
  493. package/dist/collection/components/tile/tile.js +4 -4
  494. package/dist/collection/components/time-input/time-input.css +22 -22
  495. package/dist/collection/components/time-input/time-input.js +3 -3
  496. package/dist/collection/components/time-picker/test/expect-defined.js +13 -0
  497. package/dist/collection/components/time-picker/time-picker.css +11 -11
  498. package/dist/collection/components/time-picker/time-picker.js +5 -5
  499. package/dist/collection/components/toast/toast-container.css +11 -11
  500. package/dist/collection/components/toast/toast-container.js +2 -2
  501. package/dist/collection/components/toast/toast.css +11 -11
  502. package/dist/collection/components/toast/toast.js +2 -2
  503. package/dist/collection/components/toggle/toggle.css +11 -11
  504. package/dist/collection/components/toggle/toggle.js +3 -3
  505. package/dist/collection/components/toggle-button/toggle-button.css +95 -33
  506. package/dist/collection/components/tooltip/tooltip.js +6 -2
  507. package/dist/collection/components/tree/tree.js +1 -1
  508. package/dist/collection/components/tree-item/tree-item.css +11 -11
  509. package/dist/collection/components/tree-item/tree-item.js +4 -4
  510. package/dist/collection/components/typography/typography.css +11 -11
  511. package/dist/collection/components/typography/typography.js +1 -1
  512. package/dist/collection/components/upload/upload.css +11 -11
  513. package/dist/collection/components/upload/upload.js +3 -3
  514. package/dist/collection/components/utils/a11y.js +1 -1
  515. package/dist/collection/components/utils/animation.js +8 -12
  516. package/dist/collection/components/utils/input/validation.js +58 -3
  517. package/dist/collection/components/utils/internal/mixins/accessibility/aria-attribute-observer.js +106 -0
  518. package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +175 -166
  519. package/dist/collection/components/utils/lazy-list/lazy.js +1 -0
  520. package/dist/collection/components/workflow-step/workflow-step.css +13 -13
  521. package/dist/collection/components/workflow-step/workflow-step.js +10 -4
  522. package/dist/collection/components/workflow-steps/workflow-steps.css +11 -11
  523. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  524. package/dist/collection/tests/utils/test/page.js +3 -0
  525. package/dist/esm/{a11y-C21npbUc.js → a11y-DD206pTM.js} +1 -1
  526. package/dist/esm/{animation-DNIQ2C1K.js → animation-BqeSHO6C.js} +8 -12
  527. package/dist/esm/{base-button-DZdtpLxn.js → base-button-Oanl-VqF.js} +1 -1
  528. package/dist/esm/{base-icon-button-DufFLJC-.js → base-icon-button-CxmfMOOd.js} +1 -1
  529. package/dist/esm/chip.types-4ZsT_zIm.js +20 -0
  530. package/dist/esm/{focus-visible.mixin-CaRK3Ex_.js → focus-visible.mixin-DNYMa4dY.js} +1 -1
  531. package/dist/esm/{helper-text-util-D0LEFZuB.js → helper-text-util-BJ-ZMW2J.js} +2 -2
  532. package/dist/esm/{index-DgUGsIlh.js → index-BeX6RWvV.js} +11 -1
  533. package/dist/esm/index-EBgS4zhE.js +28 -4
  534. package/dist/esm/index.js +2 -2
  535. package/dist/esm/inherit-aria-attributes.mixin-BmTKblYV.js +304 -0
  536. package/dist/esm/{input.fc-CE3kP-L_.js → input.fc-Cwmx0lGN.js} +9 -4
  537. package/dist/esm/ix-action-card.entry.js +2 -2
  538. package/dist/esm/ix-application-header.entry.js +3 -3
  539. package/dist/esm/ix-application-switch-modal.entry.js +2 -2
  540. package/dist/esm/ix-application.entry.js +1 -1
  541. package/dist/esm/ix-avatar_2.entry.js +5 -5
  542. package/dist/esm/ix-badge.entry.js +563 -0
  543. package/dist/esm/ix-blind.entry.js +15 -9
  544. package/dist/esm/ix-breadcrumb-item.entry.js +5 -158
  545. package/dist/esm/ix-breadcrumb.entry.js +5 -5
  546. package/dist/esm/ix-button.entry.js +4 -157
  547. package/dist/esm/ix-card-accordion_2.entry.js +10 -7
  548. package/dist/esm/ix-card-list.entry.js +63 -10
  549. package/dist/esm/ix-card_2.entry.js +5 -5
  550. package/dist/esm/ix-category-filter.entry.js +8 -8
  551. package/dist/esm/ix-chat-ai-message.entry.js +33 -0
  552. package/dist/esm/ix-chat-attachment.entry.js +108 -0
  553. package/dist/esm/ix-chat-input.entry.js +404 -0
  554. package/dist/esm/ix-chat-user-message.entry.js +64 -0
  555. package/dist/esm/ix-chat.entry.js +26 -0
  556. package/dist/esm/ix-checkbox-group.entry.js +4 -4
  557. package/dist/esm/ix-checkbox.entry.js +6 -6
  558. package/dist/esm/ix-chip.entry.js +11 -185
  559. package/dist/esm/ix-col_4.entry.js +12 -12
  560. package/dist/esm/ix-content-header.entry.js +4 -4
  561. package/dist/esm/ix-content.entry.js +4 -4
  562. package/dist/esm/ix-css-grid-item.entry.js +1 -1
  563. package/dist/esm/ix-css-grid.entry.js +1 -1
  564. package/dist/esm/ix-custom-field.entry.js +2 -2
  565. package/dist/esm/ix-date-dropdown.entry.js +9 -9
  566. package/dist/esm/ix-date-input.entry.js +9 -9
  567. package/dist/esm/ix-date-picker.entry.js +17 -13
  568. package/dist/esm/ix-date-time-card.entry.js +3 -3
  569. package/dist/esm/ix-datetime-input.entry.js +9 -9
  570. package/dist/esm/ix-datetime-picker.entry.js +4 -4
  571. package/dist/esm/ix-divider.entry.js +1 -1
  572. package/dist/esm/ix-dropdown-button.entry.js +11 -8
  573. package/dist/esm/ix-dropdown-header.entry.js +2 -2
  574. package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
  575. package/dist/esm/ix-dropdown_2.entry.js +19 -13
  576. package/dist/esm/ix-empty-state.entry.js +2 -2
  577. package/dist/esm/ix-event-list-item.entry.js +7 -7
  578. package/dist/esm/ix-event-list.entry.js +11 -4
  579. package/dist/esm/ix-expanding-search.entry.js +6 -6
  580. package/dist/esm/ix-field-label_2.entry.js +8 -8
  581. package/dist/esm/ix-filter-chip_2.entry.js +8 -8
  582. package/dist/esm/ix-flip-tile-content.entry.js +1 -1
  583. package/dist/esm/ix-flip-tile.entry.js +6 -6
  584. package/dist/esm/ix-group-context-menu_2.entry.js +3 -3
  585. package/dist/esm/ix-group.entry.js +10 -10
  586. package/dist/esm/ix-helper-text.entry.js +5 -5
  587. package/dist/esm/ix-icon-button_2.entry.js +9 -164
  588. package/dist/esm/ix-icon-toggle-button.entry.js +7 -162
  589. package/dist/esm/ix-input.entry.js +10 -10
  590. package/dist/esm/ix-key-value-list.entry.js +1 -1
  591. package/dist/esm/ix-key-value.entry.js +1 -1
  592. package/dist/esm/ix-kpi.entry.js +5 -5
  593. package/dist/esm/ix-layout-auto.entry.js +1 -1
  594. package/dist/esm/ix-link-button.entry.js +4 -4
  595. package/dist/esm/ix-menu-about-item.entry.js +1 -1
  596. package/dist/esm/ix-menu-about-news.entry.js +6 -6
  597. package/dist/esm/ix-menu-about.entry.js +4 -4
  598. package/dist/esm/ix-menu-avatar.entry.js +5 -5
  599. package/dist/esm/ix-menu-category.entry.js +31 -170
  600. package/dist/esm/ix-menu-expand-icon.entry.js +5 -5
  601. package/dist/esm/ix-menu-item.entry.js +12 -161
  602. package/dist/esm/ix-menu-settings-item.entry.js +1 -1
  603. package/dist/esm/ix-menu-settings.entry.js +4 -4
  604. package/dist/esm/ix-menu.entry.js +42 -20
  605. package/dist/esm/ix-message-bar.entry.js +3 -3
  606. package/dist/esm/ix-modal-content_2.entry.js +6 -6
  607. package/dist/esm/ix-modal-footer.entry.js +2 -2
  608. package/dist/esm/ix-modal-loading.entry.js +1 -1
  609. package/dist/esm/ix-modal.entry.js +15 -8
  610. package/dist/esm/ix-number-input.entry.js +19 -16
  611. package/dist/esm/ix-pagination.entry.js +6 -6
  612. package/dist/esm/ix-pane-layout.entry.js +2 -2
  613. package/dist/esm/ix-pane.entry.js +11 -11
  614. package/dist/esm/ix-pill_4.entry.js +27 -175
  615. package/dist/esm/ix-popover-content.entry.js +2 -2
  616. package/dist/esm/ix-popover-footer.entry.js +2 -2
  617. package/dist/esm/ix-popover-header.entry.js +4 -4
  618. package/dist/esm/ix-popover-image.entry.js +1 -1
  619. package/dist/esm/ix-popover.entry.js +5 -156
  620. package/dist/esm/ix-progress-indicator.entry.js +4 -4
  621. package/dist/esm/ix-push-card.entry.js +2 -2
  622. package/dist/esm/ix-radio-group.entry.js +3 -3
  623. package/dist/esm/ix-radio.entry.js +6 -6
  624. package/dist/esm/ix-range-field.entry.js +4 -4
  625. package/dist/esm/ix-select.entry.js +14 -14
  626. package/dist/esm/ix-slider.entry.js +9 -9
  627. package/dist/esm/ix-split-button.entry.js +3 -3
  628. package/dist/esm/ix-tab-panel.entry.js +2 -2
  629. package/dist/esm/ix-textarea.entry.js +7 -7
  630. package/dist/esm/ix-tile.entry.js +5 -5
  631. package/dist/esm/ix-time-input.entry.js +9 -9
  632. package/dist/esm/ix-toast-container.entry.js +3 -3
  633. package/dist/esm/ix-toast.entry.js +4 -4
  634. package/dist/esm/ix-toggle-button.entry.js +4 -159
  635. package/dist/esm/ix-toggle.entry.js +7 -160
  636. package/dist/esm/ix-tooltip.entry.js +6 -2
  637. package/dist/esm/ix-tree-item.entry.js +6 -6
  638. package/dist/esm/ix-tree.entry.js +2 -1
  639. package/dist/esm/ix-typography.entry.js +2 -2
  640. package/dist/esm/ix-upload.entry.js +6 -6
  641. package/dist/esm/ix-workflow-step.entry.js +12 -6
  642. package/dist/esm/ix-workflow-steps.entry.js +2 -2
  643. package/dist/esm/loader.js +1 -1
  644. package/dist/esm/siemens-ix.js +1 -1
  645. package/dist/esm/{validation-VVt5EFy0.js → validation-DXpftrw5.js} +59 -4
  646. package/dist/siemens-ix/index.esm.js +1 -1
  647. package/dist/siemens-ix/{p-71feb871.entry.js → p-0018f327.entry.js} +1 -1
  648. package/dist/siemens-ix/p-0409f281.entry.js +1 -0
  649. package/dist/siemens-ix/p-0819923e.entry.js +1 -0
  650. package/dist/siemens-ix/p-0b875bbd.entry.js +1 -0
  651. package/dist/siemens-ix/p-14554694.entry.js +1 -0
  652. package/dist/siemens-ix/p-1a7b51d8.entry.js +1 -0
  653. package/dist/siemens-ix/{p-ea9691c1.entry.js → p-1aef893c.entry.js} +1 -1
  654. package/dist/siemens-ix/p-1bce1c19.entry.js +1 -0
  655. package/dist/siemens-ix/p-1d06e067.entry.js +1 -0
  656. package/dist/siemens-ix/p-1fddf959.entry.js +1 -0
  657. package/dist/siemens-ix/p-207d77b3.entry.js +1 -0
  658. package/dist/siemens-ix/{p-c69036b1.entry.js → p-213059a9.entry.js} +1 -1
  659. package/dist/siemens-ix/{p-2753ed4e.entry.js → p-222d3d93.entry.js} +1 -1
  660. package/dist/siemens-ix/p-2270cc5d.entry.js +1 -0
  661. package/dist/siemens-ix/p-24138425.entry.js +1 -0
  662. package/dist/siemens-ix/p-32104d25.entry.js +1 -0
  663. package/dist/siemens-ix/p-34d5185d.entry.js +1 -0
  664. package/dist/siemens-ix/p-34f2792e.entry.js +1 -0
  665. package/dist/siemens-ix/p-35042cda.entry.js +1 -0
  666. package/dist/siemens-ix/p-351e8732.entry.js +1 -0
  667. package/dist/siemens-ix/{p-e5e220c7.entry.js → p-38e0953a.entry.js} +1 -1
  668. package/dist/siemens-ix/{p-d1cd3cb9.entry.js → p-38eef16a.entry.js} +1 -1
  669. package/dist/siemens-ix/p-39079ba7.entry.js +1 -0
  670. package/dist/siemens-ix/p-3a60004f.entry.js +1 -0
  671. package/dist/siemens-ix/p-3ad11c04.entry.js +1 -0
  672. package/dist/siemens-ix/{p-ab202c45.entry.js → p-3c7a8e8b.entry.js} +1 -1
  673. package/dist/siemens-ix/p-3c92d126.entry.js +1 -0
  674. package/dist/siemens-ix/p-3ca5d3b9.entry.js +1 -0
  675. package/dist/siemens-ix/p-3fe85552.entry.js +1 -0
  676. package/dist/siemens-ix/{p-eac237a1.entry.js → p-40239cf6.entry.js} +1 -1
  677. package/dist/siemens-ix/{p-8f72a218.entry.js → p-403b7d10.entry.js} +1 -1
  678. package/dist/siemens-ix/p-4739e88e.entry.js +1 -0
  679. package/dist/siemens-ix/p-4ZsT_zIm.js +1 -0
  680. package/dist/siemens-ix/p-4c765c73.entry.js +1 -0
  681. package/dist/siemens-ix/p-4f02b8dd.entry.js +1 -0
  682. package/dist/siemens-ix/{p-d16ee3bd.entry.js → p-5014b469.entry.js} +1 -1
  683. package/dist/siemens-ix/p-50ece3e2.entry.js +1 -0
  684. package/dist/siemens-ix/p-53319a22.entry.js +1 -0
  685. package/dist/siemens-ix/{p-c0d56b86.entry.js → p-571a1628.entry.js} +1 -1
  686. package/dist/siemens-ix/p-58c6aa27.entry.js +1 -0
  687. package/dist/siemens-ix/{p-34eaf010.entry.js → p-60f7be48.entry.js} +1 -1
  688. package/dist/siemens-ix/p-643ed439.entry.js +1 -0
  689. package/dist/siemens-ix/p-6505e43d.entry.js +1 -0
  690. package/dist/siemens-ix/p-66097da1.entry.js +1 -0
  691. package/dist/siemens-ix/p-66e92cdd.entry.js +1 -0
  692. package/dist/siemens-ix/{p-21b09017.entry.js → p-675e2aa8.entry.js} +1 -1
  693. package/dist/siemens-ix/p-6c25b44d.entry.js +1 -0
  694. package/dist/siemens-ix/p-79a08a2a.entry.js +1 -0
  695. package/dist/siemens-ix/p-7b9d9c0c.entry.js +1 -0
  696. package/dist/siemens-ix/{p-da2e0f0e.entry.js → p-7bc3af96.entry.js} +1 -1
  697. package/dist/siemens-ix/p-83827bb2.entry.js +1 -0
  698. package/dist/siemens-ix/p-859294b4.entry.js +1 -0
  699. package/dist/siemens-ix/p-8a14750f.entry.js +1 -0
  700. package/dist/siemens-ix/p-8af23465.entry.js +1 -0
  701. package/dist/siemens-ix/{p-a2aa806e.entry.js → p-8bc225b7.entry.js} +1 -1
  702. package/dist/siemens-ix/p-9254cb19.entry.js +1 -0
  703. package/dist/siemens-ix/p-95625e2a.entry.js +1 -0
  704. package/dist/siemens-ix/p-9c6e5dcc.entry.js +1 -0
  705. package/dist/siemens-ix/{p-b2fe56c7.entry.js → p-9df616d3.entry.js} +1 -1
  706. package/dist/siemens-ix/p-BeX6RWvV.js +1 -0
  707. package/dist/siemens-ix/p-Bemn50Nk.js +1 -0
  708. package/dist/siemens-ix/p-BqeSHO6C.js +1 -0
  709. package/dist/siemens-ix/{p-HpQs38Y0.js → p-CDKWxg_L.js} +1 -1
  710. package/dist/siemens-ix/{p-CXbob2Ew.js → p-CLxF-dX8.js} +1 -1
  711. package/dist/siemens-ix/p-Cv_omozQ.js +1 -0
  712. package/dist/siemens-ix/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
  713. package/dist/siemens-ix/p-S-XikzrL.js +1 -0
  714. package/dist/siemens-ix/p-a05bf6b5.entry.js +1 -0
  715. package/dist/siemens-ix/{p-bc0f5cbe.entry.js → p-a23edbb6.entry.js} +1 -1
  716. package/dist/siemens-ix/{p-f43c97cf.entry.js → p-a2a3d749.entry.js} +1 -1
  717. package/dist/siemens-ix/p-a4c3f3d3.entry.js +1 -0
  718. package/dist/siemens-ix/p-a87b0328.entry.js +1 -0
  719. package/dist/siemens-ix/p-aa0770ab.entry.js +1 -0
  720. package/dist/siemens-ix/{p-0e74e65c.entry.js → p-abe537f8.entry.js} +1 -1
  721. package/dist/siemens-ix/p-b299eca3.entry.js +1 -0
  722. package/dist/siemens-ix/p-b5bf48cb.entry.js +1 -0
  723. package/dist/siemens-ix/p-b990c3f4.entry.js +1 -0
  724. package/dist/siemens-ix/p-b9dcbd84.entry.js +1 -0
  725. package/dist/siemens-ix/p-c1b669ae.entry.js +1 -0
  726. package/dist/siemens-ix/{p-95e8951f.entry.js → p-c2d8ec4e.entry.js} +1 -1
  727. package/dist/siemens-ix/p-c393c20e.entry.js +1 -0
  728. package/dist/siemens-ix/p-c3e44b4a.entry.js +1 -0
  729. package/dist/siemens-ix/p-c4379966.entry.js +1 -0
  730. package/dist/siemens-ix/{p-52096875.entry.js → p-c6346987.entry.js} +1 -1
  731. package/dist/siemens-ix/p-c6987c42.entry.js +1 -0
  732. package/dist/siemens-ix/{p-7655c4c2.entry.js → p-ca4259c9.entry.js} +1 -1
  733. package/dist/siemens-ix/{p-e9b37020.entry.js → p-caac5984.entry.js} +1 -1
  734. package/dist/siemens-ix/{p-7899597f.entry.js → p-cb43f6e5.entry.js} +1 -1
  735. package/dist/siemens-ix/p-cc6305ab.entry.js +1 -0
  736. package/dist/siemens-ix/{p-5d7ede96.entry.js → p-ccea2ebf.entry.js} +1 -1
  737. package/dist/siemens-ix/{p-a44b1452.entry.js → p-cf56ddd5.entry.js} +1 -1
  738. package/dist/siemens-ix/p-cfd75035.entry.js +1 -0
  739. package/dist/siemens-ix/p-d39c4aeb.entry.js +1 -0
  740. package/dist/siemens-ix/p-d4d99140.entry.js +1 -0
  741. package/dist/siemens-ix/{p-d699bb26.entry.js → p-d555f28a.entry.js} +1 -1
  742. package/dist/siemens-ix/p-d94ad8f8.entry.js +1 -0
  743. package/dist/siemens-ix/p-da700215.entry.js +1 -0
  744. package/dist/siemens-ix/p-ddb49318.entry.js +1 -0
  745. package/dist/siemens-ix/p-de9a4607.entry.js +1 -0
  746. package/dist/siemens-ix/p-e2e7c16a.entry.js +1 -0
  747. package/dist/siemens-ix/p-e4f04831.entry.js +1 -0
  748. package/dist/siemens-ix/p-e5239c6d.entry.js +1 -0
  749. package/dist/siemens-ix/p-e789cd7e.entry.js +1 -0
  750. package/dist/siemens-ix/p-e7dedba9.entry.js +1 -0
  751. package/dist/siemens-ix/p-e87e947c.entry.js +1 -0
  752. package/dist/siemens-ix/p-e8d73d19.entry.js +1 -0
  753. package/dist/siemens-ix/p-e8f5519f.entry.js +1 -0
  754. package/dist/siemens-ix/{p-b7570885.entry.js → p-ea3b4ad4.entry.js} +1 -1
  755. package/dist/siemens-ix/p-eba11702.entry.js +1 -0
  756. package/dist/siemens-ix/p-eda419ea.entry.js +1 -0
  757. package/dist/siemens-ix/p-f3e24bb0.entry.js +1 -0
  758. package/dist/siemens-ix/{p-ac804eb2.entry.js → p-f4d8f94b.entry.js} +1 -1
  759. package/dist/siemens-ix/p-f705bb97.entry.js +1 -0
  760. package/{components/p-DkAUNod9.js → dist/siemens-ix/p-f7f6cf46.entry.js} +1 -1
  761. package/dist/siemens-ix/{p-4faa3c03.entry.js → p-fcfecc91.entry.js} +1 -1
  762. package/dist/siemens-ix/{p-C518yBiI.js → p-rgh7lt60.js} +1 -1
  763. package/dist/siemens-ix/p-xptA1Kt1.js +1 -0
  764. package/dist/siemens-ix/siemens-ix.css +11 -11
  765. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  766. package/dist/types/components/badge/badge.d.ts +195 -0
  767. package/dist/types/components/badge/badge.status-icon.d.ts +21 -0
  768. package/dist/types/components/badge/badge.types.d.ts +19 -0
  769. package/dist/types/components/badge/badge.utils.d.ts +10 -0
  770. package/dist/types/components/badge/test/badge.page.d.ts +67 -0
  771. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +1 -16
  772. package/dist/types/components/button/button.d.ts +1 -16
  773. package/dist/types/components/card-list/card-list.d.ts +4 -1
  774. package/dist/types/components/chat/chat.d.ts +11 -0
  775. package/dist/types/components/chat-ai-message/chat-ai-message.d.ts +14 -0
  776. package/dist/types/components/chat-attachment/chat-attachment.d.ts +47 -0
  777. package/dist/types/components/chat-attachment/chat-attachment.types.d.ts +1 -0
  778. package/dist/types/components/chat-input/chat-input.d.ts +175 -0
  779. package/dist/types/components/chat-user-message/chat-user-message.d.ts +23 -0
  780. package/dist/types/components/chip/chip.d.ts +2 -17
  781. package/dist/types/components/dropdown/dropdown-focus.d.ts +1 -1
  782. package/dist/types/components/group/group.d.ts +1 -1
  783. package/dist/types/components/icon-button/icon-button.d.ts +2 -17
  784. package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +1 -16
  785. package/dist/types/components/input/input.util.d.ts +2 -3
  786. package/dist/types/components/input/number-input.d.ts +1 -0
  787. package/dist/types/components/menu/menu.d.ts +1 -1
  788. package/dist/types/components/menu-category/menu-category.d.ts +3 -18
  789. package/dist/types/components/menu-item/menu-item.d.ts +1 -16
  790. package/dist/types/components/modal/modal.d.ts +1 -0
  791. package/dist/types/components/modal-header/modal-header.d.ts +1 -1
  792. package/dist/types/components/popover/popover.d.ts +1 -16
  793. package/dist/types/components/tabs/tabs.d.ts +3 -16
  794. package/dist/types/components/time-picker/test/expect-defined.d.ts +1 -0
  795. package/dist/types/components/toggle/toggle.d.ts +1 -16
  796. package/dist/types/components/toggle-button/toggle-button.d.ts +1 -16
  797. package/dist/types/components/tree/tree.d.ts +1 -1
  798. package/dist/types/components/utils/a11y.d.ts +1 -0
  799. package/dist/types/components/utils/input/validation.d.ts +6 -0
  800. package/dist/types/components/utils/internal/mixins/accessibility/aria-attribute-observer.d.ts +7 -0
  801. package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +7 -18
  802. package/dist/types/components/utils/shadow-dom.d.ts +1 -1
  803. package/dist/types/components/workflow-step/workflow-step.d.ts +1 -0
  804. package/dist/types/components.d.ts +706 -5
  805. package/dist/types/public-api.d.ts +1 -0
  806. package/hydrate/index.js +2279 -2169
  807. package/hydrate/index.mjs +2279 -2169
  808. package/package.json +3 -3
  809. package/scss/mixins/_scrollbar.scss +21 -9
  810. package/components/p-3VG6z9c3.js +0 -1
  811. package/components/p-7HGOhDMX.js +0 -1
  812. package/components/p-BH2Yhp3V.js +0 -1
  813. package/components/p-BIcWFids.js +0 -1
  814. package/components/p-BST8QY5w.js +0 -1
  815. package/components/p-BWH03B1n.js +0 -1
  816. package/components/p-BWknDysp.js +0 -1
  817. package/components/p-B_MBGj0b.js +0 -1
  818. package/components/p-Bj_6nynP.js +0 -1
  819. package/components/p-BtSt9tC5.js +0 -1
  820. package/components/p-BzFLbXmT.js +0 -1
  821. package/components/p-C7MRPZvZ.js +0 -1
  822. package/components/p-CAH3dF6j.js +0 -1
  823. package/components/p-CHV-_J6i.js +0 -1
  824. package/components/p-Ca8JFa1v.js +0 -1
  825. package/components/p-CgHioxG-.js +0 -1
  826. package/components/p-CkIELF-1.js +0 -1
  827. package/components/p-Cvpz1Ji5.js +0 -1
  828. package/components/p-D1sONqtj.js +0 -1
  829. package/components/p-D69Mojvn.js +0 -1
  830. package/components/p-DKH7tPDu.js +0 -1
  831. package/components/p-DLe8Pp58.js +0 -1
  832. package/components/p-DM7ma3Eh.js +0 -1
  833. package/components/p-DNIQ2C1K.js +0 -1
  834. package/components/p-DO3HtUke.js +0 -1
  835. package/components/p-DfdjJL6W.js +0 -1
  836. package/components/p-DjIyhGBC.js +0 -1
  837. package/components/p-Dl_YKIKl.js +0 -1
  838. package/components/p-DuMiVxY1.js +0 -1
  839. package/components/p-Dwe6tWhq.js +0 -1
  840. package/components/p-DwmHytZi.js +0 -1
  841. package/components/p-DziPiOL3.js +0 -1
  842. package/components/p-GmOVROeD.js +0 -1
  843. package/components/p-LbnItC1h.js +0 -1
  844. package/components/p-R1AQtGdV.js +0 -1
  845. package/components/p-_f_q2Etu.js +0 -1
  846. package/components/p-f1jZqaUz.js +0 -1
  847. package/components/p-olkZUb1j.js +0 -1
  848. package/components/p-z19mjzlp.js +0 -1
  849. package/dist/cjs/inherit-aria-attributes.mixin-EyRU0cDO.js +0 -36
  850. package/dist/esm/inherit-aria-attributes.mixin-nCmPujqf.js +0 -34
  851. package/dist/siemens-ix/p-03215d55.entry.js +0 -1
  852. package/dist/siemens-ix/p-04a42013.entry.js +0 -1
  853. package/dist/siemens-ix/p-0b24f8d0.entry.js +0 -1
  854. package/dist/siemens-ix/p-0fd5baf1.entry.js +0 -1
  855. package/dist/siemens-ix/p-18cae4df.entry.js +0 -1
  856. package/dist/siemens-ix/p-1a6b7e92.entry.js +0 -1
  857. package/dist/siemens-ix/p-1cd9a45a.entry.js +0 -1
  858. package/dist/siemens-ix/p-1ea183fb.entry.js +0 -1
  859. package/dist/siemens-ix/p-227ba1b8.entry.js +0 -1
  860. package/dist/siemens-ix/p-2eb094c0.entry.js +0 -1
  861. package/dist/siemens-ix/p-39fb1c9e.entry.js +0 -1
  862. package/dist/siemens-ix/p-3bb5600a.entry.js +0 -1
  863. package/dist/siemens-ix/p-3bfa4bbc.entry.js +0 -1
  864. package/dist/siemens-ix/p-3f5ac9f7.entry.js +0 -1
  865. package/dist/siemens-ix/p-4154d18a.entry.js +0 -1
  866. package/dist/siemens-ix/p-427f85c3.entry.js +0 -1
  867. package/dist/siemens-ix/p-45106215.entry.js +0 -1
  868. package/dist/siemens-ix/p-4ceb3543.entry.js +0 -1
  869. package/dist/siemens-ix/p-4d179abe.entry.js +0 -1
  870. package/dist/siemens-ix/p-50a44cb9.entry.js +0 -1
  871. package/dist/siemens-ix/p-54a22a58.entry.js +0 -1
  872. package/dist/siemens-ix/p-57678563.entry.js +0 -1
  873. package/dist/siemens-ix/p-5ff289c7.entry.js +0 -1
  874. package/dist/siemens-ix/p-601224bd.entry.js +0 -1
  875. package/dist/siemens-ix/p-6aa5adb4.entry.js +0 -1
  876. package/dist/siemens-ix/p-703c7e7c.entry.js +0 -1
  877. package/dist/siemens-ix/p-71a31d92.entry.js +0 -1
  878. package/dist/siemens-ix/p-71a5fae5.entry.js +0 -1
  879. package/dist/siemens-ix/p-747d14a2.entry.js +0 -1
  880. package/dist/siemens-ix/p-7c120d09.entry.js +0 -1
  881. package/dist/siemens-ix/p-8164a98b.entry.js +0 -1
  882. package/dist/siemens-ix/p-83f4cd88.entry.js +0 -1
  883. package/dist/siemens-ix/p-8658717f.entry.js +0 -1
  884. package/dist/siemens-ix/p-8900e229.entry.js +0 -1
  885. package/dist/siemens-ix/p-8b839f30.entry.js +0 -1
  886. package/dist/siemens-ix/p-8cea823b.entry.js +0 -1
  887. package/dist/siemens-ix/p-8d535dc9.entry.js +0 -1
  888. package/dist/siemens-ix/p-96a3b3df.entry.js +0 -1
  889. package/dist/siemens-ix/p-9f2905df.entry.js +0 -1
  890. package/dist/siemens-ix/p-B4oiZyZC.js +0 -1
  891. package/dist/siemens-ix/p-DNIQ2C1K.js +0 -1
  892. package/dist/siemens-ix/p-DgUGsIlh.js +0 -1
  893. package/dist/siemens-ix/p-a25f267b.entry.js +0 -1
  894. package/dist/siemens-ix/p-a7f5e11e.entry.js +0 -1
  895. package/dist/siemens-ix/p-a8911648.entry.js +0 -1
  896. package/dist/siemens-ix/p-aa904521.entry.js +0 -1
  897. package/dist/siemens-ix/p-af808244.entry.js +0 -1
  898. package/dist/siemens-ix/p-b004e845.entry.js +0 -1
  899. package/dist/siemens-ix/p-b534dadd.entry.js +0 -1
  900. package/dist/siemens-ix/p-b63d7f36.entry.js +0 -1
  901. package/dist/siemens-ix/p-bddd1cca.entry.js +0 -1
  902. package/dist/siemens-ix/p-bfb758cb.entry.js +0 -1
  903. package/dist/siemens-ix/p-c0c6d772.entry.js +0 -1
  904. package/dist/siemens-ix/p-c1c209f6.entry.js +0 -1
  905. package/dist/siemens-ix/p-c9718f0d.entry.js +0 -1
  906. package/dist/siemens-ix/p-cd42c4e6.entry.js +0 -1
  907. package/dist/siemens-ix/p-d02d2e49.entry.js +0 -1
  908. package/dist/siemens-ix/p-d13c0b78.entry.js +0 -1
  909. package/dist/siemens-ix/p-d45ff0a0.entry.js +0 -1
  910. package/dist/siemens-ix/p-d5761950.entry.js +0 -1
  911. package/dist/siemens-ix/p-d770d8ba.entry.js +0 -1
  912. package/dist/siemens-ix/p-daf43138.entry.js +0 -1
  913. package/dist/siemens-ix/p-dc16a32d.entry.js +0 -1
  914. package/dist/siemens-ix/p-ddcc8627.entry.js +0 -1
  915. package/dist/siemens-ix/p-e3da7c67.entry.js +0 -1
  916. package/dist/siemens-ix/p-e58ae892.entry.js +0 -1
  917. package/dist/siemens-ix/p-e6046255.entry.js +0 -1
  918. package/dist/siemens-ix/p-eff190ad.entry.js +0 -1
  919. package/dist/siemens-ix/p-f1cd82bd.entry.js +0 -1
  920. package/dist/siemens-ix/p-f507157f.entry.js +0 -1
  921. package/dist/siemens-ix/p-fa5c236f.entry.js +0 -1
  922. package/dist/siemens-ix/p-fbd006be.entry.js +0 -1
  923. package/dist/siemens-ix/p-fdec73d4.entry.js +0 -1
  924. package/dist/siemens-ix/p-vphIrWGB.js +0 -1
  925. package/dist/siemens-ix/p-wfVRhTWc.js +0 -1
  926. package/dist/siemens-ix/p-yZFaEeBW.js +0 -1
package/dist/esm/ix-icon-toggle-button.entry.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { M as Mixin, r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
2
- import { B as BaseIconButton } from './base-icon-button-DufFLJC-.js';
3
- import { g as getFallbackLabelFromIconName, a as a11yBoolean } from './a11y-C21npbUc.js';
2
+ import { B as BaseIconButton } from './base-icon-button-CxmfMOOd.js';
3
+ import { g as getFallbackLabelFromIconName, a as a11yBoolean } from './a11y-DD206pTM.js';
4
4
  import { D as DefaultMixins } from './component-DqJSHc3A.js';
5
- import { I as InheritAriaAttributesMixin } from './inherit-aria-attributes.mixin-nCmPujqf.js';
6
- import './base-button-DZdtpLxn.js';
5
+ import { I as InheritAriaAttributesMixin } from './inherit-aria-attributes.mixin-BmTKblYV.js';
6
+ import './base-button-Oanl-VqF.js';
7
7
  import './focus-utilities-6ZxKp7Jn.js';
8
8
  import './shadow-dom-BClJdFQP.js';
9
9
 
10
- const iconToggleButtonCss = () => `: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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}`;
10
+ const iconToggleButtonCss = () => `: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:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host{--ix-button-border-radius-left:var(--theme-btn--border-radius);--ix-button-border-radius-right:var(--theme-btn--border-radius);display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host button,:host a{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--ix-button-padding, 0 0.5rem)}:host ix-spinner{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none;margin-right:0.25rem}:host .icon-right{margin-left:0.25rem}:host(.disabled){cursor:default}:host(.ix-focused) .btn{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn:focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-primary{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary.selected{background-color:var(--theme-btn-primary--background--pressed);color:var(--theme-btn-primary--color--pressed)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-hover)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-primary--background--pressed-hover);color:var(--theme-btn-primary--color--pressed-active)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover,:host .btn-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.active:not(.disabled)) .btn-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-secondary{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary.selected{background-color:var(--theme-btn-secondary--background--pressed);color:var(--theme-btn-secondary--color--pressed)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-hover)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-secondary--background--pressed-hover);color:var(--theme-btn-secondary--color--pressed-active)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover,:host .btn-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.active:not(.disabled)) .btn-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-tertiary{background-color:var(--theme-btn-tertiary--background);color:var(--theme-btn-tertiary--color);--ix-button-color:var(--theme-btn-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-tertiary--border-color);border-style:solid}:host .btn-tertiary.selected{background-color:var(--theme-btn-tertiary--background--pressed);color:var(--theme-btn-tertiary--color--pressed)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-hover)}:host .btn-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-tertiary--background--pressed-hover);color:var(--theme-btn-tertiary--color--pressed-active)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):hover,:host .btn-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-tertiary--border-color--hover);background-color:var(--theme-btn-tertiary--background--hover);color:var(--theme-btn-tertiary--color--hover)}:host .btn-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-tertiary:not(.disabled):not(:disabled):active,:host .btn-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.active:not(.disabled)) .btn-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-tertiary--border-color--active);background-color:var(--theme-btn-tertiary--background--active);color:var(--theme-btn-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-tertiary.disabled,:host(.disabled) .btn-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-tertiary--border-color--disabled);background-color:var(--theme-btn-tertiary--background--disabled);color:var(--theme-btn-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-tertiary--color--disabled)}:host .btn-subtle-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-primary{background-color:var(--theme-btn-subtle-primary--background);color:var(--theme-btn-subtle-primary--color);--ix-button-color:var(--theme-btn-subtle-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-primary--border-color);border-style:solid}:host .btn-subtle-primary.selected{background-color:var(--theme-btn-subtle-primary--background--pressed);color:var(--theme-btn-subtle-primary--color--pressed)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-hover)}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-primary--background--pressed-hover);color:var(--theme-btn-subtle-primary--color--pressed-active)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):hover,:host .btn-subtle-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-primary--border-color--hover);background-color:var(--theme-btn-subtle-primary--background--hover);color:var(--theme-btn-subtle-primary--color--hover)}:host .btn-subtle-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-primary:not(.disabled):not(:disabled):active,:host .btn-subtle-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.active:not(.disabled)) .btn-subtle-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-primary--border-color--active);background-color:var(--theme-btn-subtle-primary--background--active);color:var(--theme-btn-subtle-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-primary.disabled,:host(.disabled) .btn-subtle-primary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-primary--border-color--disabled);background-color:var(--theme-btn-subtle-primary--background--disabled);color:var(--theme-btn-subtle-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-primary--color--disabled)}:host .btn-subtle-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-secondary{background-color:var(--theme-btn-subtle-secondary--background);color:var(--theme-btn-subtle-secondary--color);--ix-button-color:var(--theme-btn-subtle-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-secondary--border-color);border-style:solid}:host .btn-subtle-secondary.selected{background-color:var(--theme-btn-subtle-secondary--background--pressed);color:var(--theme-btn-subtle-secondary--color--pressed)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-hover)}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-secondary--background--pressed-hover);color:var(--theme-btn-subtle-secondary--color--pressed-active)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):hover,:host .btn-subtle-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-secondary--border-color--hover);background-color:var(--theme-btn-subtle-secondary--background--hover);color:var(--theme-btn-subtle-secondary--color--hover)}:host .btn-subtle-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-secondary:not(.disabled):not(:disabled):active,:host .btn-subtle-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.active:not(.disabled)) .btn-subtle-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-secondary--border-color--active);background-color:var(--theme-btn-subtle-secondary--background--active);color:var(--theme-btn-subtle-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-secondary.disabled,:host(.disabled) .btn-subtle-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-secondary--border-color--disabled);background-color:var(--theme-btn-subtle-secondary--background--disabled);color:var(--theme-btn-subtle-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-secondary--color--disabled)}:host .btn-subtle-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-subtle-tertiary{background-color:var(--theme-btn-subtle-tertiary--background);color:var(--theme-btn-subtle-tertiary--color);--ix-button-color:var(--theme-btn-subtle-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-subtle-tertiary--border-color);border-style:solid}:host .btn-subtle-tertiary.selected{background-color:var(--theme-btn-subtle-tertiary--background--pressed);color:var(--theme-btn-subtle-tertiary--color--pressed)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-hover)}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-subtle-tertiary--background--pressed-hover);color:var(--theme-btn-subtle-tertiary--color--pressed-active)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):hover,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-subtle-tertiary--border-color--hover);background-color:var(--theme-btn-subtle-tertiary--background--hover);color:var(--theme-btn-subtle-tertiary--color--hover)}:host .btn-subtle-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-subtle-tertiary:not(.disabled):not(:disabled):active,:host .btn-subtle-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.active:not(.disabled)) .btn-subtle-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-subtle-tertiary--border-color--active);background-color:var(--theme-btn-subtle-tertiary--background--active);color:var(--theme-btn-subtle-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-subtle-tertiary.disabled,:host(.disabled) .btn-subtle-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-subtle-tertiary--border-color--disabled);background-color:var(--theme-btn-subtle-tertiary--background--disabled);color:var(--theme-btn-subtle-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .btn-danger-primary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-primary{background-color:var(--theme-btn-danger-primary--background);color:var(--theme-btn-danger-primary--color);--ix-button-color:var(--theme-btn-danger-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-primary--border-color);border-style:solid}:host .btn-danger-primary.selected{background-color:var(--theme-btn-danger-primary--background--pressed);color:var(--theme-btn-danger-primary--color--pressed)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-hover)}:host .btn-danger-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-primary--background--pressed-hover);color:var(--theme-btn-danger-primary--color--pressed-active)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):hover,:host .btn-danger-primary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-primary--border-color--hover);background-color:var(--theme-btn-danger-primary--background--hover);color:var(--theme-btn-danger-primary--color--hover)}:host .btn-danger-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-primary:not(.disabled):not(:disabled):active,:host .btn-danger-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.active:not(.disabled)) .btn-danger-primary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-primary--border-color--active);background-color:var(--theme-btn-danger-primary--background--active);color:var(--theme-btn-danger-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-primary.disabled,:host(.disabled) .btn-danger-primary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-primary--border-color--disabled);background-color:var(--theme-btn-danger-primary--background--disabled);color:var(--theme-btn-danger-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-primary--color--disabled)}:host .btn-danger-secondary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-secondary{background-color:var(--theme-btn-danger-secondary--background);color:var(--theme-btn-danger-secondary--color);--ix-button-color:var(--theme-btn-danger-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-secondary--border-color);border-style:solid}:host .btn-danger-secondary.selected{background-color:var(--theme-btn-danger-secondary--background--pressed);color:var(--theme-btn-danger-secondary--color--pressed)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-hover)}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-secondary--background--pressed-hover);color:var(--theme-btn-danger-secondary--color--pressed-active)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):hover,:host .btn-danger-secondary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-secondary--border-color--hover);background-color:var(--theme-btn-danger-secondary--background--hover);color:var(--theme-btn-danger-secondary--color--hover)}:host .btn-danger-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-secondary:not(.disabled):not(:disabled):active,:host .btn-danger-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.active:not(.disabled)) .btn-danger-secondary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-secondary--border-color--active);background-color:var(--theme-btn-danger-secondary--background--active);color:var(--theme-btn-danger-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-secondary.disabled,:host(.disabled) .btn-danger-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-secondary--border-color--disabled);background-color:var(--theme-btn-danger-secondary--background--disabled);color:var(--theme-btn-danger-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-secondary--color--disabled)}:host .btn-danger-tertiary{text-align:start;border-top-left-radius:var(--ix-button-border-radius-left);border-bottom-left-radius:var(--ix-button-border-radius-left);border-top-right-radius:var(--ix-button-border-radius-right);border-bottom-right-radius:var(--ix-button-border-radius-right)}:host .btn-danger-tertiary{background-color:var(--theme-btn-danger-tertiary--background);color:var(--theme-btn-danger-tertiary--color);--ix-button-color:var(--theme-btn-danger-tertiary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger-tertiary--border-color);border-style:solid}:host .btn-danger-tertiary.selected{background-color:var(--theme-btn-danger-tertiary--background--pressed);color:var(--theme-btn-danger-tertiary--color--pressed)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).hover{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-hover)}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-danger-tertiary--background--pressed-hover);color:var(--theme-btn-danger-tertiary--color--pressed-active)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):hover,:host .btn-danger-tertiary:not(.disabled):not(:disabled).hover{border-color:var(--theme-btn-danger-tertiary--border-color--hover);background-color:var(--theme-btn-danger-tertiary--background--hover);color:var(--theme-btn-danger-tertiary--color--hover)}:host .btn-danger-tertiary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger-tertiary:not(.disabled):not(:disabled):active,:host .btn-danger-tertiary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.active:not(.disabled)) .btn-danger-tertiary:not(.disabled):not(:disabled){border-color:var(--theme-btn-danger-tertiary--border-color--active);background-color:var(--theme-btn-danger-tertiary--background--active);color:var(--theme-btn-danger-tertiary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger-tertiary.disabled,:host(.disabled) .btn-danger-tertiary:disabled{pointer-events:none;border-color:var(--theme-btn-danger-tertiary--border-color--disabled);background-color:var(--theme-btn-danger-tertiary--background--disabled);color:var(--theme-btn-danger-tertiary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger-tertiary--color--disabled)}*,*::after,*::before{box-sizing:border-box}*::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}*{}*::-webkit-scrollbar{width:0.5rem;height:0.5rem}*{}*::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}*::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}*{}*::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}*{}*::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}*::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host .icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}`;
11
11
 
12
12
  const IconToggleButton = class extends Mixin(...DefaultMixins, InheritAriaAttributesMixin) {
13
13
  constructor(hostRef) {
@@ -92,166 +92,11 @@ const IconToggleButton = class extends Mixin(...DefaultMixins, InheritAriaAttrib
92
92
  ...this.getIconSizeClass(),
93
93
  },
94
94
  };
95
- return (h(Host, { key: '4a88b4c7a2378ef0f72ccc8256de227be868f8c8', class: {
95
+ return (h(Host, { key: '19d7a7c2ea4a7e1cb0aa96a7d1b7848acd61bb0f', class: {
96
96
  ...this.getIconSizeClass(),
97
97
  disabled: this.disabled || this.loading,
98
- } }, h(BaseIconButton, { key: 'e2801bf6e2f360c58fb16753b8e5f7f160647b67', ...baseButtonProps })));
98
+ } }, h(BaseIconButton, { key: '1ad13c2f6bfe45ac8adf0c51c4079a44e156287e', ...baseButtonProps })));
99
99
  }
100
- static get watchers() { return {
101
- "role": [{
102
- "ariaAttributeChanged": 0
103
- }],
104
- "aria-activedescendant": [{
105
- "ariaAttributeChanged": 0
106
- }],
107
- "aria-atomic": [{
108
- "ariaAttributeChanged": 0
109
- }],
110
- "aria-autocomplete": [{
111
- "ariaAttributeChanged": 0
112
- }],
113
- "aria-braillelabel": [{
114
- "ariaAttributeChanged": 0
115
- }],
116
- "aria-brailleroledescription": [{
117
- "ariaAttributeChanged": 0
118
- }],
119
- "aria-busy": [{
120
- "ariaAttributeChanged": 0
121
- }],
122
- "aria-checked": [{
123
- "ariaAttributeChanged": 0
124
- }],
125
- "aria-colcount": [{
126
- "ariaAttributeChanged": 0
127
- }],
128
- "aria-colindex": [{
129
- "ariaAttributeChanged": 0
130
- }],
131
- "aria-colindextext": [{
132
- "ariaAttributeChanged": 0
133
- }],
134
- "aria-colspan": [{
135
- "ariaAttributeChanged": 0
136
- }],
137
- "aria-controls": [{
138
- "ariaAttributeChanged": 0
139
- }],
140
- "aria-current": [{
141
- "ariaAttributeChanged": 0
142
- }],
143
- "aria-describedby": [{
144
- "ariaAttributeChanged": 0
145
- }],
146
- "aria-description": [{
147
- "ariaAttributeChanged": 0
148
- }],
149
- "aria-details": [{
150
- "ariaAttributeChanged": 0
151
- }],
152
- "aria-disabled": [{
153
- "ariaAttributeChanged": 0
154
- }],
155
- "aria-errormessage": [{
156
- "ariaAttributeChanged": 0
157
- }],
158
- "aria-expanded": [{
159
- "ariaAttributeChanged": 0
160
- }],
161
- "aria-flowto": [{
162
- "ariaAttributeChanged": 0
163
- }],
164
- "aria-haspopup": [{
165
- "ariaAttributeChanged": 0
166
- }],
167
- "aria-hidden": [{
168
- "ariaAttributeChanged": 0
169
- }],
170
- "aria-invalid": [{
171
- "ariaAttributeChanged": 0
172
- }],
173
- "aria-keyshortcuts": [{
174
- "ariaAttributeChanged": 0
175
- }],
176
- "aria-label": [{
177
- "ariaAttributeChanged": 0
178
- }],
179
- "aria-labelledby": [{
180
- "ariaAttributeChanged": 0
181
- }],
182
- "aria-level": [{
183
- "ariaAttributeChanged": 0
184
- }],
185
- "aria-live": [{
186
- "ariaAttributeChanged": 0
187
- }],
188
- "aria-multiline": [{
189
- "ariaAttributeChanged": 0
190
- }],
191
- "aria-multiselectable": [{
192
- "ariaAttributeChanged": 0
193
- }],
194
- "aria-orientation": [{
195
- "ariaAttributeChanged": 0
196
- }],
197
- "aria-owns": [{
198
- "ariaAttributeChanged": 0
199
- }],
200
- "aria-placeholder": [{
201
- "ariaAttributeChanged": 0
202
- }],
203
- "aria-posinset": [{
204
- "ariaAttributeChanged": 0
205
- }],
206
- "aria-pressed": [{
207
- "ariaAttributeChanged": 0
208
- }],
209
- "aria-readonly": [{
210
- "ariaAttributeChanged": 0
211
- }],
212
- "aria-relevant": [{
213
- "ariaAttributeChanged": 0
214
- }],
215
- "aria-required": [{
216
- "ariaAttributeChanged": 0
217
- }],
218
- "aria-roledescription": [{
219
- "ariaAttributeChanged": 0
220
- }],
221
- "aria-rowcount": [{
222
- "ariaAttributeChanged": 0
223
- }],
224
- "aria-rowindex": [{
225
- "ariaAttributeChanged": 0
226
- }],
227
- "aria-rowindextext": [{
228
- "ariaAttributeChanged": 0
229
- }],
230
- "aria-rowspan": [{
231
- "ariaAttributeChanged": 0
232
- }],
233
- "aria-selected": [{
234
- "ariaAttributeChanged": 0
235
- }],
236
- "aria-setsize": [{
237
- "ariaAttributeChanged": 0
238
- }],
239
- "aria-sort": [{
240
- "ariaAttributeChanged": 0
241
- }],
242
- "aria-valuemax": [{
243
- "ariaAttributeChanged": 0
244
- }],
245
- "aria-valuemin": [{
246
- "ariaAttributeChanged": 0
247
- }],
248
- "aria-valuenow": [{
249
- "ariaAttributeChanged": 0
250
- }],
251
- "aria-valuetext": [{
252
- "ariaAttributeChanged": 0
253
- }]
254
- }; }
255
100
  };
256
101
  IconToggleButton.style = iconToggleButtonCss();
257
102
 
package/dist/esm/ix-input.entry.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
2
- import { s as iconEye, u as iconEyeCancelled } from './index-DgUGsIlh.js';
2
+ import { F as iconEye, H as iconEyeCancelled } from './index-BeX6RWvV.js';
3
3
  import { m as makeRef } from './make-ref-Djkc69iv.js';
4
- import { m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, g as checkInternalValidity, d as SlotStart, I as InputElement, i as getAriaAttributesForInput, j as onEnterKeyChangeEmit, f as onInputFocus, k as checkAllowedKeys, o as onInputBlurWithChange, S as SlotEnd } from './input.fc-CE3kP-L_.js';
5
- import { H as HookValidationLifecycle } from './validation-VVt5EFy0.js';
6
- import './a11y-C21npbUc.js';
4
+ import { m as mapValidationResult, a as addDisposableChangesAndVisibilityObservers, b as adjustPaddingForStartAndEnd, g as checkInternalValidity, d as SlotStart, I as InputElement, i as getAriaAttributesForInput, j as onEnterKeyChangeEmit, f as onInputFocus, k as checkAllowedKeys, o as onInputBlurWithChange, S as SlotEnd } from './input.fc-Cwmx0lGN.js';
5
+ import { H as HookValidationLifecycle } from './validation-DXpftrw5.js';
6
+ import './a11y-DD206pTM.js';
7
7
  import './mutation-observer-CX81WQtk.js';
8
8
  import './rwd.util-JJddxCCh.js';
9
9
  import './anime.esm-DhE1t8Qh.js';
10
- import './animation-DNIQ2C1K.js';
10
+ import './animation-BqeSHO6C.js';
11
11
  import './index-XBTykBKS.js';
12
12
 
13
- const inputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}`;
13
+ const inputCss = () => `input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host input[type=password]::-ms-reveal,:host input[type=password]::-ms-clear{display:none}:host input[type=password]::-webkit-credentials-auto-fill-button,:host input[type=password]::-webkit-textfield-decoration-container,:host input[type=password]::-webkit-contacts-auto-fill-button,:host input[type=password]::-webkit-caps-lock-indicator{visibility:hidden;pointer-events:none}:host .password-eye{margin-left:0.125rem}`;
14
14
 
15
15
  /*
16
16
  * SPDX-FileCopyrightText: 2024 Siemens AG
@@ -224,19 +224,19 @@ const Input = class {
224
224
  }
225
225
  render() {
226
226
  const inputAria = getAriaAttributesForInput(this);
227
- return (h(Host, { key: '39e2e23db5a53ee6b5af6be560210e134fc05972', class: {
227
+ return (h(Host, { key: '66836b5459585c8a90488d16e71d545363b10863', class: {
228
228
  disabled: this.disabled,
229
229
  readonly: this.readonly,
230
- } }, h("ix-field-wrapper", { key: '11b06932337c40f4aed4ca7e472486bcc9fb443e', required: this.required, label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, warningText: this.warningText, validText: this.validText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isValid: this.isValid, isInfo: this.isInfo, isWarning: this.isWarning, controlRef: this.inputRef }, h("div", { key: 'a4acff054f170436d054b1126ed983c441a4a862', class: "input-wrapper" }, h(SlotStart, { key: 'f5cedd24a63534c6ae89791eb13b1d130dad5123', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: 'd1b802c2c12e6bf2ef97c57c06de1e1c1ea0a81b', id: this.inputId, readonly: this.readonly, disabled: this.disabled, maxLength: this.maxLength, minLength: this.minLength, pattern: this.pattern, type: this.inputType, isInvalid: this.isInvalid, required: this.required, value: this.value, placeholder: this.placeholder, inputRef: this.inputRef, onKeyPress: (event) => checkAllowedKeys(this, event), onFocus: () => onInputFocus(this, this.value), onEnterKeyChange: (event) => onEnterKeyChangeEmit(event, this, this.value), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
230
+ } }, h("ix-field-wrapper", { key: 'f6ecaef9149b5abad35af671fa2cfd907ef32faf', 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 }, h("div", { key: 'cd37519c24d9d9bd209a161f2dd88df0942176d4', class: "input-wrapper" }, h(SlotStart, { key: 'e83805660ed82fdf555d8550df9c3341be618e18', slotStartRef: this.slotStartRef, onSlotChange: () => this.updatePaddings() }), h(InputElement, { key: '5f6dba675ee9fb00bc6b7d1a10e1ce637ee766b2', 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), onFocus: () => onInputFocus(this, this.value), onEnterKeyChange: (event) => onEnterKeyChangeEmit(event, this, this.value), valueChange: (value) => this.valueChange.emit(value), updateFormInternalValue: (value) => this.updateFormInternalValue(value), onBlur: () => {
231
231
  onInputBlurWithChange(this, this.inputRef.current, this.value);
232
232
  this.touched = true;
233
- }, ariaAttributes: inputAria, form: this.formInternals.form ?? undefined, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), h(SlotEnd, { key: '1546044564575e540f091b3a0b610627a06a1da2', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, this.type === 'password' && !this.disabled && (h("ix-icon-button", { key: '1f31b154f0c715c38a6e5303e458c768839b85d6', ref: this.passwordToggleRef, color: "color-weak-text", class: "password-eye", variant: "tertiary", size: "16", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
233
+ }, ariaAttributes: inputAria, form: this.formInternals.form ?? undefined, suppressSubmitOnEnter: this.suppressSubmitOnEnter, textAlignment: this.textAlignment }), h(SlotEnd, { key: '93497c9dcef9942a90b288251870cca7fa3889eb', slotEndRef: this.slotEndRef, onSlotChange: () => this.updatePaddings() }, this.type === 'password' && !this.disabled && (h("ix-icon-button", { key: 'f0e8f7dfe18368db4327ac30e8041ad2594b5ca8', ref: this.passwordToggleRef, color: "color-weak-text", class: "password-eye", variant: "tertiary", size: "16", icon: this.inputType === 'password' ? iconEye : iconEyeCancelled, onClick: () => {
234
234
  if (this.inputType === 'password') {
235
235
  this.inputType = 'text';
236
236
  return;
237
237
  }
238
238
  this.inputType = 'password';
239
- } })))), !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: 'e0759b32acfe0e8e50882861ce69c9951ce8fd82', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value ?? '').length, "/", this.maxLength)))));
239
+ } })))), !!this.maxLength && this.maxLength > 0 && (h("ix-typography", { key: 'e732a774c5842487a0171b2b45454511ecfcfb8e', class: "bottom-text", slot: "bottom-right", textColor: "soft" }, (this.value ?? '').length, "/", this.maxLength)))));
240
240
  }
241
241
  static get formAssociated() { return true; }
242
242
  static get watchers() { return {
package/dist/esm/ix-key-value-list.entry.js CHANGED
@@ -11,7 +11,7 @@ const KeyValueList = class {
11
11
  */
12
12
  striped = false;
13
13
  render() {
14
- return (h(Host, { key: '934ba6bfcd2da7f444855670cffff90936cfb7c5', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: 'd935f982f4aa55443641f29615b70a610456b2c3' })));
14
+ return (h(Host, { key: 'd1df02c5eb06aa46663312486c259df70dc1d5a1', class: { keyValueList: true, 'keyValueList--striped': this.striped } }, h("slot", { key: '1e6e8856d7a21e9f9689e2823c38f4892f33604e' })));
15
15
  }
16
16
  };
17
17
  KeyValueList.style = keyValueListCss();
package/dist/esm/ix-key-value.entry.js CHANGED
@@ -29,7 +29,7 @@ const KeyValue = class {
29
29
  */
30
30
  value;
31
31
  render() {
32
- return (h(Host, { key: '84845bbe27624cc75a0b92fe3f0db65fbb3331e3', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (h("ix-icon", { key: 'ad59a165d724eb8171dea28b98daa284bdf25fe8', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), h("div", { key: 'ed34046d743256b63cf2cc5f1733f8334da830b7', class: "keyValue__content" }, h("div", { key: '5604099f74006a2a99e8adc3a529d26d8b9ce953', class: "content__label" }, this.label), h("div", { key: '165a362f6d930d331449a96fcf189ace03776e47', class: {
32
+ return (h(Host, { key: 'd972c5d0a1228644a1e07510a21f11c02c671375', class: `keyValue keyValue--${this.labelPosition === 'top' ? 'column' : 'row'}` }, this.icon && (h("ix-icon", { key: 'cfc9180413baddab9d7cd2ecd8140f59d5b59c11', name: this.icon, size: "24", class: "keyValue__icon", "aria-label": this.ariaLabelIcon })), h("div", { key: '2b0f8a08ac4a28a8232c96e9883a49c09cc9f645', class: "keyValue__content" }, h("div", { key: '4d8a3fbea38aa5485944e115b0f388b21e830df9', class: "content__label" }, this.label), h("div", { key: '31a26c86afad074b9595e4bf11600907036ed972', class: {
33
33
  content__value: true,
34
34
  'has-customValue': this.value === undefined,
35
35
  } }, this.value !== undefined ? (this.value) : (h("slot", { name: "custom-value" }))))));
package/dist/esm/ix-kpi.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-EBgS4zhE.js';
2
- import { c as iconWarning, v as iconAlarm } from './index-DgUGsIlh.js';
2
+ import { c as iconWarning, r as iconAlarm } from './index-BeX6RWvV.js';
3
3
 
4
- const kpiCss = () => `:host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}`;
4
+ const kpiCss = () => `:host{display:flex;flex-grow:1;height:2.5rem;border-radius:var(--theme-kpi--border-radius);padding:0.375rem 0.25rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host *::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host *{}:host *::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host *{}:host *::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host *::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host *{}:host *::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host *{}:host *::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host *::-webkit-scrollbar-corner{display:none}:host span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .kpi-container{display:flex;height:100%;width:100%;border-block-end:2px solid grey}:host .kpi-container.alarm{border-block-end-color:var(--theme-color-alarm)}:host .kpi-container.warning{border-block-end-color:var(--theme-color-warning)}:host .kpi-container .kpi-label{display:flex;align-items:center;color:var(--theme-kpi-display-label--color);flex-grow:1;flex-shrink:9999}:host .kpi-container .kpi-label ix-icon{margin-inline-end:0.25rem}:host .kpi-container .kpi-value-container{display:flex;align-items:flex-end}:host .kpi-container .kpi-value{color:var(--theme-kpi-display-value--color);font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .kpi-container .kpi-unit{margin-inline-start:0.5rem;color:var(--theme-kpi-display-units--color)}:host .kpi-container .kpi-label,:host .kpi-container .kpi-unit{margin-block-start:0.125rem}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):hover,:host:not(.disabled):not(:disabled).hover{background-color:var(--theme-kpi-display--background--hover)}:host:not(.disabled):not(:disabled){cursor:pointer}:host:not(.disabled):not(:disabled):active,:host:not(.disabled):not(:disabled).active{background-color:var(--theme-kpi-display--background--active)}:host:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--focus--border-color)}:host(.stacked){height:3.75rem}:host(.stacked) .kpi-container{justify-content:center;flex-wrap:wrap}:host(.stacked) .kpi-container .kpi-label{width:100%;justify-content:center}`;
5
5
 
6
6
  const Kpi = class {
7
7
  constructor(hostRef) {
@@ -57,13 +57,13 @@ const Kpi = class {
57
57
  return tooltip;
58
58
  }
59
59
  render() {
60
- return (h(Host, { key: '5efa239dd8c91b6661566c235f020900d0df9357', title: this.getTooltipText(), tabindex: "1", class: {
60
+ return (h(Host, { key: 'd89b035eefe6b02cdecdb139a28106dcd3b586de', title: this.getTooltipText(), tabindex: "1", class: {
61
61
  stacked: this.orientation === 'vertical',
62
- } }, h("div", { key: 'fc4d4c1ec7aa129aaf064809052e45e953bee223', class: {
62
+ } }, h("div", { key: 'b63dc3b4e257fffe4465af5535b2bec4b71940cf', class: {
63
63
  'kpi-container': true,
64
64
  alarm: this.state === 'alarm',
65
65
  warning: this.state === 'warning',
66
- } }, h("span", { key: '82fe2894efb51fa9ca753745fd1dc3a82b1c04d0', class: "kpi-label" }, this.getStateIcon(), h("span", { key: 'c1d4de1f9945afacc737141c461c95e132a89141', class: "kpi-label-text" }, this.label)), h("span", { key: '60ef2f9d9d6cff9d19e9adc677eacd5a2f625854', class: "kpi-value-container" }, h("span", { key: 'cbf79bcf59f8614be4c1c540d33f4853943ea88d', class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : ''))));
66
+ } }, h("span", { key: '46d740dc7d7562b72002c5fc7d5b7c48b1cbe7eb', class: "kpi-label" }, this.getStateIcon(), h("span", { key: '978eaa270dc2578b1a861b1ae6bbe7011357f282', class: "kpi-label-text" }, this.label)), h("span", { key: 'f103a4a0940cb9aa1d19f733b244fc7395a418cc', class: "kpi-value-container" }, h("span", { key: 'ced86eace345b294b2f1a444487b54c52808f5a3', class: "kpi-value" }, this.value), this.unit ? h("span", { class: "kpi-unit" }, this.unit) : ''))));
67
67
  }
68
68
  };
69
69
  Kpi.style = kpiCss();
package/dist/esm/ix-layout-auto.entry.js CHANGED
@@ -77,7 +77,7 @@ const LayoutForm = class {
77
77
  });
78
78
  }
79
79
  render() {
80
- return (h(Host, { key: '21efd579460a164571a802fe0bb80acf6f52c6dc' }, h("div", { key: 'ea241e9bb64871303076772e40eb0699ba358f3b', class: "container" }, h("slot", { key: 'a58d52f738522c46482a0dab84dc7fc8ca9ae6cb' }))));
80
+ return (h(Host, { key: '94b563d58576e5dee2891096349fff91de442bd0' }, h("div", { key: '567c89a3633e2566d069f73fb1332a1a40c0cf01', class: "container" }, h("slot", { key: '052862cfc5b47fc070e2354ac490bcb3f6cca4dd' }))));
81
81
  }
82
82
  static get watchers() { return {
83
83
  "layout": [{
package/dist/esm/ix-link-button.entry.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { r as registerInstance, h, H as Host } from './index-EBgS4zhE.js';
2
- import { j as iconChevronRightSmall } from './index-DgUGsIlh.js';
2
+ import { u as iconChevronRightSmall } from './index-BeX6RWvV.js';
3
3
 
4
4
  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)}`;
5
5
 
@@ -22,13 +22,13 @@ const LinkButton = class {
22
22
  */
23
23
  target = '_self';
24
24
  render() {
25
- return (h(Host, { key: '9a24825321d721c171c3701e5a6484f2dbdeffdc' }, h("a", { key: 'd3b81f3adba54dbdd0312510c79505c1ad7f1611', title: this.url, tabindex: "0", class: {
25
+ return (h(Host, { key: '2b52b09b194a4ea0f1295e38fda4b8eba79febcb' }, h("a", { key: 'aa7f332f3259e143ddc2ecdb489d3207475ce538', title: this.url, tabindex: "0", class: {
26
26
  'link-button': true,
27
27
  disabled: this.disabled,
28
- }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '3c6cb9b4adb2e2ace4835b8df8e4b3a082d1ffa2', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: '629817f64a53b1226a9e10f3abb8bc1bfaad2877', class: {
28
+ }, href: this.disabled ? undefined : this.url, target: this.target }, h("ix-icon", { key: '96945fe61627958413117822bfbb3d321c91dfde', class: "icon", name: iconChevronRightSmall, size: "16", "aria-hidden": "true" }), h("div", { key: '93b6503a5fd5fba9fe22c1efeff8472e718f2fae', class: {
29
29
  link: true,
30
30
  disabled: this.disabled,
31
- } }, h("slot", { key: '8ec1e3c6991c89d4feb0aeaf8c8e6e3d87d2c23c' })))));
31
+ } }, h("slot", { key: 'c21e59ce0af752b66cdda745dc55588f00d6755d' })))));
32
32
  }
33
33
  };
34
34
  LinkButton.style = linkButtonCss();
package/dist/esm/ix-menu-about-item.entry.js CHANGED
@@ -23,7 +23,7 @@ const MenuAboutItem = class extends Mixin(BaseTabMixin) {
23
23
  });
24
24
  }
25
25
  render() {
26
- return (h(Host, { key: '2d70a2809dc4eb56b1e3d6183ca837a38ee01b16' }, h("ix-tab-panel", { key: 'd0923d4116998d6a7e231b907eacd5f8081eae36', tabKey: this.tabKey }, h("slot", { key: 'abd6be8e81556b9cb3091dfb55cebfa9ab4d76d0' }))));
26
+ return (h(Host, { key: 'acde06cac4ff13c7b9529d219b60e5460d01eb2b' }, h("ix-tab-panel", { key: 'a7458d27e0b5f2cf93154a438f67386d6583fbe6', tabKey: this.tabKey }, h("slot", { key: 'e47b54b6640d0e2a068deb648a22d5908b9ea380' }))));
27
27
  }
28
28
  static get watchers() { return {
29
29
  "label": [{
package/dist/esm/ix-menu-about-news.entry.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { M as Mixin, r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-EBgS4zhE.js';
2
- import { y as iconClose, z as iconShout } from './index-DgUGsIlh.js';
2
+ import { K as iconClose, L as iconShout } from './index-BeX6RWvV.js';
3
3
  import { D as DefaultMixins } from './component-DqJSHc3A.js';
4
4
  import './focus-utilities-6ZxKp7Jn.js';
5
5
  import './shadow-dom-BClJdFQP.js';
6
6
 
7
- const menuAboutNewsCss = () => `:host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}`;
7
+ const menuAboutNewsCss = () => `:host{--margin:0.5rem;display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-2);border-radius:0.25rem;padding:1rem;left:3.4rem;z-index:10000;transition:left var(--theme-default-time);margin-inline-start:var(--margin) !important;box-shadow:var(--theme-box-shadow-level-4)}: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 .banner-container{position:absolute;top:0.0625rem;left:1rem}:host .banner-container svg{position:absolute;height:3.625rem;width:3rem}:host .banner-container svg polygon{fill:var(--theme-color-primary)}:host .banner-container ix-icon{margin:0.5rem;position:absolute;z-index:1}:host .cui-popover-news-header{margin-bottom:2.5rem;margin-inline-start:4rem;margin-block-start:-0.25rem}:host .popover-body{color:var(--theme-color-std-text)}:host .cui-popover-news-footer{display:flex;justify-content:flex-end;margin-top:1rem}:host ix-icon-button{top:0.5rem;right:0.5rem;position:absolute}:host #arrow{position:absolute;width:0.5rem;height:0.5rem;background-color:var(--theme-color-2);transform:translateX(calc(var(--margin) * -1 - 0.8rem)) rotateZ(45deg)}:host(.expanded){left:calc(3.4rem + 12.7rem)}:host(.show){display:none}@media only screen and (max-width: 48em){:host{display:flex;flex-direction:column;max-height:calc(100vh - 4.75rem);width:calc(100% - 2rem);max-width:30rem;transform:translateX(calc(1rem - 50%));left:calc(50% - 1rem) !important;bottom:1rem !important;margin-inline:0 !important;z-index:calc(var(--theme-z-index-sticky) - 1)}:host .slot-container{overflow-y:auto}:host #arrow{display:none}}`;
8
8
 
9
9
  const MenuAboutNews = class extends Mixin(...DefaultMixins) {
10
10
  constructor(hostRef) {
@@ -47,16 +47,16 @@ const MenuAboutNews = class extends Mixin(...DefaultMixins) {
47
47
  /** @internal */
48
48
  expanded = false;
49
49
  render() {
50
- return (h(Host, { key: '2140402346af0c9c6b35c32cd001d41fac408f66', class: {
50
+ return (h(Host, { key: 'fff5b2a49fedcf7c44e44d617b757c9e2e0a4d30', class: {
51
51
  expanded: this.expanded,
52
52
  show: !this.show,
53
- } }, h("div", { key: '655926df0b24c2edbb2c5e8e504a7f2072ed16dd', class: "banner-container" }, h("ix-icon", { key: 'd7d86dd91e2d6d09ba16f48548f044520e36f893', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: '8b2bbf35bf826f8aeed01df8cf81aef3185a0fff', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '0ff0926642c10c1662aa7055ba18db6f5b7b8a1d', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: 'c392b9b890d85e241f6f88d20c1307ce23030352', class: "cui-popover-news-header" }, h("ix-typography", { key: '546560dd3afdb47034e86e3ff2a6290824cc02c1', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: 'e6343c6409f25403e870054a23c47c7b849c837c', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
53
+ } }, h("div", { key: '7945eb35a2f33579e87040f75a31e1b32389aac1', class: "banner-container" }, h("ix-icon", { key: 'f5a4674d02f6045af787f1ec6bee5db1d02fcb7d', color: "color-inv-contrast-text", name: iconShout, size: "32" }), h("svg", { key: 'ee79deb22d6dccdfa0c2a3a447f84fcfdf64eefb', viewBox: "0 0 48 56", xmlns: "http://www.w3.org/2000/svg" }, h("polygon", { key: '01336bc75d9a1d05c95784d394890502b979b366', points: "0 0 48 0 48 56 24 48 0 56" }))), h("div", { key: '8d4f8bef7935b59c964591ab30129cdcf798b95f', class: "cui-popover-news-header" }, h("ix-typography", { key: 'f760efa506ab850dbcf7874bbcd6884fb5db013f', format: "label", bold: true }, this.label)), h("ix-icon-button", { key: 'b1dcaf11abb71df154c8e9cfcf174315fceab36c', size: "24", icon: iconClose, iconColor: "color-soft-text", variant: "tertiary", onClick: () => {
54
54
  this.show = false;
55
55
  this.closePopover.emit();
56
- } }), h("div", { key: '73b723ebd03bdf5f5592f8da68bfe481d5e5995c', class: "slot-container" }, h("slot", { key: 'ef993e0dcaf820e2e89eeb017bc15f32026c9127' })), this.activeAboutTabKey ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (event) => {
56
+ } }), h("div", { key: '5d55061b7e0411577504303f79136feb34c56570', class: "slot-container" }, h("slot", { key: 'a0fea78d3ede753a3473885a19f178c08c8266cb' })), this.activeAboutTabKey ? (h("div", { class: "cui-popover-news-footer" }, h("ix-button", { variant: "primary", onClick: (event) => {
57
57
  this.show = false;
58
58
  this.showMore.emit(event);
59
- } }, this.i18nShowMore))) : null, h("div", { key: '90c790cac92119aa825bfd075e8c280894eb7141', id: "arrow" })));
59
+ } }, this.i18nShowMore))) : null, h("div", { key: 'b0bf14f278e6eaf120c800b8ee94fc957b28e9e0', id: "arrow" })));
60
60
  }
61
61
  };
62
62
  MenuAboutNews.style = menuAboutNewsCss();