@siemens/ix 0.0.0-pr-1974-20250624072317 → 0.0.0-pr-1974-20250627115746

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 (1147) hide show
  1. package/components/custom-elements.d.ts +2 -1
  2. package/components/index.js +7 -22
  3. package/components/index.js.map +1 -1
  4. package/components/ix-action-card.js +5 -5
  5. package/components/ix-action-card.js.map +1 -1
  6. package/components/ix-application-header.js +1 -1
  7. package/components/ix-application-sidebar.js +2 -2
  8. package/components/ix-application-switch-modal.js +7 -7
  9. package/components/ix-application.js +4 -4
  10. package/components/ix-avatar.js +1 -1
  11. package/components/ix-basic-navigation.js +9 -9
  12. package/components/ix-blind.js +7 -7
  13. package/components/ix-blind.js.map +1 -1
  14. package/components/ix-breadcrumb-item.js +1 -1
  15. package/components/ix-breadcrumb.js +7 -7
  16. package/components/ix-button.js +1 -1
  17. package/components/ix-card-accordion.js +1 -1
  18. package/components/ix-card-content.js +1 -1
  19. package/components/ix-card-list.js +11 -11
  20. package/components/ix-card-title.js +1 -1
  21. package/components/ix-card.js +1 -1
  22. package/components/ix-category-filter.js +9 -9
  23. package/components/ix-checkbox-group.js +8 -8
  24. package/components/ix-checkbox.js +6 -6
  25. package/components/ix-chip.js +9 -9
  26. package/components/ix-col.js +1 -1
  27. package/components/ix-content-header.js +5 -5
  28. package/components/ix-content-header.js.map +1 -1
  29. package/components/ix-content.js +4 -4
  30. package/components/ix-css-grid-item.js +2 -2
  31. package/components/ix-css-grid.js +2 -2
  32. package/components/ix-css-grid.js.map +1 -1
  33. package/components/ix-custom-field.js +7 -7
  34. package/components/ix-date-dropdown.js +15 -15
  35. package/components/ix-date-dropdown.js.map +1 -1
  36. package/components/ix-date-input.js +16 -16
  37. package/components/ix-date-input.js.map +1 -1
  38. package/components/ix-date-picker.js +1 -1
  39. package/components/ix-date-time-card.js +1 -1
  40. package/components/ix-datetime-picker.js +13 -13
  41. package/components/ix-datetime-picker.js.map +1 -1
  42. package/components/ix-divider.js +1 -1
  43. package/components/ix-drawer.js +8 -8
  44. package/components/ix-dropdown-button.js +7 -7
  45. package/components/ix-dropdown-button.js.map +1 -1
  46. package/components/ix-dropdown-header.js +3 -3
  47. package/components/ix-dropdown-item.js +1 -1
  48. package/components/ix-dropdown-quick-actions.js +2 -2
  49. package/components/ix-dropdown.js +1 -1
  50. package/components/ix-empty-state.js +5 -5
  51. package/components/ix-empty-state.js.map +1 -1
  52. package/components/ix-event-list-item.js +5 -5
  53. package/components/ix-event-list.js +3 -3
  54. package/components/ix-expanding-search.js +7 -7
  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 +2 -2
  59. package/components/ix-flip-tile.js +7 -7
  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 +13 -13
  63. package/components/ix-helper-text.js +5 -5
  64. package/components/ix-icon-button.js +1 -1
  65. package/components/ix-icon-toggle-button.js +4 -4
  66. package/components/ix-input-group.js +2 -2
  67. package/components/ix-input.js +13 -13
  68. package/components/ix-key-value-list.js +2 -2
  69. package/components/ix-key-value.js +2 -2
  70. package/components/ix-key-value.js.map +1 -1
  71. package/components/ix-kpi.js +4 -4
  72. package/components/ix-layout-auto.js +2 -2
  73. package/components/ix-layout-grid.js +1 -1
  74. package/components/ix-link-button.js +4 -4
  75. package/components/ix-map-navigation-overlay.js +1 -1
  76. package/components/ix-map-navigation.js +10 -10
  77. package/components/ix-menu-about-item.js +2 -2
  78. package/components/ix-menu-about-news.js +9 -9
  79. package/components/ix-menu-about.js +7 -7
  80. package/components/ix-menu-avatar-item.js +1 -1
  81. package/components/ix-menu-avatar.js +10 -10
  82. package/components/ix-menu-category.js +12 -12
  83. package/components/ix-menu-expand-icon.js +1 -1
  84. package/components/ix-menu-item.js +1 -1
  85. package/components/ix-menu-settings-item.js +2 -2
  86. package/components/ix-menu-settings.js +1 -1
  87. package/components/ix-menu.js +19 -19
  88. package/components/ix-message-bar.js +4 -4
  89. package/components/ix-modal-content.js +1 -1
  90. package/components/ix-modal-footer.js +2 -2
  91. package/components/ix-modal-header.js +1 -1
  92. package/components/ix-modal-loading.js +3 -3
  93. package/components/ix-modal.js +5 -5
  94. package/components/ix-modal.js.map +1 -1
  95. package/components/ix-number-input.js +15 -15
  96. package/components/ix-pagination.js +15 -15
  97. package/components/ix-pane-layout.js +2 -2
  98. package/components/ix-pane-layout.js.map +1 -1
  99. package/components/ix-pane.js +10 -10
  100. package/components/ix-pane.js.map +1 -1
  101. package/components/ix-pill.js +7 -7
  102. package/components/ix-progress-indicator.js +6 -6
  103. package/components/ix-progress-indicator.js.map +1 -1
  104. package/components/ix-push-card.js +7 -7
  105. package/components/ix-push-card.js.map +1 -1
  106. package/components/ix-radio-group.js +8 -8
  107. package/components/ix-radio.js +7 -7
  108. package/components/ix-row.js +1 -1
  109. package/components/ix-select-item.js +1 -1
  110. package/components/ix-select.js +1 -1
  111. package/components/ix-slider.js +10 -10
  112. package/components/ix-slider.js.map +1 -1
  113. package/components/ix-spinner.js +1 -1
  114. package/components/ix-split-button.js +6 -6
  115. package/components/ix-split-button.js.map +1 -1
  116. package/components/ix-tab-item.js +1 -1
  117. package/components/ix-tabs.js +1 -1
  118. package/components/ix-textarea.js +9 -9
  119. package/components/ix-textarea.js.map +1 -1
  120. package/components/ix-tile.js +5 -5
  121. package/components/ix-time-input.js +16 -16
  122. package/components/ix-time-input.js.map +1 -1
  123. package/components/ix-time-picker.js +1 -1
  124. package/components/ix-toast-container.js +6 -6
  125. package/components/ix-toast-container.js.map +1 -1
  126. package/components/ix-toast.js +1 -1
  127. package/components/ix-toggle-button.js +5 -5
  128. package/components/ix-toggle.js +6 -6
  129. package/components/ix-tooltip.js +1 -1
  130. package/components/ix-tree-item.js +1 -1
  131. package/components/ix-tree.js +3 -3
  132. package/components/ix-typography.js +1 -1
  133. package/components/ix-upload.js +3 -3
  134. package/components/ix-validation-tooltip.js +1 -1
  135. package/components/ix-workflow-step.js +1 -1
  136. package/components/ix-workflow-steps.js +1 -1
  137. package/components/{p-C99qjEPE.js → p-5uA5ifmT.js} +5 -5
  138. package/components/{p-C99qjEPE.js.map → p-5uA5ifmT.js.map} +1 -1
  139. package/components/{p-D2Fm_05X.js → p-9dLpp1OQ.js} +3 -3
  140. package/components/{p-D2Fm_05X.js.map → p-9dLpp1OQ.js.map} +1 -1
  141. package/components/{p-DEmiWcQ0.js → p-B1Gzt08S.js} +5 -5
  142. package/components/{p-DEmiWcQ0.js.map → p-B1Gzt08S.js.map} +1 -1
  143. package/components/{p-CYjLayhK.js → p-B3duqvjW.js} +4 -4
  144. package/components/{p-CYjLayhK.js.map → p-B3duqvjW.js.map} +1 -1
  145. package/components/{p-BpwZ_OiO.js → p-B6e7P4xT.js} +3 -3
  146. package/components/{p-BpwZ_OiO.js.map → p-B6e7P4xT.js.map} +1 -1
  147. package/components/{p-Ca62xqUI.js → p-BJcX2_-N.js} +6 -6
  148. package/components/{p-Ca62xqUI.js.map → p-BJcX2_-N.js.map} +1 -1
  149. package/components/{p-CdH-wF59.js → p-BMU8AlMD.js} +9 -9
  150. package/components/{p-CdH-wF59.js.map → p-BMU8AlMD.js.map} +1 -1
  151. package/components/{p-CvYq7fCI.js → p-BNu7ac9R.js} +7 -7
  152. package/components/{p-CvYq7fCI.js.map → p-BNu7ac9R.js.map} +1 -1
  153. package/components/{p-D0hxqaGs.js → p-BP-8cvOJ.js} +6 -6
  154. package/components/{p-D0hxqaGs.js.map → p-BP-8cvOJ.js.map} +1 -1
  155. package/components/{p-BXGAr1UD.js → p-BXjBChze.js} +6 -6
  156. package/components/p-BXjBChze.js.map +1 -0
  157. package/components/{p-DBZZBDKR.js → p-BcGAKMQ_.js} +3 -3
  158. package/components/{p-DBZZBDKR.js.map → p-BcGAKMQ_.js.map} +1 -1
  159. package/components/{p-18F-YfbC.js → p-BedSAVZh.js} +4 -4
  160. package/components/p-BedSAVZh.js.map +1 -0
  161. package/components/{p-CdhP3eo7.js → p-BhLbU_vK.js} +5 -5
  162. package/components/{p-CdhP3eo7.js.map → p-BhLbU_vK.js.map} +1 -1
  163. package/components/{p-Da_mIDFR.js → p-BkWbk29R.js} +6 -6
  164. package/components/{p-Da_mIDFR.js.map → p-BkWbk29R.js.map} +1 -1
  165. package/components/{p-BW7O4gSR.js → p-BmmgJGNd.js} +6 -6
  166. package/components/{p-BW7O4gSR.js.map → p-BmmgJGNd.js.map} +1 -1
  167. package/components/{p-COgaNG0r.js → p-Bu-j8wxy.js} +6 -6
  168. package/components/{p-COgaNG0r.js.map → p-Bu-j8wxy.js.map} +1 -1
  169. package/components/p-BuJ6BWIi.js +2042 -0
  170. package/components/p-BuJ6BWIi.js.map +1 -0
  171. package/components/{p-cugF_dsq.js → p-Bvsx56zn.js} +4 -4
  172. package/components/{p-cugF_dsq.js.map → p-Bvsx56zn.js.map} +1 -1
  173. package/components/{p-BOARJXlu.js → p-BygLxZIM.js} +4 -4
  174. package/components/{p-BOARJXlu.js.map → p-BygLxZIM.js.map} +1 -1
  175. package/components/{p-IMKnzlUb.js → p-Bzyt4nTL.js} +8 -8
  176. package/components/{p-IMKnzlUb.js.map → p-Bzyt4nTL.js.map} +1 -1
  177. package/components/{p-Dih6bry9.js → p-C6o-AByw.js} +4 -4
  178. package/components/{p-Dih6bry9.js.map → p-C6o-AByw.js.map} +1 -1
  179. package/components/{p-BSRi3yyl.js → p-CKkTXQiw.js} +8 -8
  180. package/components/{p-BSRi3yyl.js.map → p-CKkTXQiw.js.map} +1 -1
  181. package/components/{p-CmNagK_M.js → p-Cb-eBcUF.js} +5 -5
  182. package/components/{p-CmNagK_M.js.map → p-Cb-eBcUF.js.map} +1 -1
  183. package/components/{p-B3NgetSU.js → p-Cp5J1RZq.js} +23 -23
  184. package/components/{p-B3NgetSU.js.map → p-Cp5J1RZq.js.map} +1 -1
  185. package/components/{p-DUctjh_Y.js → p-Cpxz1Kcs.js} +4 -4
  186. package/components/{p-DUctjh_Y.js.map → p-Cpxz1Kcs.js.map} +1 -1
  187. package/components/{p-2HalBYF6.js → p-Cs8DEpjh.js} +15 -15
  188. package/components/{p-2HalBYF6.js.map → p-Cs8DEpjh.js.map} +1 -1
  189. package/components/{p-CLe5n0eR.js → p-Cut5OrRw.js} +5 -5
  190. package/components/{p-CLe5n0eR.js.map → p-Cut5OrRw.js.map} +1 -1
  191. package/components/{p-DqBfPYF2.js → p-CvvOe8xV.js} +7 -7
  192. package/components/{p-DqBfPYF2.js.map → p-CvvOe8xV.js.map} +1 -1
  193. package/components/{p-C7qPn3fZ.js → p-D3Aowo70.js} +7 -7
  194. package/components/{p-C7qPn3fZ.js.map → p-D3Aowo70.js.map} +1 -1
  195. package/components/{p-t-aQDKhy.js → p-D9LaIICQ.js} +3 -3
  196. package/components/{p-t-aQDKhy.js.map → p-D9LaIICQ.js.map} +1 -1
  197. package/components/{p-m_8Hy4_G.js → p-DCx3-1oU.js} +5 -5
  198. package/components/{p-m_8Hy4_G.js.map → p-DCx3-1oU.js.map} +1 -1
  199. package/components/{p-6UCgBriG.js → p-DJ7U7oUq.js} +7 -7
  200. package/components/{p-6UCgBriG.js.map → p-DJ7U7oUq.js.map} +1 -1
  201. package/components/{p-D-uSMBXb.js → p-DMlmNp-B.js} +4 -4
  202. package/components/{p-D-uSMBXb.js.map → p-DMlmNp-B.js.map} +1 -1
  203. package/components/{p-D54oqcBC.js → p-DWO4uklL.js} +8 -8
  204. package/components/{p-D54oqcBC.js.map → p-DWO4uklL.js.map} +1 -1
  205. package/components/{p-pMSLP3h4.js → p-DaztMgDr.js} +12 -12
  206. package/components/p-DaztMgDr.js.map +1 -0
  207. package/components/{p-CJ9lFwzL.js → p-DbR-LZrk.js} +4 -4
  208. package/components/{p-CJ9lFwzL.js.map → p-DbR-LZrk.js.map} +1 -1
  209. package/components/{p-BUVYgPbq.js → p-DfbCO042.js} +11 -11
  210. package/components/{p-BUVYgPbq.js.map → p-DfbCO042.js.map} +1 -1
  211. package/components/{p-BI91ISYc.js → p-DkGdSI6e.js} +5 -5
  212. package/components/{p-BI91ISYc.js.map → p-DkGdSI6e.js.map} +1 -1
  213. package/components/{p-DQEpAmYe.js → p-DojBQCbP.js} +7 -7
  214. package/components/{p-DQEpAmYe.js.map → p-DojBQCbP.js.map} +1 -1
  215. package/components/{p-mLgD4b4D.js → p-DyHdZRT0.js} +5 -5
  216. package/components/{p-mLgD4b4D.js.map → p-DyHdZRT0.js.map} +1 -1
  217. package/components/{p-C9zujPO0.js → p-DyMgW0fR.js} +4 -4
  218. package/components/{p-C9zujPO0.js.map → p-DyMgW0fR.js.map} +1 -1
  219. package/components/{p-DpilwXvD.js → p-G0biE2Kx.js} +4 -4
  220. package/components/{p-DpilwXvD.js.map → p-G0biE2Kx.js.map} +1 -1
  221. package/components/p-PxA_udyJ.js.map +1 -1
  222. package/components/{p-CI771zjd.js → p-TNoCM8Wi.js} +6 -6
  223. package/components/{p-CI771zjd.js.map → p-TNoCM8Wi.js.map} +1 -1
  224. package/components/{p-D-lOakIP.js → p-qauH9Ci4.js} +5 -5
  225. package/components/{p-D-lOakIP.js.map → p-qauH9Ci4.js.map} +1 -1
  226. package/components/{p-DeAFXXM2.js → p-r63hglsv.js} +7 -7
  227. package/components/{p-DeAFXXM2.js.map → p-r63hglsv.js.map} +1 -1
  228. package/components/{p-Cuf7Gv_k.js → p-tH4n038Z.js} +5 -5
  229. package/components/p-tH4n038Z.js.map +1 -0
  230. package/dist/cjs/{base-button-CaQoQTFI.js → base-button-B-wht3TB.js} +3 -3
  231. package/dist/cjs/{base-button-CaQoQTFI.js.map → base-button-B-wht3TB.js.map} +1 -1
  232. package/dist/cjs/{base-icon-button-C9L5Gii-.js → base-icon-button-DNisNrCZ.js} +4 -4
  233. package/dist/cjs/{base-icon-button-C9L5Gii-.js.map → base-icon-button-DNisNrCZ.js.map} +1 -1
  234. package/dist/cjs/{helper-text-util-BctMjApu.js → helper-text-util-B_J9aPv0.js} +3 -3
  235. package/dist/cjs/{helper-text-util-BctMjApu.js.map → helper-text-util-B_J9aPv0.js.map} +1 -1
  236. package/dist/cjs/index-CbtIH46j.js +2734 -0
  237. package/dist/cjs/index-CbtIH46j.js.map +1 -0
  238. package/dist/cjs/index.cjs.js +1 -17
  239. package/dist/cjs/index.cjs.js.map +1 -1
  240. package/dist/cjs/{input.util-Ch0ETA-v.js → input.util-BDrqIfiB.js} +4 -4
  241. package/dist/cjs/{input.util-Ch0ETA-v.js.map → input.util-BDrqIfiB.js.map} +1 -1
  242. package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
  243. package/dist/cjs/ix-action-card.cjs.entry.js.map +1 -1
  244. package/dist/cjs/ix-action-card.entry.cjs.js.map +1 -1
  245. package/dist/cjs/ix-application-header.cjs.entry.js +4 -4
  246. package/dist/cjs/ix-application-sidebar.cjs.entry.js +2 -2
  247. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
  248. package/dist/cjs/ix-application.cjs.entry.js +4 -4
  249. package/dist/cjs/ix-avatar_2.cjs.entry.js +3 -3
  250. package/dist/cjs/ix-basic-navigation.cjs.entry.js +3 -3
  251. package/dist/cjs/ix-blind.cjs.entry.js +6 -6
  252. package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
  253. package/dist/cjs/ix-blind.entry.cjs.js.map +1 -1
  254. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
  255. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
  256. package/dist/cjs/ix-breadcrumb-item.entry.cjs.js.map +1 -1
  257. package/dist/cjs/ix-breadcrumb.cjs.entry.js +3 -3
  258. package/dist/cjs/ix-button.cjs.entry.js +4 -4
  259. package/dist/cjs/ix-card-accordion.ix-card-title.entry.cjs.js.map +1 -1
  260. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +5 -5
  261. package/dist/cjs/ix-card-accordion_2.cjs.entry.js.map +1 -1
  262. package/dist/cjs/ix-card-list.cjs.entry.js +5 -5
  263. package/dist/cjs/ix-card.ix-card-content.entry.cjs.js.map +1 -1
  264. package/dist/cjs/ix-card_2.cjs.entry.js +4 -4
  265. package/dist/cjs/ix-card_2.cjs.entry.js.map +1 -1
  266. package/dist/cjs/ix-category-filter.cjs.entry.js +5 -5
  267. package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
  268. package/dist/cjs/ix-checkbox.cjs.entry.js +5 -5
  269. package/dist/cjs/ix-chip.cjs.entry.js +5 -5
  270. package/dist/cjs/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.cjs.js.map +1 -1
  271. package/dist/cjs/ix-col_4.cjs.entry.js +12 -12
  272. package/dist/cjs/ix-col_4.cjs.entry.js.map +1 -1
  273. package/dist/cjs/ix-content-header.cjs.entry.js +2 -2
  274. package/dist/cjs/ix-content-header.cjs.entry.js.map +1 -1
  275. package/dist/cjs/ix-content-header.entry.cjs.js.map +1 -1
  276. package/dist/cjs/ix-content.cjs.entry.js +4 -4
  277. package/dist/cjs/ix-css-grid-item.cjs.entry.js +2 -2
  278. package/dist/cjs/ix-css-grid.cjs.entry.js +2 -2
  279. package/dist/cjs/ix-css-grid.cjs.entry.js.map +1 -1
  280. package/dist/cjs/ix-css-grid.entry.cjs.js.map +1 -1
  281. package/dist/cjs/ix-custom-field.cjs.entry.js +3 -3
  282. package/dist/cjs/ix-date-dropdown.cjs.entry.js +5 -5
  283. package/dist/cjs/ix-date-dropdown.cjs.entry.js.map +1 -1
  284. package/dist/cjs/ix-date-dropdown.entry.cjs.js.map +1 -1
  285. package/dist/cjs/ix-date-input.cjs.entry.js +6 -6
  286. package/dist/cjs/ix-date-input.cjs.entry.js.map +1 -1
  287. package/dist/cjs/ix-date-input.entry.cjs.js.map +1 -1
  288. package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
  289. package/dist/cjs/ix-date-time-card.cjs.entry.js.map +1 -1
  290. package/dist/cjs/ix-date-time-card.entry.cjs.js.map +1 -1
  291. package/dist/cjs/ix-datetime-picker.cjs.entry.js +2 -2
  292. package/dist/cjs/ix-datetime-picker.cjs.entry.js.map +1 -1
  293. package/dist/cjs/ix-datetime-picker.entry.cjs.js.map +1 -1
  294. package/dist/cjs/ix-divider.cjs.entry.js +2 -2
  295. package/dist/cjs/ix-drawer.cjs.entry.js +6 -6
  296. package/dist/cjs/ix-dropdown-button.cjs.entry.js +3 -3
  297. package/dist/cjs/ix-dropdown-button.cjs.entry.js.map +1 -1
  298. package/dist/cjs/ix-dropdown-button.entry.cjs.js.map +1 -1
  299. package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
  300. package/dist/cjs/ix-dropdown-item.cjs.entry.js +4 -4
  301. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
  302. package/dist/cjs/ix-dropdown.cjs.entry.js +3 -3
  303. package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
  304. package/dist/cjs/ix-empty-state.cjs.entry.js.map +1 -1
  305. package/dist/cjs/ix-empty-state.entry.cjs.js.map +1 -1
  306. package/dist/cjs/ix-event-list-item.cjs.entry.js +5 -5
  307. package/dist/cjs/ix-event-list.cjs.entry.js +3 -3
  308. package/dist/cjs/ix-expanding-search.cjs.entry.js +5 -5
  309. package/dist/cjs/ix-field-label_2.cjs.entry.js +6 -6
  310. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +3 -3
  311. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +2 -2
  312. package/dist/cjs/ix-flip-tile.cjs.entry.js +5 -5
  313. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +4 -4
  314. package/dist/cjs/ix-group.cjs.entry.js +9 -9
  315. package/dist/cjs/ix-helper-text.cjs.entry.js +4 -4
  316. package/dist/cjs/ix-icon-button.ix-spinner.entry.cjs.js.map +1 -1
  317. package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -5
  318. package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
  319. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +4 -4
  320. package/dist/cjs/ix-input-group.cjs.entry.js +2 -2
  321. package/dist/cjs/ix-input.cjs.entry.js +7 -7
  322. package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
  323. package/dist/cjs/ix-key-value.cjs.entry.js +2 -2
  324. package/dist/cjs/ix-key-value.cjs.entry.js.map +1 -1
  325. package/dist/cjs/ix-key-value.entry.cjs.js.map +1 -1
  326. package/dist/cjs/ix-kpi.cjs.entry.js +4 -4
  327. package/dist/cjs/ix-layout-auto.cjs.entry.js +2 -2
  328. package/dist/cjs/ix-link-button.cjs.entry.js +4 -4
  329. package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +3 -3
  330. package/dist/cjs/ix-map-navigation.cjs.entry.js +3 -3
  331. package/dist/cjs/ix-menu-about-item.cjs.entry.js +2 -2
  332. package/dist/cjs/ix-menu-about-news.cjs.entry.js +5 -5
  333. package/dist/cjs/ix-menu-about.cjs.entry.js +3 -3
  334. package/dist/cjs/ix-menu-avatar.cjs.entry.js +3 -3
  335. package/dist/cjs/ix-menu-category.cjs.entry.js +6 -6
  336. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +3 -3
  337. package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
  338. package/dist/cjs/{ix-menu-settings-BkPNtMal.js → ix-menu-settings-Dbt7Q2tj.js} +4 -4
  339. package/dist/cjs/{ix-menu-settings-BkPNtMal.js.map → ix-menu-settings-Dbt7Q2tj.js.map} +1 -1
  340. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +2 -2
  341. package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
  342. package/dist/cjs/ix-menu.cjs.entry.js +13 -13
  343. package/dist/cjs/ix-message-bar.cjs.entry.js +2 -2
  344. package/dist/cjs/ix-modal-content_2.cjs.entry.js +3 -3
  345. package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
  346. package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
  347. package/dist/cjs/ix-modal.cjs.entry.js +5 -5
  348. package/dist/cjs/ix-modal.cjs.entry.js.map +1 -1
  349. package/dist/cjs/ix-modal.entry.cjs.js.map +1 -1
  350. package/dist/cjs/ix-number-input.cjs.entry.js +9 -9
  351. package/dist/cjs/ix-pagination.cjs.entry.js +4 -4
  352. package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
  353. package/dist/cjs/ix-pane-layout.cjs.entry.js.map +1 -1
  354. package/dist/cjs/ix-pane-layout.entry.cjs.js.map +1 -1
  355. package/dist/cjs/ix-pane.cjs.entry.js +7 -7
  356. package/dist/cjs/ix-pane.cjs.entry.js.map +1 -1
  357. package/dist/cjs/ix-pane.entry.cjs.js.map +1 -1
  358. package/dist/cjs/ix-pill.cjs.entry.js +5 -5
  359. package/dist/cjs/ix-progress-indicator.cjs.entry.js +4 -4
  360. package/dist/cjs/ix-progress-indicator.cjs.entry.js.map +1 -1
  361. package/dist/cjs/ix-progress-indicator.entry.cjs.js.map +1 -1
  362. package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
  363. package/dist/cjs/ix-push-card.cjs.entry.js.map +1 -1
  364. package/dist/cjs/ix-push-card.entry.cjs.js.map +1 -1
  365. package/dist/cjs/ix-radio-group.cjs.entry.js +4 -4
  366. package/dist/cjs/ix-radio.cjs.entry.js +6 -6
  367. package/dist/cjs/ix-select.cjs.entry.js +11 -11
  368. package/dist/cjs/ix-slider.cjs.entry.js +8 -8
  369. package/dist/cjs/ix-slider.cjs.entry.js.map +1 -1
  370. package/dist/cjs/ix-slider.entry.cjs.js.map +1 -1
  371. package/dist/cjs/ix-split-button.cjs.entry.js +2 -2
  372. package/dist/cjs/ix-split-button.cjs.entry.js.map +1 -1
  373. package/dist/cjs/ix-split-button.entry.cjs.js.map +1 -1
  374. package/dist/cjs/ix-tab-item.ix-tabs.entry.cjs.js.map +1 -1
  375. package/dist/cjs/ix-tab-item_2.cjs.entry.js +6 -6
  376. package/dist/cjs/ix-tab-item_2.cjs.entry.js.map +1 -1
  377. package/dist/cjs/ix-textarea.cjs.entry.js +5 -5
  378. package/dist/cjs/ix-textarea.cjs.entry.js.map +1 -1
  379. package/dist/cjs/ix-textarea.entry.cjs.js.map +1 -1
  380. package/dist/cjs/ix-tile.cjs.entry.js +5 -5
  381. package/dist/cjs/ix-time-input.cjs.entry.js +6 -6
  382. package/dist/cjs/ix-time-input.cjs.entry.js.map +1 -1
  383. package/dist/cjs/ix-time-input.entry.cjs.js.map +1 -1
  384. package/dist/cjs/ix-time-picker.cjs.entry.js +6 -6
  385. package/dist/cjs/ix-time-picker.cjs.entry.js.map +1 -1
  386. package/dist/cjs/ix-time-picker.entry.cjs.js.map +1 -1
  387. package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
  388. package/dist/cjs/ix-toast-container.cjs.entry.js.map +1 -1
  389. package/dist/cjs/ix-toast-container.entry.cjs.js.map +1 -1
  390. package/dist/cjs/ix-toast.cjs.entry.js +3 -3
  391. package/dist/cjs/ix-toggle-button.cjs.entry.js +4 -4
  392. package/dist/cjs/ix-toggle.cjs.entry.js +5 -5
  393. package/dist/cjs/ix-tooltip.cjs.entry.js +2 -2
  394. package/dist/cjs/ix-tree-item.cjs.entry.js +5 -5
  395. package/dist/cjs/ix-tree.cjs.entry.js +2 -2
  396. package/dist/cjs/ix-typography.cjs.entry.js +2 -2
  397. package/dist/cjs/ix-typography.cjs.entry.js.map +1 -1
  398. package/dist/cjs/ix-typography.entry.cjs.js.map +1 -1
  399. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  400. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +1 -1
  401. package/dist/cjs/ix-workflow-step.cjs.entry.js +1 -1
  402. package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
  403. package/dist/cjs/{listener-BJXzadPO.js → listener-BT212YoD.js} +3 -3
  404. package/dist/cjs/{listener-BJXzadPO.js.map → listener-BT212YoD.js.map} +1 -1
  405. package/dist/cjs/loader.cjs.js +1 -1
  406. package/dist/cjs/modal-CR_0969h.js.map +1 -1
  407. package/dist/cjs/siemens-ix.cjs.js +1 -1
  408. package/dist/cjs/{validation-_-cW9Dku.js → validation-rAd3wIQp.js} +3 -3
  409. package/dist/cjs/{validation-_-cW9Dku.js.map → validation-rAd3wIQp.js.map} +1 -1
  410. package/dist/collection/collection-manifest.json +28 -28
  411. package/dist/collection/components/action-card/action-card.js +4 -4
  412. package/dist/collection/components/action-card/action-card.js.map +1 -1
  413. package/dist/collection/components/action-card/action-card.types.js +2 -0
  414. package/dist/collection/components/action-card/action-card.types.js.map +1 -0
  415. package/dist/collection/components/application/application.js +3 -3
  416. package/dist/collection/components/application-header/application-header.js +3 -3
  417. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +1 -1
  418. package/dist/collection/components/application-sidebar/application-sidebar.js +1 -1
  419. package/dist/collection/components/basic-navigation/basic-navigation.js +2 -2
  420. package/dist/collection/components/blind/blind.js +8 -8
  421. package/dist/collection/components/blind/blind.js.map +1 -1
  422. package/dist/collection/components/blind/blind.types.js +2 -0
  423. package/dist/collection/components/blind/blind.types.js.map +1 -0
  424. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  425. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js.map +1 -1
  426. package/dist/collection/components/button/button.js +2 -2
  427. package/dist/collection/components/card/card.js +5 -5
  428. package/dist/collection/components/card/card.js.map +1 -1
  429. package/dist/collection/components/card/card.types.js +2 -0
  430. package/dist/collection/components/card/card.types.js.map +1 -0
  431. package/dist/collection/components/card-accordion/card-accordion.js +6 -6
  432. package/dist/collection/components/card-accordion/card-accordion.js.map +1 -1
  433. package/dist/collection/components/card-accordion/card-accordion.types.js +2 -0
  434. package/dist/collection/components/card-accordion/card-accordion.types.js.map +1 -0
  435. package/dist/collection/components/card-content/card-content.js +1 -1
  436. package/dist/collection/components/card-list/card-list.js +4 -4
  437. package/dist/collection/components/card-title/card-title.js +1 -1
  438. package/dist/collection/components/category-filter/category-filter.js +3 -3
  439. package/dist/collection/components/checkbox/checkbox.js +3 -3
  440. package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
  441. package/dist/collection/components/chip/chip.js +4 -4
  442. package/dist/collection/components/col/col.js +13 -13
  443. package/dist/collection/components/col/col.js.map +1 -1
  444. package/dist/collection/components/col/col.types.js +2 -0
  445. package/dist/collection/components/col/col.types.js.map +1 -0
  446. package/dist/collection/components/content/content.js +3 -3
  447. package/dist/collection/components/content-header/content-header.js +4 -4
  448. package/dist/collection/components/content-header/content-header.js.map +1 -1
  449. package/dist/collection/components/content-header/content-header.types.js +2 -0
  450. package/dist/collection/components/content-header/content-header.types.js.map +1 -0
  451. package/dist/collection/components/css-grid/css-grid-item.js +1 -1
  452. package/dist/collection/components/css-grid/css-grid.js +4 -4
  453. package/dist/collection/components/css-grid/css-grid.js.map +1 -1
  454. package/dist/collection/components/css-grid/css-grid.types.js +2 -0
  455. package/dist/collection/components/css-grid/css-grid.types.js.map +1 -0
  456. package/dist/collection/components/custom-field/custom-field.js +1 -1
  457. package/dist/collection/components/date-dropdown/date-dropdown.js +13 -13
  458. package/dist/collection/components/date-dropdown/date-dropdown.js.map +1 -1
  459. package/dist/collection/components/date-dropdown/date-dropdown.types.js +2 -0
  460. package/dist/collection/components/date-dropdown/date-dropdown.types.js.map +1 -0
  461. package/dist/collection/components/date-dropdown/test/date-dropdown.ct.js.map +1 -1
  462. package/dist/collection/components/date-input/date-input.js +6 -6
  463. package/dist/collection/components/date-input/date-input.js.map +1 -1
  464. package/dist/collection/components/date-input/date-input.types.js +2 -0
  465. package/dist/collection/components/date-input/date-input.types.js.map +1 -0
  466. package/dist/collection/components/date-picker/date-picker-component.js.map +1 -1
  467. package/dist/collection/components/date-picker/date-picker.events.js +2 -0
  468. package/dist/collection/components/date-picker/date-picker.events.js.map +1 -0
  469. package/dist/collection/components/date-picker/date-picker.js +17 -17
  470. package/dist/collection/components/date-picker/date-picker.js.map +1 -1
  471. package/dist/collection/components/date-time-card/date-time-card.js +5 -5
  472. package/dist/collection/components/date-time-card/date-time-card.js.map +1 -1
  473. package/dist/collection/components/date-time-card/date-time-card.types.js +2 -0
  474. package/dist/collection/components/date-time-card/date-time-card.types.js.map +1 -0
  475. package/dist/collection/components/datetime-picker/datetime-picker.js +7 -7
  476. package/dist/collection/components/datetime-picker/datetime-picker.js.map +1 -1
  477. package/dist/collection/components/datetime-picker/datetime-picker.types.js +2 -0
  478. package/dist/collection/components/datetime-picker/datetime-picker.types.js.map +1 -0
  479. package/dist/collection/components/divider/divider.js +1 -1
  480. package/dist/collection/components/drawer/drawer.js +5 -5
  481. package/dist/collection/components/dropdown/dropdown.js +2 -2
  482. package/dist/collection/components/dropdown-button/dropdown-button.js +5 -5
  483. package/dist/collection/components/dropdown-button/dropdown-button.js.map +1 -1
  484. package/dist/collection/components/dropdown-button/dropdown-button.types.js +2 -0
  485. package/dist/collection/components/dropdown-button/dropdown-button.types.js.map +1 -0
  486. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  487. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  488. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  489. package/dist/collection/components/empty-state/empty-state.js +4 -4
  490. package/dist/collection/components/empty-state/empty-state.js.map +1 -1
  491. package/dist/collection/components/empty-state/empty-state.types.js +2 -0
  492. package/dist/collection/components/empty-state/empty-state.types.js.map +1 -0
  493. package/dist/collection/components/event-list/event-list.js +2 -2
  494. package/dist/collection/components/event-list-item/event-list-item.js +4 -4
  495. package/dist/collection/components/expanding-search/expanding-search.js +4 -4
  496. package/dist/collection/components/field-label/field-label.js +1 -1
  497. package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
  498. package/dist/collection/components/filter-chip/filter-chip.js +1 -1
  499. package/dist/collection/components/flip-tile/flip-tile.js +4 -4
  500. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  501. package/dist/collection/components/group/group-context-menu.js +1 -1
  502. package/dist/collection/components/group/group.js +8 -8
  503. package/dist/collection/components/group-item/group-item.js +2 -2
  504. package/dist/collection/components/helper-text/helper-text.js +1 -1
  505. package/dist/collection/components/icon-button/icon-button.js +4 -4
  506. package/dist/collection/components/icon-button/icon-button.js.map +1 -1
  507. package/dist/collection/components/icon-button/icon-button.types.js +2 -0
  508. package/dist/collection/components/icon-button/icon-button.types.js.map +1 -0
  509. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +1 -1
  510. package/dist/collection/components/input/input.js +4 -4
  511. package/dist/collection/components/input/number-input.js +6 -6
  512. package/dist/collection/components/input/textarea.js +5 -5
  513. package/dist/collection/components/input/textarea.js.map +1 -1
  514. package/dist/collection/components/input/textarea.types.js +2 -0
  515. package/dist/collection/components/input/textarea.types.js.map +1 -0
  516. package/dist/collection/components/input-group/input-group.js +1 -1
  517. package/dist/collection/components/key-value/key-value.js +4 -4
  518. package/dist/collection/components/key-value/key-value.js.map +1 -1
  519. package/dist/collection/components/key-value/key-value.types.js +2 -0
  520. package/dist/collection/components/key-value/key-value.types.js.map +1 -0
  521. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  522. package/dist/collection/components/kpi/kpi.js +3 -3
  523. package/dist/collection/components/layout-auto/layout-auto.js +1 -1
  524. package/dist/collection/components/layout-grid/layout-grid.js +2 -2
  525. package/dist/collection/components/link-button/link-button.js +3 -3
  526. package/dist/collection/components/map-navigation/map-navigation.js +2 -2
  527. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +2 -2
  528. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  529. package/dist/collection/components/menu/menu.js +12 -12
  530. package/dist/collection/components/menu-about/menu-about.js +1 -1
  531. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  532. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  533. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  534. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  535. package/dist/collection/components/menu-category/menu-category.js +5 -5
  536. package/dist/collection/components/menu-item/menu-item.js +3 -3
  537. package/dist/collection/components/menu-settings/menu-settings.js +1 -1
  538. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  539. package/dist/collection/components/message-bar/message-bar.js +1 -1
  540. package/dist/collection/components/modal/modal.js +6 -6
  541. package/dist/collection/components/modal/modal.js.map +1 -1
  542. package/dist/collection/components/modal/modal.types.js +2 -0
  543. package/dist/collection/components/modal/modal.types.js.map +1 -0
  544. package/dist/collection/components/modal-content/modal-content.js +1 -1
  545. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  546. package/dist/collection/components/modal-header/modal-header.js +1 -1
  547. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  548. package/dist/collection/components/pagination/pagination.js +2 -2
  549. package/dist/collection/components/pane/pane.js +24 -24
  550. package/dist/collection/components/pane/pane.js.map +1 -1
  551. package/dist/collection/components/pane/pane.types.js +2 -0
  552. package/dist/collection/components/pane/pane.types.js.map +1 -0
  553. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  554. package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
  555. package/dist/collection/components/pill/pill.js +4 -4
  556. package/dist/collection/components/progress-indicator/circular.js.map +1 -1
  557. package/dist/collection/components/progress-indicator/progress-indicator.js +6 -6
  558. package/dist/collection/components/progress-indicator/progress-indicator.js.map +1 -1
  559. package/dist/collection/components/progress-indicator/progress-indicator.types.js +2 -0
  560. package/dist/collection/components/progress-indicator/progress-indicator.types.js.map +1 -0
  561. package/dist/collection/components/push-card/push-card.js +4 -4
  562. package/dist/collection/components/push-card/push-card.js.map +1 -1
  563. package/dist/collection/components/push-card/push-card.types.js +2 -0
  564. package/dist/collection/components/push-card/push-card.types.js.map +1 -0
  565. package/dist/collection/components/radio/radio.js +4 -4
  566. package/dist/collection/components/radio-group/radio-group.js +2 -2
  567. package/dist/collection/components/row/row.js +1 -1
  568. package/dist/collection/components/select/select.js +8 -8
  569. package/dist/collection/components/select-item/select-item.js +1 -1
  570. package/dist/collection/components/slider/slider.js +9 -9
  571. package/dist/collection/components/slider/slider.js.map +1 -1
  572. package/dist/collection/components/slider/slider.types.js +2 -0
  573. package/dist/collection/components/slider/slider.types.js.map +1 -0
  574. package/dist/collection/components/spinner/spinner.js +1 -1
  575. package/dist/collection/components/split-button/split-button.js +4 -4
  576. package/dist/collection/components/split-button/split-button.js.map +1 -1
  577. package/dist/collection/components/split-button/split-button.types.js +2 -0
  578. package/dist/collection/components/split-button/split-button.types.js.map +1 -0
  579. package/dist/collection/components/tab-item/tab-item.js +6 -6
  580. package/dist/collection/components/tab-item/tab-item.js.map +1 -1
  581. package/dist/collection/components/tab-item/tab-item.types.js +2 -0
  582. package/dist/collection/components/tab-item/tab-item.types.js.map +1 -0
  583. package/dist/collection/components/tabs/tabs.js +2 -2
  584. package/dist/collection/components/tile/tile.js +4 -4
  585. package/dist/collection/components/time-input/time-input.js +6 -6
  586. package/dist/collection/components/time-input/time-input.js.map +1 -1
  587. package/dist/collection/components/time-input/time-input.types.js +2 -0
  588. package/dist/collection/components/time-input/time-input.types.js.map +1 -0
  589. package/dist/collection/components/time-picker/time-picker.js +7 -7
  590. package/dist/collection/components/time-picker/time-picker.js.map +1 -1
  591. package/dist/collection/components/time-picker/time-picker.types.js +2 -0
  592. package/dist/collection/components/time-picker/time-picker.types.js.map +1 -0
  593. package/dist/collection/components/toast/toast-container.js +5 -5
  594. package/dist/collection/components/toast/toast-container.js.map +1 -1
  595. package/dist/collection/components/toast/toast-container.types.js +2 -0
  596. package/dist/collection/components/toast/toast-container.types.js.map +1 -0
  597. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  598. package/dist/collection/components/toast/toast.js +2 -2
  599. package/dist/collection/components/toggle/toggle.js +3 -3
  600. package/dist/collection/components/toggle-button/toggle-button.js +2 -2
  601. package/dist/collection/components/tooltip/tooltip.js +1 -1
  602. package/dist/collection/components/tree/tree.js +1 -1
  603. package/dist/collection/components/tree-item/tree-item.js +4 -4
  604. package/dist/collection/components/typography/typography.js +10 -10
  605. package/dist/collection/components/typography/typography.js.map +1 -1
  606. package/dist/collection/components/typography/typography.types.js +2 -0
  607. package/dist/collection/components/typography/typography.types.js.map +1 -0
  608. package/dist/collection/components/utils/modal/modal.js.map +1 -1
  609. package/dist/collection/index.js +1 -19
  610. package/dist/collection/index.js.map +1 -1
  611. package/dist/collection/public-api.js +22 -0
  612. package/dist/collection/public-api.js.map +1 -0
  613. package/dist/esm/{base-button-dtdYZqMt.js → base-button-CKT5FMT1.js} +3 -3
  614. package/dist/esm/{base-button-dtdYZqMt.js.map → base-button-CKT5FMT1.js.map} +1 -1
  615. package/dist/esm/{base-icon-button-BZvsimpZ.js → base-icon-button-7cQMdhTz.js} +4 -4
  616. package/dist/esm/{base-icon-button-BZvsimpZ.js.map → base-icon-button-7cQMdhTz.js.map} +1 -1
  617. package/dist/esm/{helper-text-util-Dyff2O6m.js → helper-text-util-CBCAKFyG.js} +3 -3
  618. package/dist/esm/{helper-text-util-Dyff2O6m.js.map → helper-text-util-CBCAKFyG.js.map} +1 -1
  619. package/dist/esm/index-DJsXFBNm.js +2702 -0
  620. package/dist/esm/index-DJsXFBNm.js.map +1 -0
  621. package/dist/esm/index.js +2 -17
  622. package/dist/esm/index.js.map +1 -1
  623. package/dist/esm/{input.util-HSoyR1ow.js → input.util-DGHGYsFM.js} +4 -4
  624. package/dist/esm/{input.util-HSoyR1ow.js.map → input.util-DGHGYsFM.js.map} +1 -1
  625. package/dist/esm/ix-action-card.entry.js +2 -2
  626. package/dist/esm/ix-action-card.entry.js.map +1 -1
  627. package/dist/esm/ix-application-header.entry.js +4 -4
  628. package/dist/esm/ix-application-sidebar.entry.js +2 -2
  629. package/dist/esm/ix-application-switch-modal.entry.js +2 -2
  630. package/dist/esm/ix-application.entry.js +4 -4
  631. package/dist/esm/ix-avatar_2.entry.js +3 -3
  632. package/dist/esm/ix-basic-navigation.entry.js +3 -3
  633. package/dist/esm/ix-blind.entry.js +6 -6
  634. package/dist/esm/ix-blind.entry.js.map +1 -1
  635. package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
  636. package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
  637. package/dist/esm/ix-breadcrumb.entry.js +3 -3
  638. package/dist/esm/ix-button.entry.js +4 -4
  639. package/dist/esm/ix-card-accordion.ix-card-title.entry.js.map +1 -1
  640. package/dist/esm/ix-card-accordion_2.entry.js +5 -5
  641. package/dist/esm/ix-card-accordion_2.entry.js.map +1 -1
  642. package/dist/esm/ix-card-list.entry.js +5 -5
  643. package/dist/esm/ix-card.ix-card-content.entry.js.map +1 -1
  644. package/dist/esm/ix-card_2.entry.js +4 -4
  645. package/dist/esm/ix-card_2.entry.js.map +1 -1
  646. package/dist/esm/ix-category-filter.entry.js +5 -5
  647. package/dist/esm/ix-checkbox-group.entry.js +4 -4
  648. package/dist/esm/ix-checkbox.entry.js +5 -5
  649. package/dist/esm/ix-chip.entry.js +5 -5
  650. package/dist/esm/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.js.map +1 -1
  651. package/dist/esm/ix-col_4.entry.js +12 -12
  652. package/dist/esm/ix-col_4.entry.js.map +1 -1
  653. package/dist/esm/ix-content-header.entry.js +2 -2
  654. package/dist/esm/ix-content-header.entry.js.map +1 -1
  655. package/dist/esm/ix-content.entry.js +4 -4
  656. package/dist/esm/ix-css-grid-item.entry.js +2 -2
  657. package/dist/esm/ix-css-grid.entry.js +2 -2
  658. package/dist/esm/ix-css-grid.entry.js.map +1 -1
  659. package/dist/esm/ix-custom-field.entry.js +3 -3
  660. package/dist/esm/ix-date-dropdown.entry.js +5 -5
  661. package/dist/esm/ix-date-dropdown.entry.js.map +1 -1
  662. package/dist/esm/ix-date-input.entry.js +6 -6
  663. package/dist/esm/ix-date-input.entry.js.map +1 -1
  664. package/dist/esm/ix-date-time-card.entry.js +3 -3
  665. package/dist/esm/ix-date-time-card.entry.js.map +1 -1
  666. package/dist/esm/ix-datetime-picker.entry.js +2 -2
  667. package/dist/esm/ix-datetime-picker.entry.js.map +1 -1
  668. package/dist/esm/ix-divider.entry.js +2 -2
  669. package/dist/esm/ix-drawer.entry.js +6 -6
  670. package/dist/esm/ix-dropdown-button.entry.js +3 -3
  671. package/dist/esm/ix-dropdown-button.entry.js.map +1 -1
  672. package/dist/esm/ix-dropdown-header.entry.js +2 -2
  673. package/dist/esm/ix-dropdown-item.entry.js +4 -4
  674. package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
  675. package/dist/esm/ix-dropdown.entry.js +3 -3
  676. package/dist/esm/ix-empty-state.entry.js +2 -2
  677. package/dist/esm/ix-empty-state.entry.js.map +1 -1
  678. package/dist/esm/ix-event-list-item.entry.js +5 -5
  679. package/dist/esm/ix-event-list.entry.js +3 -3
  680. package/dist/esm/ix-expanding-search.entry.js +5 -5
  681. package/dist/esm/ix-field-label_2.entry.js +6 -6
  682. package/dist/esm/ix-filter-chip_2.entry.js +3 -3
  683. package/dist/esm/ix-flip-tile-content.entry.js +2 -2
  684. package/dist/esm/ix-flip-tile.entry.js +5 -5
  685. package/dist/esm/ix-group-context-menu_2.entry.js +4 -4
  686. package/dist/esm/ix-group.entry.js +9 -9
  687. package/dist/esm/ix-helper-text.entry.js +4 -4
  688. package/dist/esm/ix-icon-button.ix-spinner.entry.js.map +1 -1
  689. package/dist/esm/ix-icon-button_2.entry.js +5 -5
  690. package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
  691. package/dist/esm/ix-icon-toggle-button.entry.js +4 -4
  692. package/dist/esm/ix-input-group.entry.js +2 -2
  693. package/dist/esm/ix-input.entry.js +7 -7
  694. package/dist/esm/ix-key-value-list.entry.js +2 -2
  695. package/dist/esm/ix-key-value.entry.js +2 -2
  696. package/dist/esm/ix-key-value.entry.js.map +1 -1
  697. package/dist/esm/ix-kpi.entry.js +4 -4
  698. package/dist/esm/ix-layout-auto.entry.js +2 -2
  699. package/dist/esm/ix-link-button.entry.js +4 -4
  700. package/dist/esm/ix-map-navigation-overlay.entry.js +3 -3
  701. package/dist/esm/ix-map-navigation.entry.js +3 -3
  702. package/dist/esm/ix-menu-about-item.entry.js +2 -2
  703. package/dist/esm/ix-menu-about-news.entry.js +5 -5
  704. package/dist/esm/ix-menu-about.entry.js +3 -3
  705. package/dist/esm/ix-menu-avatar.entry.js +3 -3
  706. package/dist/esm/ix-menu-category.entry.js +6 -6
  707. package/dist/esm/ix-menu-expand-icon.entry.js +3 -3
  708. package/dist/esm/ix-menu-item.entry.js +4 -4
  709. package/dist/esm/{ix-menu-settings-B5kM6fHy.js → ix-menu-settings-B56_taBh.js} +4 -4
  710. package/dist/esm/{ix-menu-settings-B5kM6fHy.js.map → ix-menu-settings-B56_taBh.js.map} +1 -1
  711. package/dist/esm/ix-menu-settings-item.entry.js +2 -2
  712. package/dist/esm/ix-menu-settings.entry.js +2 -2
  713. package/dist/esm/ix-menu.entry.js +13 -13
  714. package/dist/esm/ix-message-bar.entry.js +2 -2
  715. package/dist/esm/ix-modal-content_2.entry.js +3 -3
  716. package/dist/esm/ix-modal-footer.entry.js +2 -2
  717. package/dist/esm/ix-modal-loading.entry.js +2 -2
  718. package/dist/esm/ix-modal.entry.js +5 -5
  719. package/dist/esm/ix-modal.entry.js.map +1 -1
  720. package/dist/esm/ix-number-input.entry.js +9 -9
  721. package/dist/esm/ix-pagination.entry.js +4 -4
  722. package/dist/esm/ix-pane-layout.entry.js +2 -2
  723. package/dist/esm/ix-pane-layout.entry.js.map +1 -1
  724. package/dist/esm/ix-pane.entry.js +7 -7
  725. package/dist/esm/ix-pane.entry.js.map +1 -1
  726. package/dist/esm/ix-pill.entry.js +5 -5
  727. package/dist/esm/ix-progress-indicator.entry.js +4 -4
  728. package/dist/esm/ix-progress-indicator.entry.js.map +1 -1
  729. package/dist/esm/ix-push-card.entry.js +2 -2
  730. package/dist/esm/ix-push-card.entry.js.map +1 -1
  731. package/dist/esm/ix-radio-group.entry.js +4 -4
  732. package/dist/esm/ix-radio.entry.js +6 -6
  733. package/dist/esm/ix-select.entry.js +11 -11
  734. package/dist/esm/ix-slider.entry.js +8 -8
  735. package/dist/esm/ix-slider.entry.js.map +1 -1
  736. package/dist/esm/ix-split-button.entry.js +2 -2
  737. package/dist/esm/ix-split-button.entry.js.map +1 -1
  738. package/dist/esm/ix-tab-item.ix-tabs.entry.js.map +1 -1
  739. package/dist/esm/ix-tab-item_2.entry.js +6 -6
  740. package/dist/esm/ix-tab-item_2.entry.js.map +1 -1
  741. package/dist/esm/ix-textarea.entry.js +5 -5
  742. package/dist/esm/ix-textarea.entry.js.map +1 -1
  743. package/dist/esm/ix-tile.entry.js +5 -5
  744. package/dist/esm/ix-time-input.entry.js +6 -6
  745. package/dist/esm/ix-time-input.entry.js.map +1 -1
  746. package/dist/esm/ix-time-picker.entry.js +6 -6
  747. package/dist/esm/ix-time-picker.entry.js.map +1 -1
  748. package/dist/esm/ix-toast-container.entry.js +3 -3
  749. package/dist/esm/ix-toast-container.entry.js.map +1 -1
  750. package/dist/esm/ix-toast.entry.js +3 -3
  751. package/dist/esm/ix-toggle-button.entry.js +4 -4
  752. package/dist/esm/ix-toggle.entry.js +5 -5
  753. package/dist/esm/ix-tooltip.entry.js +2 -2
  754. package/dist/esm/ix-tree-item.entry.js +5 -5
  755. package/dist/esm/ix-tree.entry.js +2 -2
  756. package/dist/esm/ix-typography.entry.js +2 -2
  757. package/dist/esm/ix-typography.entry.js.map +1 -1
  758. package/dist/esm/ix-upload.entry.js +1 -1
  759. package/dist/esm/ix-validation-tooltip.entry.js +1 -1
  760. package/dist/esm/ix-workflow-step.entry.js +1 -1
  761. package/dist/esm/ix-workflow-steps.entry.js +1 -1
  762. package/dist/esm/{listener-DCrO174s.js → listener-B0yYRvMl.js} +3 -3
  763. package/dist/esm/{listener-DCrO174s.js.map → listener-B0yYRvMl.js.map} +1 -1
  764. package/dist/esm/loader.js +2 -2
  765. package/dist/esm/modal-BldRA6Um.js.map +1 -1
  766. package/dist/esm/siemens-ix.js +2 -2
  767. package/dist/esm/{validation-DuPOpjMi.js → validation-gQpVWmEm.js} +3 -3
  768. package/dist/esm/{validation-DuPOpjMi.js.map → validation-gQpVWmEm.js.map} +1 -1
  769. package/dist/siemens-ix/index.esm.js +1 -1
  770. package/dist/siemens-ix/index.esm.js.map +1 -1
  771. package/dist/siemens-ix/ix-action-card.entry.esm.js.map +1 -1
  772. package/dist/siemens-ix/ix-blind.entry.esm.js.map +1 -1
  773. package/dist/siemens-ix/ix-breadcrumb-item.entry.esm.js.map +1 -1
  774. package/dist/siemens-ix/ix-card-accordion.ix-card-title.entry.esm.js.map +1 -1
  775. package/dist/siemens-ix/ix-card.ix-card-content.entry.esm.js.map +1 -1
  776. package/dist/siemens-ix/ix-col.ix-date-picker.ix-layout-grid.ix-row.entry.esm.js.map +1 -1
  777. package/dist/siemens-ix/ix-content-header.entry.esm.js.map +1 -1
  778. package/dist/siemens-ix/ix-css-grid.entry.esm.js.map +1 -1
  779. package/dist/siemens-ix/ix-date-dropdown.entry.esm.js.map +1 -1
  780. package/dist/siemens-ix/ix-date-input.entry.esm.js.map +1 -1
  781. package/dist/siemens-ix/ix-date-time-card.entry.esm.js.map +1 -1
  782. package/dist/siemens-ix/ix-datetime-picker.entry.esm.js.map +1 -1
  783. package/dist/siemens-ix/ix-dropdown-button.entry.esm.js.map +1 -1
  784. package/dist/siemens-ix/ix-empty-state.entry.esm.js.map +1 -1
  785. package/dist/siemens-ix/ix-icon-button.ix-spinner.entry.esm.js.map +1 -1
  786. package/dist/siemens-ix/ix-key-value.entry.esm.js.map +1 -1
  787. package/dist/siemens-ix/ix-modal.entry.esm.js.map +1 -1
  788. package/dist/siemens-ix/ix-pane-layout.entry.esm.js.map +1 -1
  789. package/dist/siemens-ix/ix-pane.entry.esm.js.map +1 -1
  790. package/dist/siemens-ix/ix-progress-indicator.entry.esm.js.map +1 -1
  791. package/dist/siemens-ix/ix-push-card.entry.esm.js.map +1 -1
  792. package/dist/siemens-ix/ix-slider.entry.esm.js.map +1 -1
  793. package/dist/siemens-ix/ix-split-button.entry.esm.js.map +1 -1
  794. package/dist/siemens-ix/ix-tab-item.ix-tabs.entry.esm.js.map +1 -1
  795. package/dist/siemens-ix/ix-textarea.entry.esm.js.map +1 -1
  796. package/dist/siemens-ix/ix-time-input.entry.esm.js.map +1 -1
  797. package/dist/siemens-ix/ix-time-picker.entry.esm.js.map +1 -1
  798. package/dist/siemens-ix/ix-toast-container.entry.esm.js.map +1 -1
  799. package/dist/siemens-ix/ix-typography.entry.esm.js.map +1 -1
  800. package/dist/siemens-ix/p--JQiLjHw.js +2 -0
  801. package/dist/siemens-ix/{p-BaslXuvq.js.map → p--JQiLjHw.js.map} +1 -1
  802. package/dist/siemens-ix/{p-4be22d4d.entry.js → p-003ae2cf.entry.js} +2 -2
  803. package/dist/siemens-ix/{p-094d6f0a.entry.js → p-00eff8b5.entry.js} +2 -2
  804. package/dist/siemens-ix/{p-47956560.entry.js → p-0195766f.entry.js} +2 -2
  805. package/dist/siemens-ix/{p-c23031be.entry.js → p-025c5b1b.entry.js} +2 -2
  806. package/dist/siemens-ix/{p-25c27b28.entry.js → p-03b8e425.entry.js} +2 -2
  807. package/dist/siemens-ix/p-04527b1e.entry.js +2 -0
  808. package/dist/siemens-ix/{p-07733f87.entry.js → p-07b2da86.entry.js} +2 -2
  809. package/dist/siemens-ix/{p-2edc9a43.entry.js → p-0935e05e.entry.js} +2 -2
  810. package/dist/siemens-ix/p-0935e05e.entry.js.map +1 -0
  811. package/dist/siemens-ix/{p-746f49b4.entry.js → p-098aa857.entry.js} +2 -2
  812. package/dist/siemens-ix/{p-b6f02420.entry.js → p-0b2e7f25.entry.js} +2 -2
  813. package/dist/siemens-ix/{p-b6f02420.entry.js.map → p-0b2e7f25.entry.js.map} +1 -1
  814. package/dist/siemens-ix/{p-d4284927.entry.js → p-130ffc16.entry.js} +2 -2
  815. package/dist/siemens-ix/{p-1cff42a5.entry.js → p-13b5f3c3.entry.js} +2 -2
  816. package/dist/siemens-ix/{p-f61c1785.entry.js → p-14d2042d.entry.js} +2 -2
  817. package/dist/siemens-ix/p-15e0db51.entry.js +2 -0
  818. package/dist/siemens-ix/{p-a7e339d0.entry.js.map → p-15e0db51.entry.js.map} +1 -1
  819. package/dist/siemens-ix/{p-702d290f.entry.js → p-173dfb9e.entry.js} +2 -2
  820. package/dist/siemens-ix/p-173dfb9e.entry.js.map +1 -0
  821. package/dist/siemens-ix/p-19501b80.entry.js +2 -0
  822. package/dist/siemens-ix/{p-d2151941.entry.js → p-1df6d18f.entry.js} +2 -2
  823. package/dist/siemens-ix/{p-518290fd.entry.js → p-1fdfe35a.entry.js} +2 -2
  824. package/dist/siemens-ix/{p-38fa1eec.entry.js → p-2642d96b.entry.js} +2 -2
  825. package/dist/siemens-ix/{p-0053fd70.entry.js → p-28aece6e.entry.js} +2 -2
  826. package/dist/siemens-ix/{p-00668881.entry.js → p-29d44cef.entry.js} +2 -2
  827. package/dist/siemens-ix/p-2db9bcfa.entry.js +2 -0
  828. package/dist/siemens-ix/p-2db9bcfa.entry.js.map +1 -0
  829. package/dist/siemens-ix/{p-1f5322d5.entry.js → p-2f2dfb6e.entry.js} +2 -2
  830. package/dist/siemens-ix/{p-7fcec901.entry.js → p-2f9b9e7a.entry.js} +2 -2
  831. package/dist/siemens-ix/{p-6b5cb4c3.entry.js → p-326c0944.entry.js} +2 -2
  832. package/dist/siemens-ix/p-326c0944.entry.js.map +1 -0
  833. package/dist/siemens-ix/{p-2a1152d9.entry.js → p-35054c78.entry.js} +2 -2
  834. package/dist/siemens-ix/p-35054c78.entry.js.map +1 -0
  835. package/dist/siemens-ix/{p-7b5eb3ca.entry.js → p-36b894a2.entry.js} +2 -2
  836. package/dist/siemens-ix/p-36b894a2.entry.js.map +1 -0
  837. package/dist/siemens-ix/{p-44a9c1db.entry.js → p-3b45287a.entry.js} +2 -2
  838. package/dist/siemens-ix/p-3b45287a.entry.js.map +1 -0
  839. package/dist/siemens-ix/p-440a0ee0.entry.js +2 -0
  840. package/dist/siemens-ix/p-44be2535.entry.js +2 -0
  841. package/dist/siemens-ix/{p-c6cb0b06.entry.js.map → p-44be2535.entry.js.map} +1 -1
  842. package/dist/siemens-ix/{p-c7ead0ee.entry.js → p-456ca686.entry.js} +2 -2
  843. package/dist/siemens-ix/p-456ca686.entry.js.map +1 -0
  844. package/dist/siemens-ix/{p-ed05a3ed.entry.js → p-4657ec52.entry.js} +2 -2
  845. package/dist/siemens-ix/p-4657ec52.entry.js.map +1 -0
  846. package/dist/siemens-ix/{p-0e0019a3.entry.js → p-472c1d6b.entry.js} +2 -2
  847. package/dist/siemens-ix/{p-1363ac29.entry.js → p-47f395be.entry.js} +2 -2
  848. package/dist/siemens-ix/{p-cf7448b1.entry.js → p-483bc052.entry.js} +2 -2
  849. package/dist/siemens-ix/p-4959b8e6.entry.js +2 -0
  850. package/dist/siemens-ix/{p-a09ec38c.entry.js → p-4e2b30a4.entry.js} +2 -2
  851. package/dist/siemens-ix/p-4e2b30a4.entry.js.map +1 -0
  852. package/dist/siemens-ix/{p-2e0dab7b.entry.js → p-4ef7a072.entry.js} +2 -2
  853. package/dist/siemens-ix/p-4ef7a072.entry.js.map +1 -0
  854. package/dist/siemens-ix/{p-e499f85d.entry.js → p-4fe2d0f7.entry.js} +2 -2
  855. package/dist/siemens-ix/{p-17a19a44.entry.js → p-518b5533.entry.js} +2 -2
  856. package/dist/siemens-ix/p-518b5533.entry.js.map +1 -0
  857. package/dist/siemens-ix/{p-e006c83c.entry.js → p-5b22342c.entry.js} +2 -2
  858. package/dist/siemens-ix/{p-125b66ec.entry.js → p-605a9fe8.entry.js} +2 -2
  859. package/dist/siemens-ix/{p-2d383fa3.entry.js → p-6337e880.entry.js} +2 -2
  860. package/dist/siemens-ix/{p-0285fa1a.entry.js → p-6549edf0.entry.js} +2 -2
  861. package/dist/siemens-ix/p-66d20585.entry.js +2 -0
  862. package/dist/siemens-ix/{p-53d1f804.entry.js → p-6adde42d.entry.js} +2 -2
  863. package/dist/siemens-ix/{p-b1bc33ef.entry.js → p-6cc448b4.entry.js} +2 -2
  864. package/dist/siemens-ix/{p-ec3786c3.entry.js → p-7011678e.entry.js} +2 -2
  865. package/dist/siemens-ix/p-7111f065.entry.js +2 -0
  866. package/dist/siemens-ix/{p-30e325ee.entry.js → p-71c14a29.entry.js} +2 -2
  867. package/dist/siemens-ix/p-71c14a29.entry.js.map +1 -0
  868. package/dist/siemens-ix/{p-cf3c2573.entry.js → p-76f59fa5.entry.js} +2 -2
  869. package/dist/siemens-ix/{p-c5921b21.entry.js → p-777675ce.entry.js} +2 -2
  870. package/dist/siemens-ix/{p-f66cb323.entry.js → p-7a336485.entry.js} +2 -2
  871. package/dist/siemens-ix/p-7a336485.entry.js.map +1 -0
  872. package/dist/siemens-ix/{p-4a666ab2.entry.js → p-8d4558b9.entry.js} +2 -2
  873. package/dist/siemens-ix/{p-ef56e825.entry.js → p-8fcada5a.entry.js} +2 -2
  874. package/dist/siemens-ix/{p-96c0acb2.entry.js → p-91ba2527.entry.js} +2 -2
  875. package/dist/siemens-ix/p-97693d72.entry.js +2 -0
  876. package/dist/siemens-ix/{p-29eb0f3c.entry.js → p-97a53af6.entry.js} +2 -2
  877. package/dist/siemens-ix/p-981dae13.entry.js +2 -0
  878. package/dist/siemens-ix/{p-f426aa64.entry.js.map → p-981dae13.entry.js.map} +1 -1
  879. package/dist/siemens-ix/{p-5f494293.entry.js → p-988f37da.entry.js} +2 -2
  880. package/dist/siemens-ix/{p-80dfc634.entry.js → p-9f74e709.entry.js} +2 -2
  881. package/dist/siemens-ix/p-9f74e709.entry.js.map +1 -0
  882. package/dist/siemens-ix/{p-61944945.entry.js → p-9f7d82d2.entry.js} +2 -2
  883. package/dist/siemens-ix/{p-DhH1rUwy.js → p-BsJawkTz.js} +2 -2
  884. package/dist/siemens-ix/{p-DhH1rUwy.js.map → p-BsJawkTz.js.map} +1 -1
  885. package/dist/siemens-ix/p-BxQZld1q.js.map +1 -1
  886. package/dist/siemens-ix/{p-zYzFdFx8.js → p-CFsAnuUU.js} +2 -2
  887. package/dist/siemens-ix/{p-zYzFdFx8.js.map → p-CFsAnuUU.js.map} +1 -1
  888. package/dist/siemens-ix/{p-Bko0CTxK.js → p-CpY7qbN7.js} +2 -2
  889. package/dist/siemens-ix/{p-Bko0CTxK.js.map → p-CpY7qbN7.js.map} +1 -1
  890. package/dist/siemens-ix/{p-DeEsc3nL.js → p-Cpl-a_ti.js} +2 -2
  891. package/dist/siemens-ix/{p-DeEsc3nL.js.map → p-Cpl-a_ti.js.map} +1 -1
  892. package/dist/siemens-ix/{p-C1MjXHa0.js → p-CthRnoDv.js} +2 -2
  893. package/dist/siemens-ix/{p-C1MjXHa0.js.map → p-CthRnoDv.js.map} +1 -1
  894. package/dist/siemens-ix/p-DJsXFBNm.js +3 -0
  895. package/dist/siemens-ix/p-DJsXFBNm.js.map +1 -0
  896. package/dist/siemens-ix/p-_tyNUrlp.js +2 -0
  897. package/dist/siemens-ix/{p-DyBJEhgA.js.map → p-_tyNUrlp.js.map} +1 -1
  898. package/dist/siemens-ix/{p-d4936531.entry.js → p-a43c4907.entry.js} +2 -2
  899. package/dist/siemens-ix/{p-e636a236.entry.js → p-a6ea8bc6.entry.js} +2 -2
  900. package/dist/siemens-ix/p-a6ea8bc6.entry.js.map +1 -0
  901. package/dist/siemens-ix/{p-a15f3a9d.entry.js → p-a7bdd5fd.entry.js} +2 -2
  902. package/dist/siemens-ix/p-a7bdd5fd.entry.js.map +1 -0
  903. package/dist/siemens-ix/p-a8cd5e58.entry.js +2 -0
  904. package/dist/siemens-ix/{p-7da60ba2.entry.js.map → p-a8cd5e58.entry.js.map} +1 -1
  905. package/dist/siemens-ix/p-a9336906.entry.js +2 -0
  906. package/dist/siemens-ix/p-a9336906.entry.js.map +1 -0
  907. package/dist/siemens-ix/{p-a951d9e7.entry.js → p-a9ec8094.entry.js} +2 -2
  908. package/dist/siemens-ix/p-aa2dd2c3.entry.js +2 -0
  909. package/dist/siemens-ix/{p-227ea9bc.entry.js.map → p-aa2dd2c3.entry.js.map} +1 -1
  910. package/dist/siemens-ix/{p-7978f54a.entry.js → p-afd392d5.entry.js} +2 -2
  911. package/dist/siemens-ix/{p-381708ea.entry.js → p-b00517df.entry.js} +2 -2
  912. package/dist/siemens-ix/p-b3d4d2cd.entry.js +2 -0
  913. package/dist/siemens-ix/{p-fe1e79d6.entry.js → p-b548335e.entry.js} +2 -2
  914. package/dist/siemens-ix/{p-77d586e5.entry.js → p-b735b8ce.entry.js} +2 -2
  915. package/dist/siemens-ix/p-ba24447f.entry.js +2 -0
  916. package/dist/siemens-ix/{p-07fa84e9.entry.js.map → p-ba24447f.entry.js.map} +1 -1
  917. package/dist/siemens-ix/{p-138de76a.entry.js → p-bec289d7.entry.js} +2 -2
  918. package/dist/siemens-ix/{p-60c6eba1.entry.js → p-bf7fbdfc.entry.js} +2 -2
  919. package/dist/siemens-ix/{p-e850d862.entry.js → p-bf8dd5a1.entry.js} +2 -2
  920. package/dist/siemens-ix/{p-97eb6c3c.entry.js → p-c050d511.entry.js} +2 -2
  921. package/dist/siemens-ix/p-c050d511.entry.js.map +1 -0
  922. package/dist/siemens-ix/{p-de03778d.entry.js → p-c24a5925.entry.js} +2 -2
  923. package/dist/siemens-ix/p-c24a5925.entry.js.map +1 -0
  924. package/dist/siemens-ix/{p-42cf2d8f.entry.js → p-c5f8ccc9.entry.js} +2 -2
  925. package/dist/siemens-ix/p-c9ab3079.entry.js +2 -0
  926. package/dist/siemens-ix/{p-64a2f777.entry.js.map → p-c9ab3079.entry.js.map} +1 -1
  927. package/dist/siemens-ix/{p-26b072bb.entry.js → p-c9d48927.entry.js} +2 -2
  928. package/dist/siemens-ix/{p-ea980990.entry.js → p-ce3aebe6.entry.js} +2 -2
  929. package/dist/siemens-ix/{p-1b04e58a.entry.js → p-cf052f87.entry.js} +2 -2
  930. package/dist/siemens-ix/p-cf052f87.entry.js.map +1 -0
  931. package/dist/siemens-ix/{p-7b455f16.entry.js → p-d0c1473e.entry.js} +2 -2
  932. package/dist/siemens-ix/p-d0c1473e.entry.js.map +1 -0
  933. package/dist/siemens-ix/{p-61bf7678.entry.js → p-d3458382.entry.js} +2 -2
  934. package/dist/siemens-ix/p-d605b181.entry.js +2 -0
  935. package/dist/siemens-ix/{p-96687290.entry.js → p-db6d5110.entry.js} +2 -2
  936. package/dist/siemens-ix/p-db6d5110.entry.js.map +1 -0
  937. package/dist/siemens-ix/{p-92513d0e.entry.js → p-de79e8c0.entry.js} +2 -2
  938. package/dist/siemens-ix/p-de79e8c0.entry.js.map +1 -0
  939. package/dist/siemens-ix/{p-e40c900a.entry.js → p-dfb5f7d8.entry.js} +2 -2
  940. package/dist/siemens-ix/{p-97029efe.entry.js → p-dfe4de85.entry.js} +2 -2
  941. package/dist/siemens-ix/{p-f1d1c522.entry.js → p-ea142215.entry.js} +2 -2
  942. package/dist/siemens-ix/{p-6a275897.entry.js → p-ead88218.entry.js} +2 -2
  943. package/dist/siemens-ix/{p-25368187.entry.js → p-ec7cd008.entry.js} +2 -2
  944. package/dist/siemens-ix/{p-6dffce02.entry.js → p-ecd576f8.entry.js} +2 -2
  945. package/dist/siemens-ix/p-ecd576f8.entry.js.map +1 -0
  946. package/dist/siemens-ix/{p-3725e281.entry.js → p-ee2902a5.entry.js} +2 -2
  947. package/dist/siemens-ix/{p-daf2c2fd.entry.js → p-f4415d44.entry.js} +2 -2
  948. package/dist/siemens-ix/{p-b45ce132.entry.js → p-f4ce72e4.entry.js} +2 -2
  949. package/dist/siemens-ix/p-f4ce72e4.entry.js.map +1 -0
  950. package/dist/siemens-ix/{p-cf3cbb46.entry.js → p-f6a6694e.entry.js} +2 -2
  951. package/dist/siemens-ix/p-f6a6694e.entry.js.map +1 -0
  952. package/dist/siemens-ix/{p-fadc415c.entry.js → p-fbacd6eb.entry.js} +2 -2
  953. package/dist/siemens-ix/p-fbacd6eb.entry.js.map +1 -0
  954. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  955. package/dist/types/components/action-card/action-card.d.ts +1 -2
  956. package/dist/types/components/action-card/action-card.types.d.ts +2 -0
  957. package/dist/types/components/blind/blind.d.ts +1 -2
  958. package/dist/types/components/blind/blind.types.d.ts +2 -0
  959. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +0 -1
  960. package/dist/types/components/card/card.d.ts +1 -1
  961. package/dist/types/components/card/card.types.d.ts +1 -0
  962. package/dist/types/components/card-accordion/card-accordion.d.ts +1 -4
  963. package/dist/types/components/card-accordion/card-accordion.types.d.ts +4 -0
  964. package/dist/types/components/col/col.d.ts +1 -1
  965. package/dist/types/components/col/col.types.d.ts +1 -0
  966. package/dist/types/components/content-header/content-header.d.ts +1 -1
  967. package/dist/types/components/content-header/content-header.types.d.ts +1 -0
  968. package/dist/types/components/css-grid/css-grid.d.ts +1 -1
  969. package/dist/types/components/css-grid/css-grid.types.d.ts +1 -0
  970. package/dist/types/components/date-dropdown/date-dropdown.d.ts +1 -11
  971. package/dist/types/components/date-dropdown/date-dropdown.types.d.ts +11 -0
  972. package/dist/types/components/date-input/date-input.d.ts +1 -4
  973. package/dist/types/components/date-input/date-input.types.d.ts +4 -0
  974. package/dist/types/components/date-picker/date-picker-component.d.ts +1 -1
  975. package/dist/types/components/date-picker/date-picker.d.ts +2 -5
  976. package/dist/types/components/date-picker/date-picker.events.d.ts +4 -0
  977. package/dist/types/components/date-time-card/date-time-card.d.ts +1 -1
  978. package/dist/types/components/date-time-card/date-time-card.types.d.ts +1 -0
  979. package/dist/types/components/datetime-picker/datetime-picker.d.ts +1 -6
  980. package/dist/types/components/datetime-picker/datetime-picker.types.d.ts +6 -0
  981. package/dist/types/components/dropdown-button/dropdown-button.d.ts +1 -2
  982. package/dist/types/components/dropdown-button/dropdown-button.types.d.ts +2 -0
  983. package/dist/types/components/empty-state/empty-state.d.ts +1 -1
  984. package/dist/types/components/empty-state/empty-state.types.d.ts +1 -0
  985. package/dist/types/components/icon-button/icon-button.d.ts +1 -2
  986. package/dist/types/components/icon-button/icon-button.types.d.ts +2 -0
  987. package/dist/types/components/input/textarea.d.ts +1 -1
  988. package/dist/types/components/input/textarea.types.d.ts +1 -0
  989. package/dist/types/components/key-value/key-value.d.ts +1 -1
  990. package/dist/types/components/key-value/key-value.types.d.ts +1 -0
  991. package/dist/types/components/modal/modal.d.ts +1 -3
  992. package/dist/types/components/modal/modal.types.d.ts +3 -0
  993. package/dist/types/components/pane/pane.d.ts +1 -21
  994. package/dist/types/components/pane/pane.types.d.ts +21 -0
  995. package/dist/types/components/progress-indicator/circular.d.ts +1 -1
  996. package/dist/types/components/progress-indicator/progress-indicator.d.ts +1 -1
  997. package/dist/types/components/progress-indicator/progress-indicator.types.d.ts +1 -0
  998. package/dist/types/components/push-card/push-card.d.ts +1 -2
  999. package/dist/types/components/push-card/push-card.types.d.ts +2 -0
  1000. package/dist/types/components/slider/slider.d.ts +1 -1
  1001. package/dist/types/components/slider/slider.types.d.ts +1 -0
  1002. package/dist/types/components/split-button/split-button.d.ts +1 -2
  1003. package/dist/types/components/split-button/split-button.types.d.ts +2 -0
  1004. package/dist/types/components/tab-item/tab-item.d.ts +1 -3
  1005. package/dist/types/components/tab-item/tab-item.types.d.ts +3 -0
  1006. package/dist/types/components/time-input/time-input.d.ts +1 -4
  1007. package/dist/types/components/time-input/time-input.types.d.ts +4 -0
  1008. package/dist/types/components/time-picker/time-picker.d.ts +1 -2
  1009. package/dist/types/components/time-picker/time-picker.types.d.ts +2 -0
  1010. package/dist/types/components/toast/toast-container.d.ts +1 -5
  1011. package/dist/types/components/toast/toast-container.types.d.ts +5 -0
  1012. package/dist/types/components/toast/toast-utils.d.ts +1 -1
  1013. package/dist/types/components/typography/typography.d.ts +1 -10
  1014. package/dist/types/components/typography/typography.types.d.ts +10 -0
  1015. package/dist/types/components/utils/modal/modal.d.ts +1 -1
  1016. package/dist/types/components.d.ts +58 -60
  1017. package/dist/types/index.d.ts +3 -16
  1018. package/dist/types/public-api.d.ts +15 -0
  1019. package/hydrate/index.js +256 -256
  1020. package/hydrate/index.mjs +256 -256
  1021. package/package.json +5 -5
  1022. package/components/p-18F-YfbC.js.map +0 -1
  1023. package/components/p-BXGAr1UD.js.map +0 -1
  1024. package/components/p-Cuf7Gv_k.js.map +0 -1
  1025. package/components/p-DzKDFBWC.js +0 -2042
  1026. package/components/p-DzKDFBWC.js.map +0 -1
  1027. package/components/p-pMSLP3h4.js.map +0 -1
  1028. package/dist/cjs/index-BDliOtbY.js +0 -2734
  1029. package/dist/cjs/index-BDliOtbY.js.map +0 -1
  1030. package/dist/esm/index-B6NtGPRE.js +0 -2702
  1031. package/dist/esm/index-B6NtGPRE.js.map +0 -1
  1032. package/dist/siemens-ix/p-07fa84e9.entry.js +0 -2
  1033. package/dist/siemens-ix/p-17a19a44.entry.js.map +0 -1
  1034. package/dist/siemens-ix/p-1b04e58a.entry.js.map +0 -1
  1035. package/dist/siemens-ix/p-1fc79a42.entry.js +0 -2
  1036. package/dist/siemens-ix/p-227ea9bc.entry.js +0 -2
  1037. package/dist/siemens-ix/p-2a1152d9.entry.js.map +0 -1
  1038. package/dist/siemens-ix/p-2e0dab7b.entry.js.map +0 -1
  1039. package/dist/siemens-ix/p-2edc9a43.entry.js.map +0 -1
  1040. package/dist/siemens-ix/p-30e325ee.entry.js.map +0 -1
  1041. package/dist/siemens-ix/p-3d4eba06.entry.js +0 -2
  1042. package/dist/siemens-ix/p-44a9c1db.entry.js.map +0 -1
  1043. package/dist/siemens-ix/p-64a2f777.entry.js +0 -2
  1044. package/dist/siemens-ix/p-674dd99b.entry.js +0 -2
  1045. package/dist/siemens-ix/p-6b5cb4c3.entry.js.map +0 -1
  1046. package/dist/siemens-ix/p-6cc4c39e.entry.js +0 -2
  1047. package/dist/siemens-ix/p-6dffce02.entry.js.map +0 -1
  1048. package/dist/siemens-ix/p-702d290f.entry.js.map +0 -1
  1049. package/dist/siemens-ix/p-719704c7.entry.js +0 -2
  1050. package/dist/siemens-ix/p-719704c7.entry.js.map +0 -1
  1051. package/dist/siemens-ix/p-7b455f16.entry.js.map +0 -1
  1052. package/dist/siemens-ix/p-7b5eb3ca.entry.js.map +0 -1
  1053. package/dist/siemens-ix/p-7da60ba2.entry.js +0 -2
  1054. package/dist/siemens-ix/p-80dfc634.entry.js.map +0 -1
  1055. package/dist/siemens-ix/p-8774e0a8.entry.js +0 -2
  1056. package/dist/siemens-ix/p-92513d0e.entry.js.map +0 -1
  1057. package/dist/siemens-ix/p-9513a275.entry.js +0 -2
  1058. package/dist/siemens-ix/p-96687290.entry.js.map +0 -1
  1059. package/dist/siemens-ix/p-97eb6c3c.entry.js.map +0 -1
  1060. package/dist/siemens-ix/p-B6NtGPRE.js +0 -3
  1061. package/dist/siemens-ix/p-B6NtGPRE.js.map +0 -1
  1062. package/dist/siemens-ix/p-BaslXuvq.js +0 -2
  1063. package/dist/siemens-ix/p-DyBJEhgA.js +0 -2
  1064. package/dist/siemens-ix/p-a09ec38c.entry.js.map +0 -1
  1065. package/dist/siemens-ix/p-a15f3a9d.entry.js.map +0 -1
  1066. package/dist/siemens-ix/p-a7e339d0.entry.js +0 -2
  1067. package/dist/siemens-ix/p-b45ce132.entry.js.map +0 -1
  1068. package/dist/siemens-ix/p-c192caa5.entry.js +0 -2
  1069. package/dist/siemens-ix/p-c192caa5.entry.js.map +0 -1
  1070. package/dist/siemens-ix/p-c6cb0b06.entry.js +0 -2
  1071. package/dist/siemens-ix/p-c7ead0ee.entry.js.map +0 -1
  1072. package/dist/siemens-ix/p-c9c30ce7.entry.js +0 -2
  1073. package/dist/siemens-ix/p-cb076f29.entry.js +0 -2
  1074. package/dist/siemens-ix/p-cf3cbb46.entry.js.map +0 -1
  1075. package/dist/siemens-ix/p-de03778d.entry.js.map +0 -1
  1076. package/dist/siemens-ix/p-e088e1d9.entry.js +0 -2
  1077. package/dist/siemens-ix/p-e636a236.entry.js.map +0 -1
  1078. package/dist/siemens-ix/p-ed05a3ed.entry.js.map +0 -1
  1079. package/dist/siemens-ix/p-f426aa64.entry.js +0 -2
  1080. package/dist/siemens-ix/p-f66cb323.entry.js.map +0 -1
  1081. package/dist/siemens-ix/p-fadc415c.entry.js.map +0 -1
  1082. package/dist/types/interfaces.d.ts +0 -27
  1083. /package/dist/siemens-ix/{p-4be22d4d.entry.js.map → p-003ae2cf.entry.js.map} +0 -0
  1084. /package/dist/siemens-ix/{p-094d6f0a.entry.js.map → p-00eff8b5.entry.js.map} +0 -0
  1085. /package/dist/siemens-ix/{p-47956560.entry.js.map → p-0195766f.entry.js.map} +0 -0
  1086. /package/dist/siemens-ix/{p-c23031be.entry.js.map → p-025c5b1b.entry.js.map} +0 -0
  1087. /package/dist/siemens-ix/{p-25c27b28.entry.js.map → p-03b8e425.entry.js.map} +0 -0
  1088. /package/dist/siemens-ix/{p-9513a275.entry.js.map → p-04527b1e.entry.js.map} +0 -0
  1089. /package/dist/siemens-ix/{p-07733f87.entry.js.map → p-07b2da86.entry.js.map} +0 -0
  1090. /package/dist/siemens-ix/{p-746f49b4.entry.js.map → p-098aa857.entry.js.map} +0 -0
  1091. /package/dist/siemens-ix/{p-d4284927.entry.js.map → p-130ffc16.entry.js.map} +0 -0
  1092. /package/dist/siemens-ix/{p-1cff42a5.entry.js.map → p-13b5f3c3.entry.js.map} +0 -0
  1093. /package/dist/siemens-ix/{p-f61c1785.entry.js.map → p-14d2042d.entry.js.map} +0 -0
  1094. /package/dist/siemens-ix/{p-cb076f29.entry.js.map → p-19501b80.entry.js.map} +0 -0
  1095. /package/dist/siemens-ix/{p-d2151941.entry.js.map → p-1df6d18f.entry.js.map} +0 -0
  1096. /package/dist/siemens-ix/{p-518290fd.entry.js.map → p-1fdfe35a.entry.js.map} +0 -0
  1097. /package/dist/siemens-ix/{p-38fa1eec.entry.js.map → p-2642d96b.entry.js.map} +0 -0
  1098. /package/dist/siemens-ix/{p-0053fd70.entry.js.map → p-28aece6e.entry.js.map} +0 -0
  1099. /package/dist/siemens-ix/{p-00668881.entry.js.map → p-29d44cef.entry.js.map} +0 -0
  1100. /package/dist/siemens-ix/{p-1f5322d5.entry.js.map → p-2f2dfb6e.entry.js.map} +0 -0
  1101. /package/dist/siemens-ix/{p-7fcec901.entry.js.map → p-2f9b9e7a.entry.js.map} +0 -0
  1102. /package/dist/siemens-ix/{p-8774e0a8.entry.js.map → p-440a0ee0.entry.js.map} +0 -0
  1103. /package/dist/siemens-ix/{p-0e0019a3.entry.js.map → p-472c1d6b.entry.js.map} +0 -0
  1104. /package/dist/siemens-ix/{p-1363ac29.entry.js.map → p-47f395be.entry.js.map} +0 -0
  1105. /package/dist/siemens-ix/{p-cf7448b1.entry.js.map → p-483bc052.entry.js.map} +0 -0
  1106. /package/dist/siemens-ix/{p-3d4eba06.entry.js.map → p-4959b8e6.entry.js.map} +0 -0
  1107. /package/dist/siemens-ix/{p-e499f85d.entry.js.map → p-4fe2d0f7.entry.js.map} +0 -0
  1108. /package/dist/siemens-ix/{p-e006c83c.entry.js.map → p-5b22342c.entry.js.map} +0 -0
  1109. /package/dist/siemens-ix/{p-125b66ec.entry.js.map → p-605a9fe8.entry.js.map} +0 -0
  1110. /package/dist/siemens-ix/{p-2d383fa3.entry.js.map → p-6337e880.entry.js.map} +0 -0
  1111. /package/dist/siemens-ix/{p-0285fa1a.entry.js.map → p-6549edf0.entry.js.map} +0 -0
  1112. /package/dist/siemens-ix/{p-1fc79a42.entry.js.map → p-66d20585.entry.js.map} +0 -0
  1113. /package/dist/siemens-ix/{p-53d1f804.entry.js.map → p-6adde42d.entry.js.map} +0 -0
  1114. /package/dist/siemens-ix/{p-b1bc33ef.entry.js.map → p-6cc448b4.entry.js.map} +0 -0
  1115. /package/dist/siemens-ix/{p-ec3786c3.entry.js.map → p-7011678e.entry.js.map} +0 -0
  1116. /package/dist/siemens-ix/{p-6cc4c39e.entry.js.map → p-7111f065.entry.js.map} +0 -0
  1117. /package/dist/siemens-ix/{p-cf3c2573.entry.js.map → p-76f59fa5.entry.js.map} +0 -0
  1118. /package/dist/siemens-ix/{p-c5921b21.entry.js.map → p-777675ce.entry.js.map} +0 -0
  1119. /package/dist/siemens-ix/{p-4a666ab2.entry.js.map → p-8d4558b9.entry.js.map} +0 -0
  1120. /package/dist/siemens-ix/{p-ef56e825.entry.js.map → p-8fcada5a.entry.js.map} +0 -0
  1121. /package/dist/siemens-ix/{p-96c0acb2.entry.js.map → p-91ba2527.entry.js.map} +0 -0
  1122. /package/dist/siemens-ix/{p-e088e1d9.entry.js.map → p-97693d72.entry.js.map} +0 -0
  1123. /package/dist/siemens-ix/{p-29eb0f3c.entry.js.map → p-97a53af6.entry.js.map} +0 -0
  1124. /package/dist/siemens-ix/{p-5f494293.entry.js.map → p-988f37da.entry.js.map} +0 -0
  1125. /package/dist/siemens-ix/{p-61944945.entry.js.map → p-9f7d82d2.entry.js.map} +0 -0
  1126. /package/dist/siemens-ix/{p-d4936531.entry.js.map → p-a43c4907.entry.js.map} +0 -0
  1127. /package/dist/siemens-ix/{p-a951d9e7.entry.js.map → p-a9ec8094.entry.js.map} +0 -0
  1128. /package/dist/siemens-ix/{p-7978f54a.entry.js.map → p-afd392d5.entry.js.map} +0 -0
  1129. /package/dist/siemens-ix/{p-381708ea.entry.js.map → p-b00517df.entry.js.map} +0 -0
  1130. /package/dist/siemens-ix/{p-c9c30ce7.entry.js.map → p-b3d4d2cd.entry.js.map} +0 -0
  1131. /package/dist/siemens-ix/{p-fe1e79d6.entry.js.map → p-b548335e.entry.js.map} +0 -0
  1132. /package/dist/siemens-ix/{p-77d586e5.entry.js.map → p-b735b8ce.entry.js.map} +0 -0
  1133. /package/dist/siemens-ix/{p-138de76a.entry.js.map → p-bec289d7.entry.js.map} +0 -0
  1134. /package/dist/siemens-ix/{p-60c6eba1.entry.js.map → p-bf7fbdfc.entry.js.map} +0 -0
  1135. /package/dist/siemens-ix/{p-e850d862.entry.js.map → p-bf8dd5a1.entry.js.map} +0 -0
  1136. /package/dist/siemens-ix/{p-42cf2d8f.entry.js.map → p-c5f8ccc9.entry.js.map} +0 -0
  1137. /package/dist/siemens-ix/{p-26b072bb.entry.js.map → p-c9d48927.entry.js.map} +0 -0
  1138. /package/dist/siemens-ix/{p-ea980990.entry.js.map → p-ce3aebe6.entry.js.map} +0 -0
  1139. /package/dist/siemens-ix/{p-61bf7678.entry.js.map → p-d3458382.entry.js.map} +0 -0
  1140. /package/dist/siemens-ix/{p-674dd99b.entry.js.map → p-d605b181.entry.js.map} +0 -0
  1141. /package/dist/siemens-ix/{p-e40c900a.entry.js.map → p-dfb5f7d8.entry.js.map} +0 -0
  1142. /package/dist/siemens-ix/{p-97029efe.entry.js.map → p-dfe4de85.entry.js.map} +0 -0
  1143. /package/dist/siemens-ix/{p-f1d1c522.entry.js.map → p-ea142215.entry.js.map} +0 -0
  1144. /package/dist/siemens-ix/{p-6a275897.entry.js.map → p-ead88218.entry.js.map} +0 -0
  1145. /package/dist/siemens-ix/{p-25368187.entry.js.map → p-ec7cd008.entry.js.map} +0 -0
  1146. /package/dist/siemens-ix/{p-3725e281.entry.js.map → p-ee2902a5.entry.js.map} +0 -0
  1147. /package/dist/siemens-ix/{p-daf2c2fd.entry.js.map → p-f4415d44.entry.js.map} +0 -0
package/components/p-DzKDFBWC.js DELETED
@@ -1,2042 +0,0 @@
1
- const NAMESPACE = 'siemens-ix';
2
- const BUILD = /* siemens-ix */ { hydratedSelectorName: "hydrated", lazyLoad: false, updatable: true};
3
-
4
- const globalStyles = "/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Include 3rd party libraries */\n/* Default Theme */\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-color-ghost: #ffffff00;\n --theme-color-ghost--hover: #8ca1ab33;\n --theme-color-ghost--active: #8ca1ab26;\n --theme-color-ghost--selected: #00ffff1f;\n --theme-color-ghost--selected-hover: #68fdfd38;\n --theme-color-ghost--selected-active: #73dddd38;\n --theme-color-ghost-primary--active: #0080802b;\n --theme-color-ghost-primary--hover: #00ffff1f;\n --theme-color-ghost-alt: #ffffff08;\n --theme-color-ghost-alt--hover: #8ca1ab3b;\n --theme-color-ghost-alt--active: #8ca1ab2e;\n --theme-color-ghost-alt--selected: #3affff29;\n --theme-color-ghost-alt--selected-hover: #7bfdfd40;\n --theme-color-ghost-alt--selected-active: #84e1e140;\n --theme-color-primary: #00bde3;\n --theme-color-primary--contrast: #000000;\n --theme-color-primary--hover: #1aecff;\n --theme-color-primary--active: #00eaff;\n --theme-color-primary--disabled: #00aacc73;\n --theme-color-dynamic: #00eaff;\n --theme-color-dynamic--hover: #62e2ee;\n --theme-color-dynamic--active: #5cd5e0;\n --theme-color-dynamic-alt: #00eaff;\n --theme-color-dynamic-alt--hover: #62e2ee;\n --theme-color-dynamic-alt--active: #5cd5e0;\n --theme-color-secondary: #000000;\n --theme-color-secondary--hover: #002639;\n --theme-color-secondary--active: #001d2b;\n --theme-color-component-1: #8ca1ab33;\n --theme-color-component-1--hover: #8ca1ab5c;\n --theme-color-component-1--active: #8ca1ab42;\n --theme-color-component-2: #d3effd3b;\n --theme-color-component-3: #d9f3ff6b;\n --theme-color-component-4: #d6f2ff7d;\n --theme-color-component-5: #e0f5ff99;\n --theme-color-component-6: #d9eaf2a8;\n --theme-color-component-7--hover: #196269;\n --theme-color-component-7: #00eaff1f;\n --theme-color-component-7--active: #16565c;\n --theme-color-component-error: #310006;\n --theme-color-component-info: #001c4d;\n --theme-color-component-8--hover: #002639;\n --theme-color-component-8: #00273b;\n --theme-color-component-9: #00eaff;\n --theme-color-component-9--hover: #52f1ff;\n --theme-color-component-9--active: #0aebff;\n --theme-color-component-9--disabled: #00eaff4d;\n --theme-color-component-10: #00eaffbf;\n --theme-color-component-10--hover: #6bf3ff99;\n --theme-color-component-10--active: #0aebff99;\n --theme-color-component-10--disabled: #00eaff33;\n --theme-color-1--hover: #283236;\n --theme-color-1--active: #222b2f;\n --theme-color-component-11: #56616733;\n --theme-color-0: #00000000;\n --theme-color-1: #0f1619;\n --theme-color-2: #283236;\n --theme-color-3: #3c484d;\n --theme-color-4: #4c5a60;\n --theme-color-5: #59686f;\n --theme-color-6: #63737b;\n --theme-color-7: #6b7c85;\n --theme-color-8: #94a1a9;\n --theme-color-std-bdr: #d3ecf88c;\n --theme-color-soft-bdr: #D3ECF866;\n --theme-color-weak-bdr: #e0f5ff40;\n --theme-color-x-weak-bdr: #8e9da533;\n --theme-color-focus-bdr: #199fff;\n --theme-color-contrast-bdr: #ffffff;\n --theme-color-hard-bdr: #6B7C85;\n --theme-color-alarm: #ff2453;\n --theme-color-alarm--hover: #ff577b;\n --theme-color-alarm--active: #ff335f;\n --theme-color-alarm--contrast: #000000;\n --theme-color-alarm-40: #ff265566;\n --theme-color-alarm-10: #ff26551a;\n --theme-color-warning: #ffbb00;\n --theme-color-warning--hover: #ffc533;\n --theme-color-warning--active: #ffba0a;\n --theme-color-warning--contrast: #000000;\n --theme-color-warning-40: #ffb70066;\n --theme-color-warning-10: #ffb7001a;\n --theme-color-critical: #eb7a0a;\n --theme-color-critical--hover: #ed8721;\n --theme-color-critical--active: #eb8014;\n --theme-color-critical--contrast: #000000;\n --theme-color-critical-40: #eb7a0a66;\n --theme-color-success: #44cc00;\n --theme-color-success--hover: #4eeb00;\n --theme-color-success--active: #47d600;\n --theme-color-success--contrast: #000000;\n --theme-color-success-40: #44cc0066;\n --theme-color-info: #357fff;\n --theme-color-info--hover: #4d8eff;\n --theme-color-info--active: #3d84ff;\n --theme-color-info--contrast: #000000;\n --theme-color-info-40: #357fff66;\n --theme-color-neutral: #b6b8b9;\n --theme-color-neutral--hover: #c8cacb;\n --theme-color-neutral--active: #acaeaf;\n --theme-color-neutral--contrast: #000000;\n --theme-color-neutral-40: #b6b8b966;\n --theme-color-contrast-text: #ffffff;\n --theme-color-std-text: #f5fcffed;\n --theme-color-soft-text: #e5f7ffa8;\n --theme-color-weak-text: #dbf4ff66;\n --theme-color-inv-contrast-text: #000000;\n --theme-color-inv-std-text: #000a14e6;\n --theme-color-inv-soft-text: #000d1499;\n --theme-color-inv-weak-text: #000d1466;\n --theme-color-alarm-text: #ff7694;\n --theme-color-shadow-1: #00000099;\n --theme-color-shadow-2: #000000;\n --theme-color-shadow-3: #00000099;\n --theme-color-lightbox: #000000a6;\n --theme-color-backdrop: #000000d9;\n --theme-color-backdrop-3: #37464dd9;\n --theme-color-gradient-effect-1: #1AECFF;\n --theme-color-gradient-effect-2: #00BDE3;\n --theme-color-logo: #ffffff;\n --theme-color-logo-login: #ffffff;\n --theme-chart-1: #00FFE7;\n --theme-chart-1-40: #00FFE766;\n --theme-chart-2: #94FFC9;\n --theme-chart-2-40: #94FFC966;\n --theme-chart-3: #00C2CC;\n --theme-chart-3-40: #00C2CC66;\n --theme-chart-4: #A3EEFF;\n --theme-chart-4-40: #A3EEFF66;\n --theme-chart-5: #90B4C5;\n --theme-chart-5-40: #90B4C566;\n --theme-chart-6: #42C6FF;\n --theme-chart-6-40: #42C6FF66;\n --theme-chart-7: #7AAAFF;\n --theme-chart-7-40: #7AAAFF66;\n --theme-chart-8: #9EBBFF;\n --theme-chart-8-40: #9EBBFF66;\n --theme-chart-9: #9EA3FF;\n --theme-chart-9-40: #9EA3FF66;\n --theme-chart-10: #B999FF;\n --theme-chart-10-40: #B999FF66;\n --theme-chart-11: #D08FFF;\n --theme-chart-11-40: #D08FFF66;\n --theme-chart-12: #ED85FF;\n --theme-chart-12-40: #F38FC266;\n --theme-chart-13: #F38FC2;\n --theme-chart-13-40: #f38fc266;\n --theme-chart-14: #EF9A9A;\n --theme-chart-14-40: #EF9A9A66;\n --theme-chart-15: #FFB180;\n --theme-chart-15-40: #FFB18066;\n --theme-chart-16: #CACAB4;\n --theme-chart-16-40: #CACAB466;\n --theme-chart-17: #B5BD00;\n --theme-chart-17-40: #B5BD0066;\n --theme-chart-axes: #ffffff4d;\n --theme-chart-grid-lines: #ffffff1a;\n --theme-chart-grid-fill: #23233c;\n --theme-chart-ticks: #ffffff59;\n --theme-chart-tooltip-fill: #000028cc;\n --theme-chart-tooltip-bdr: #ffffff40;\n --theme-workflow-step--color--disabled: var(--theme-color-weak-text);\n --theme-app-header--color: var(--theme-color-std-text);\n --theme-app-header--background: var(--theme-color-2);\n --theme-app-header--border-color: var(--theme-color-weak-bdr);\n --theme-app-header-logo--color: var(--theme-color-logo);\n --theme-btn-primary--background: var(--theme-color-primary);\n --theme-btn-primary--background--hover: var(--theme-color-primary--hover);\n --theme-btn-primary--background--active: var(--theme-color-primary--active);\n --theme-btn-primary--background--disabled: var(--theme-color-component-4);\n --theme-btn-primary--color: var(--theme-color-primary--contrast);\n --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);\n --theme-btn-primary--color--active: var(--theme-color-primary--contrast);\n --theme-btn-primary--color--disabled: var(--theme-color-primary--contrast);\n --theme-btn-outline-primary--background: var(--theme-color-secondary);\n --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);\n --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);\n --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);\n --theme-btn-outline-primary--color: var(--theme-color-primary);\n --theme-btn-outline-primary--color--hover: var(--theme-color-dynamic);\n --theme-btn-outline-primary--color--active: var(--theme-color-dynamic);\n --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-primary--border-color: var(--theme-color-ghost);\n --theme-btn-primary--border-color--hover: var(--theme-color-ghost);\n --theme-btn-primary--border-color--active: var(--theme-color-ghost);\n --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-primary--background: var(--theme-color-ghost);\n --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);\n --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);\n --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-primary--color: var(--theme-color-primary);\n --theme-btn-invisible-primary--color--hover: var(--theme-color-dynamic);\n --theme-btn-invisible-primary--color--active: var(--theme-color-dynamic);\n --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-secondary--background: var(--theme-color-component-1);\n --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);\n --theme-btn-secondary--background--active: var(--theme-color-component-1--active);\n --theme-btn-secondary--background--disabled: var(--theme-color-component-1);\n --theme-btn-secondary--color: var(--theme-color-std-text);\n --theme-btn-secondary--color--hover: var(--theme-color-std-text);\n --theme-btn-secondary--color--active: var(--theme-color-std-text);\n --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-outline-secondary--background: var(--theme-color-ghost);\n --theme-btn-outline-secondary--background--hover: var(--theme-color-ghost--hover);\n --theme-btn-outline-secondary--background--active: var(--theme-color-ghost--active);\n --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);\n --theme-btn-outline-secondary--border-color: var(--theme-color-component-4);\n --theme-btn-outline-secondary--border-color--hover: var(--theme-color-component-4);\n --theme-btn-outline-secondary--border-color--active: var(--theme-color-component-4);\n --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);\n --theme-btn-outline-secondary--color: var(--theme-color-std-text);\n --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);\n --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);\n --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-invisible-secondary--background: var(--theme-color-ghost);\n --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);\n --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);\n --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-secondary--color: var(--theme-color-std-text);\n --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);\n --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);\n --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-invisible-secondary--color--selected: var(--theme-color-dynamic);\n --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-dynamic);\n --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-dynamic);\n --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);\n --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);\n --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);\n --theme-link-btn--color: var(--theme-color-primary);\n --theme-link-btn--color--hover: var(--theme-color-dynamic);\n --theme-link-btn--color--active: var(--theme-color-dynamic);\n --theme-link-btn--border-color: var(--theme-color-ghost);\n --theme-link-btn--border-color--hover: var(--theme-color-ghost);\n --theme-link-btn--border-color--active: var(--theme-color-ghost);\n --theme-link-btn--color--visited: var(--theme-color-primary);\n --theme-link-btn--border-color--visited: var(--theme-color-ghost);\n --theme-link-btn--border-color--disabled: var(--theme-color-ghost);\n --theme-link-btn--color--disabled: var(--theme-color-weak-text);\n --theme-checkbox-unchecked--background: var(--theme-color-secondary);\n --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);\n --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);\n --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);\n --theme-checkbox-unchecked--background--invalid: var(--theme-color-component-error);\n --theme-checkbox-unchecked--background--invalid--hover: var(--theme-color-component-error);\n --theme-checkbox-unchecked--background--invalid--active: var(--theme-color-component-error);\n --theme-checkbox-unchecked--background--warning: var(--theme-color-secondary);\n --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-secondary--hover);\n --theme-checkbox-unchecked--background--warning--active: var(--theme-color-secondary--active);\n --theme-checkbox-unchecked--background--info: var(--theme-color-secondary);\n --theme-checkbox-unchecked--background--info--hover: var(--theme-color-secondary--hover);\n --theme-checkbox-unchecked--background--info--active: var(--theme-color-secondary--active);\n --theme-checkbox-unchecked--border-color: var(--theme-color-contrast-bdr);\n --theme-checkbox-unchecked--border-color--hover: var(--theme-color-dynamic);\n --theme-checkbox-unchecked--border-color--active: var(--theme-color-dynamic);\n --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-component-4);\n --theme-checkbox-unchecked--border-color--invalid: var(--theme-color-alarm);\n --theme-checkbox-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);\n --theme-checkbox-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);\n --theme-checkbox-unchecked--border-color--warning: var(--theme-color-warning);\n --theme-checkbox-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);\n --theme-checkbox-unchecked--border-color--warning--active: var(--theme-color-warning--active);\n --theme-checkbox-unchecked--border-color--info: var(--theme-color-info);\n --theme-checkbox-unchecked--border-color--info--hover: var(--theme-color-info--hover);\n --theme-checkbox-unchecked--border-color--info--active: var(--theme-color-info--active);\n --theme-checkbox-checked--background: var(--theme-color-dynamic);\n --theme-checkbox-checked--background--hover: var(--theme-color-dynamic--hover);\n --theme-checkbox-checked--background--active: var(--theme-color-dynamic--active);\n --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);\n --theme-checkbox-checked--background--invalid: var(--theme-color-alarm);\n --theme-checkbox-checked--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-checkbox-checked--background--invalid--active: var(--theme-color-alarm--active);\n --theme-checkbox-checked--background--warning: var(--theme-color-warning);\n --theme-checkbox-checked--background--warning--hover: var(--theme-color-warning--hover);\n --theme-checkbox-checked--background--warning--active: var(--theme-color-warning--active);\n --theme-checkbox-checked--background--info: var(--theme-color-info);\n --theme-checkbox-checked--background--info--hover: var(--theme-color-info--hover);\n --theme-checkbox-checked--background--info--active: var(--theme-color-info--active);\n --theme-checkbox-checked--border-color: var(--theme-color-0);\n --theme-checkbox-checked--border-color--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--active: var(--theme-color-0);\n --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);\n --theme-checkbox-checked--border-color--invalid: var(--theme-color-0);\n --theme-checkbox-checked--border-color--invalid--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--invalid--active: var(--theme-color-0);\n --theme-checkbox-checked--border-color--warning: var(--theme-color-0);\n --theme-checkbox-checked--border-color--warning--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--warning--active: var(--theme-color-0);\n --theme-checkbox-checked--border-color--info: var(--theme-color-0);\n --theme-checkbox-checked--border-color--info--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--info--active: var(--theme-color-0);\n --theme-checkbox-checked--color: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--invalid: var(--theme-color-alarm--contrast);\n --theme-checkbox-checked--color--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-checkbox-checked--color--invalid--active: var(--theme-color-alarm--contrast);\n --theme-checkbox-checked--color--warning: var(--theme-color-warning--contrast);\n --theme-checkbox-checked--color--warning--hover: var(--theme-color-warning--contrast);\n --theme-checkbox-checked--color--warning--active: var(--theme-color-warning--contrast);\n --theme-checkbox-checked--color--info: var(--theme-color-info--contrast);\n --theme-checkbox-checked--color--info--hover: var(--theme-color-info--contrast);\n --theme-checkbox-checked--color--info--active: var(--theme-color-info--contrast);\n --theme-checkbox-mixed--background: var(--theme-color-dynamic);\n --theme-checkbox-mixed--background--hover: var(--theme-color-dynamic--hover);\n --theme-checkbox-mixed--background--active: var(--theme-color-dynamic--active);\n --theme-checkbox-mixed--background--disabled: var(--theme-color-component-4);\n --theme-checkbox-mixed--background--invalid: var(--theme-color-alarm);\n --theme-checkbox-mixed--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-checkbox-mixed--background--invalid--active: var(--theme-color-alarm--active);\n --theme-checkbox-mixed--background--warning: var(--theme-color-warning);\n --theme-checkbox-mixed--background--warning--hover: var(--theme-color-warning--hover);\n --theme-checkbox-mixed--background--warning--active: var(--theme-color-warning--active);\n --theme-checkbox-mixed--border-color: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--active: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--disabled: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--invalid: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--invalid--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--invalid--active: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--warning: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--warning--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--warning--active: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--info: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--info--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--info--active: var(--theme-color-0);\n --theme-checkbox-mixed--color: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--hover: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--active: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--disabled: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--invalid: var(--theme-color-alarm--contrast);\n --theme-checkbox-mixed--color--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-checkbox-mixed--color--invalid--active: var(--theme-color-alarm--contrast);\n --theme-checkbox-mixed--color--warning: var(--theme-color-warning--contrast);\n --theme-checkbox-mixed--color--warning--hover: var(--theme-color-warning--contrast);\n --theme-checkbox-mixed--color--warning--active: var(--theme-color-warning--contrast);\n --theme-checkbox-mixed--color--info: var(--theme-color-info--contrast);\n --theme-checkbox-mixed--color--info--hover: var(--theme-color-info--contrast);\n --theme-checkbox-mixed--color--info--active: var(--theme-color-info--contrast);\n --theme-checkbox-label--color: var(--theme-color-std-text);\n --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);\n --theme-ghost--background: var(--theme-color-ghost);\n --theme-ghost--background--hover: var(--theme-color-ghost--hover);\n --theme-ghost--background--active: var(--theme-color-ghost--active);\n --theme-radiobtn-unchecked--background: var(--theme-color-secondary);\n --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);\n --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);\n --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);\n --theme-radiobtn-unchecked--background--invalid: var(--theme-color-component-error);\n --theme-radiobtn-unchecked--background--invalid--hover: var(--theme-color-component-error);\n --theme-radiobtn-unchecked--background--invalid--active: var(--theme-color-component-error);\n --theme-radiobtn-unchecked--background--warning: var(--theme-color-secondary);\n --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-secondary--hover);\n --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-secondary--active);\n --theme-radiobtn-unchecked--background--info: var(--theme-color-secondary);\n --theme-radiobtn-unchecked--background--info--hover: var(--theme-color-secondary--hover);\n --theme-radiobtn-unchecked--background--info--active: var(--theme-color-secondary--active);\n --theme-radiobtn-unchecked--border-color: var(--theme-color-contrast-bdr);\n --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-dynamic);\n --theme-radiobtn-unchecked--border-color--active: var(--theme-color-dynamic);\n --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);\n --theme-radiobtn-unchecked--border-color--invalid: var(--theme-color-alarm);\n --theme-radiobtn-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);\n --theme-radiobtn-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);\n --theme-radiobtn-unchecked--border-color--warning: var(--theme-color-warning);\n --theme-radiobtn-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);\n --theme-radiobtn-unchecked--border-color--warning--active: var(--theme-color-warning--active);\n --theme-radiobtn-unchecked--border-color--info: var(--theme-color-info);\n --theme-radiobtn-unchecked--border-color--info--hover: var(--theme-color-info--hover);\n --theme-radiobtn-unchecked--border-color--info--active: var(--theme-color-info--active);\n --theme-radiobtn-checked--background: var(--theme-color-dynamic);\n --theme-radiobtn-checked--background--hover: var(--theme-color-dynamic--hover);\n --theme-radiobtn-checked--background--active: var(--theme-color-dynamic--active);\n --theme-radiobtn-checked--background--disabled: var(--theme-color-component-4);\n --theme-radiobtn-checked--background--invalid: var(--theme-color-alarm);\n --theme-radiobtn-checked--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-radiobtn-checked--background--invalid--active: var(--theme-color-alarm--active);\n --theme-radiobtn-checked--background--warning: var(--theme-color-warning);\n --theme-radiobtn-checked--background--warning--hover: var(--theme-color-warning--hover);\n --theme-radiobtn-checked--background--warning--active: var(--theme-color-warning--active);\n --theme-radiobtn-checked--background--info: var(--theme-color-info);\n --theme-radiobtn-checked--background--info--hover: var(--theme-color-info--hover);\n --theme-radiobtn-checked--background--info--active: var(--theme-color-info--active);\n --theme-radiobtn-checked--border-color: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--active: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--disabled: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--invalid: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--invalid--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--invalid--active: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--warning: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--warning--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--warning--active: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--info: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--info--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--info--active: var(--theme-color-0);\n --theme-radiobtn-checked--color: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--hover: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--active: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--disabled: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--invalid: var(--theme-color-alarm--contrast);\n --theme-radiobtn-checked--color--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-radiobtn-checked--color--invalid--active: var(--theme-color-alarm--contrast);\n --theme-radiobtn-checked--color--warning: var(--theme-color-warning--contrast);\n --theme-radiobtn-checked--color--warning--hover: var(--theme-color-warning--contrast);\n --theme-radiobtn-checked--color--warning--active: var(--theme-color-warning--contrast);\n --theme-radiobtn-checked--color--info: var(--theme-color-info--contrast);\n --theme-radiobtn-checked--color--info--hover: var(--theme-color-info--contrast);\n --theme-radiobtn-checked--color--info--active: var(--theme-color-info--contrast);\n --theme-radiobtn-label--color: var(--theme-color-std-text);\n --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);\n --theme-nav--background: var(--theme-color-2);\n --theme-avatar-btn--background: var(--theme-color-ghost);\n --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-avatar-btn--background--active: var(--theme-color-ghost--active);\n --theme-avatar-btn--color: var(--theme-color-std-text);\n --theme-avatar-btn--color--hover: var(--theme-color-std-text);\n --theme-avatar-btn--color--active: var(--theme-color-std-text);\n --theme-menu-btn--color: var(--theme-color-std-text);\n --theme-menu-btn--color--hover: var(--theme-color-std-text);\n --theme-menu-btn--color--active: var(--theme-color-std-text);\n --theme-menu-btn--background: var(--theme-color-ghost);\n --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-menu-btn--background--active: var(--theme-color-ghost--active);\n --theme-nav-item-primary--background: var(--theme-color-ghost);\n --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);\n --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);\n --theme-nav-item-primary--background--selected: var(--theme-color-1);\n --theme-nav-item-primary--border-color: var(--theme-color-0);\n --theme-nav-item-primary--border-color--hover: var(--theme-color-0);\n --theme-nav-item-primary--border-color--active: var(--theme-color-0);\n --theme-nav-item-primary--border-color--selected: var(--theme-color-dynamic);\n --theme-nav-item-primary--color: var(--theme-color-std-text);\n --theme-nav-item-primary--color--hover: var(--theme-color-std-text);\n --theme-nav-item-primary--color--active: var(--theme-color-std-text);\n --theme-nav-item-primary--color--selected: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);\n --theme-nav-item-secondary--background: var(--theme-color-ghost);\n --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);\n --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);\n --theme-nav-item-secondary--background--disabled: var(--theme-color-0);\n --theme-nav-item-secondary--background--selected: var(--theme-color-3);\n --theme-nav-item-secondary--border-color: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--active: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--selected: var(--theme-color-dynamic);\n --theme-nav-item-secondary--color: var(--theme-color-std-text);\n --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);\n --theme-nav-item-secondary--color--active: var(--theme-color-std-text);\n --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);\n --theme-avatar--background: var(--theme-color-component-3);\n --theme-input--background: var(--theme-color-component-8);\n --theme-input--background--hover: var(--theme-color-component-8--hover);\n --theme-input--background--focus: var(--theme-color-component-8--hover);\n --theme-input--background--readonly: var(--theme-color-0);\n --theme-input--background--autofill: var(--theme-color-component-info);\n --theme-input--background--disabled: var(--theme-color-0);\n --theme-input--background--invalid: var(--theme-color-component-error);\n --theme-input--background--invalid--hover: var(--theme-color-component-error);\n --theme-input--background--invalid--focus: var(--theme-color-component-error);\n --theme-input--border-color: var(--theme-color-std-bdr);\n --theme-input--border-color--hover: var(--theme-color-dynamic);\n --theme-input--border-color--focus: var(--theme-color-dynamic);\n --theme-input--border-color--autofill: var(--theme-color-hard-bdr);\n --theme-input--border-color--readonly: var(--theme-color-0);\n --theme-input--border-color--disabled: var(--theme-color-0);\n --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);\n --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);\n --theme-input--border-color--invalid: var(--theme-color-alarm);\n --theme-input--border-color--invalid--hover: var(--theme-color-alarm);\n --theme-input--border-color--invalid--active: var(--theme-color-alarm);\n --theme-input--border-color--warning: var(--theme-color-warning);\n --theme-input--border-color--warning--hover: var(--theme-color-warning);\n --theme-input--border-color--warning--active: var(--theme-color-warning);\n --theme-input--border-color--info: var(--theme-color-info);\n --theme-input--border-color--info--hover: var(--theme-color-info);\n --theme-input--border-color--info--active: var(--theme-color-info);\n --theme-input-hint--color: var(--theme-color-soft-text);\n --theme-input--color: var(--theme-color-std-text);\n --theme-input--color--disabled: var(--theme-color-weak-text);\n --theme-input--color--autofill: var(--theme-color-std-text);\n --theme-input-error--background: var(--theme-color-component-error);\n --theme-input-error--border-color: var(--theme-color-alarm);\n --theme-input-error-icon--color: var(--theme-color-alarm);\n --theme-helper--color: var(--theme-color-soft-text);\n --theme-helper--color--invalid: var(--theme-color-alarm-text);\n --theme-helper--color--valid: var(--theme-color-std-text);\n --theme-helper--color--warning: var(--theme-color-std-text);\n --theme-helper--color--info: var(--theme-color-std-text);\n --theme-helper-icon--color--invalid: var(--theme-color-alarm);\n --theme-helper-icon--color--valid: var(--theme-color-success);\n --theme-helper-icon--color--warning: var(--theme-color-warning);\n --theme-helper-icon--color--info: var(--theme-color-info);\n --theme-blind-base--border-color: var(--theme-color-0);\n --theme-blind-base--background: var(--theme-color-component-1);\n --theme-blind-header-closed--background: var(--theme-color-ghost);\n --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);\n --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);\n --theme-blind-header-open--background: var(--theme-color-ghost);\n --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);\n --theme-blind-header-open--background--active: var(--theme-color-ghost--active);\n --theme-blind-header-open--color--active: var(--theme-color-std-text);\n --theme-blind-header-icon-open--color--active: var(--theme-color-dynamic);\n --theme-blind-header-icon-open--color--hover: var(--theme-color-dynamic);\n --theme-blind-header-open--color--hover: var(--theme-color-std-text);\n --theme-blind-header-icon-open--color: var(--theme-color-dynamic);\n --theme-blind-header-open--color: var(--theme-color-std-text);\n --theme-blind-header-icon-closed--color: var(--theme-color-primary);\n --theme-blind-header-icon-closed--color--active: var(--theme-color-primary);\n --theme-blind-header-icon-closed--color--hover: var(--theme-color-primary);\n --theme-blind-header-closed--color: var(--theme-color-std-text);\n --theme-blind-header-closed--color--active: var(--theme-color-std-text);\n --theme-blind-header-closed--color--hover: var(--theme-color-std-text);\n --theme-breadcrumb-btn--background: var(--theme-color-component-1);\n --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);\n --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);\n --theme-breadcrumb-btn--color: var(--theme-color-soft-text);\n --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);\n --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);\n --theme-breadcrumb-btn-arrow--color: var(--theme-color-soft-text);\n --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);\n --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);\n --theme-breadcrumb-btn-last--color: var(--theme-color-soft-text);\n --theme-breadcrumb-ghost--color: var(--theme-color-primary);\n --theme-breadcrumb-ghost--color--hover: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost--color--active: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost-arrow--color: var(--theme-color-soft-text);\n --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost--background: var(--theme-color-ghost);\n --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);\n --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);\n --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);\n --theme-avatar--color: var(--theme-color-std-text);\n --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);\n --theme-chip-close-btn--color: var(--theme-color-soft-text);\n --theme-chip-outline--color: var(--theme-color-std-text);\n --theme-chip-outline--background: var(--theme-color-1);\n --theme-chip-outline--background--hover: var(--theme-color-1--hover);\n --theme-chip-outline--background--active: var(--theme-color-1--active);\n --theme-chip--background: var(--theme-color-component-1);\n --theme-chip--background--hover: var(--theme-color-component-1--hover);\n --theme-chip--background--active: var(--theme-color-component-1--active);\n --theme-chip--color: var(--theme-color-std-text);\n --theme-chip-close-btn--background: var(--theme-color-ghost);\n --theme-pill-outline--color: var(--theme-color-std-text);\n --theme-pill-outline--background: var(--theme-color-1);\n --theme-chip-primary-outline--background: var(--theme-color-secondary);\n --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);\n --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);\n --theme-chip-primary-outline--border-color: var(--theme-color-primary);\n --theme-chip-primary-outline--border-color--hover: var(--theme-color-dynamic);\n --theme-chip-primary-outline--border-color--active: var(--theme-color-dynamic);\n --theme-chip-primary-outline--color: var(--theme-color-primary);\n --theme-chip-primary-outline--color--hover: var(--theme-color-dynamic);\n --theme-chip-primary-outline--color--active: var(--theme-color-dynamic);\n --theme-chip-primary--background: var(--theme-color-primary);\n --theme-chip-primary--background--hover: var(--theme-color-primary--hover);\n --theme-chip-primary--background--active: var(--theme-color-primary--active);\n --theme-chip-primary--color: var(--theme-color-primary--contrast);\n --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);\n --theme-chip-primary--color--active: var(--theme-color-primary--contrast);\n --theme-chip-primary-outline--background--display: var(--theme-color-secondary);\n --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);\n --theme-chip-primary-outline--color--display: var(--theme-color-std-text);\n --theme-menu--background: var(--theme-color-2);\n --theme-menu--border-color: var(--theme-color-0);\n --theme-menu-header--color: var(--theme-color-soft-text);\n --theme-menu-separator--background: var(--theme-color-x-weak-bdr);\n --theme-menu-item--background: var(--theme-color-ghost);\n --theme-menu-item--background--hover: var(--theme-color-ghost--hover);\n --theme-menu-item--background--active: var(--theme-color-ghost--active);\n --theme-menu-item--background--disabled: var(--theme-color-ghost);\n --theme-menu-item--color: var(--theme-color-std-text);\n --theme-menu-item--color--hover: var(--theme-color-std-text);\n --theme-menu-item--color--active: var(--theme-color-std-text);\n --theme-menu-item--color--disabled: var(--theme-color-weak-text);\n --theme-menu-item-icon--color: var(--theme-color-soft-text);\n --theme-menu-item-icon--color--hover: var(--theme-color-std-text);\n --theme-menu-item-icon--color--active: var(--theme-color-std-text);\n --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);\n --theme-menu-item-arrow--color: var(--theme-color-soft-text);\n --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);\n --theme-menu-item-arrow--color--active: var(--theme-color-std-text);\n --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);\n --theme-menu-item-check--color: var(--theme-color-soft-text);\n --theme-menu-item-check--color--hover: var(--theme-color-std-text);\n --theme-menu-item-check--color--active: var(--theme-color-std-text);\n --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);\n --theme-select-list-item--background: var(--theme-color-ghost);\n --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);\n --theme-select-list-item--background--active: var(--theme-color-ghost--active);\n --theme-select-list-item--background--disabled: var(--theme-color-ghost);\n --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);\n --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);\n --theme-select-list-item--color: var(--theme-color-std-text);\n --theme-select-list-item--color--hover: var(--theme-color-std-text);\n --theme-select-list-item--color--active: var(--theme-color-std-text);\n --theme-select-list-item--color--disabled: var(--theme-color-weak-text);\n --theme-select-list-item--color--selected: var(--theme-color-std-text);\n --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);\n --theme-select-list-item--color--selected-active: var(--theme-color-std-text);\n --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);\n --theme-select-list-item-check--color: var(--theme-color-std-text);\n --theme-select-list-item-check--color--hover: var(--theme-color-std-text);\n --theme-select-list-item-check--color--active: var(--theme-color-std-text);\n --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);\n --theme-select-list--background: var(--theme-color-2);\n --theme-select-list--border-color: var(--theme-color-0);\n --theme-tab--background: var(--theme-color-ghost);\n --theme-tab--background--hover: var(--theme-color-ghost-primary--hover);\n --theme-tab--background--active: var(--theme-color-ghost-primary--active);\n --theme-tab--background--selected: var(--theme-color-ghost);\n --theme-tab--background--disabled: var(--theme-color-ghost);\n --theme-tab-indicator--background: var(--theme-color-soft-bdr);\n --theme-tab-indicator--background--hover: var(--theme-color-soft-bdr);\n --theme-tab-indicator--background--active: var(--theme-color-soft-bdr);\n --theme-tab-indicator--background--selected: var(--theme-color-dynamic);\n --theme-tab-indicator--background--disabled: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background--hover: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background--active: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background--selected: var(--theme-color-dynamic);\n --theme-tab--color: var(--theme-color-std-text);\n --theme-tab--color--hover: var(--theme-color-std-text);\n --theme-tab--color--active: var(--theme-color-std-text);\n --theme-tab--color--selected: var(--theme-color-std-text);\n --theme-tab--color--disabled: var(--theme-color-weak-text);\n --theme-tab-icon--color: var(--theme-color-std-text);\n --theme-tab-icon--color--hover: var(--theme-color-std-text);\n --theme-tab-icon--color--active: var(--theme-color-std-text);\n --theme-tab-icon--color--selected: var(--theme-color-std-text);\n --theme-tab-icon--color--disabled: var(--theme-color-weak-text);\n --theme-animated-tab-icon--color: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--hover: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--active: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--selected: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);\n --theme-animated-tab-circle--background: var(--theme-color-component-1);\n --theme-animated-tab-circle--background--hover: var(--theme-color-ghost-primary--hover);\n --theme-animated-tab-circle--background--active: var(--theme-color-ghost-primary--active);\n --theme-animated-tab-circle--background--selected: var(--theme-color-ghost);\n --theme-animated-tab-circle--background--disabled: var(--theme-color-ghost);\n --theme-animated-tab-circle--border-color: var(--theme-color-0);\n --theme-animated-tab-circle--border-color--hover: var(--theme-color-0);\n --theme-animated-tab-circle--border-color--active: var(--theme-color-0);\n --theme-animated-tab-circle--border-color--selected: var(--theme-color-dynamic);\n --theme-animated-tab-circle--border-color--disabled: var(--theme-color-ghost);\n --theme-tab-pill--border-color: var(--theme-color-neutral);\n --theme-tab-pill--border-color--hover: var(--theme-color-neutral);\n --theme-tab-pill--border-color--active: var(--theme-color-neutral);\n --theme-tab-pill--border-color--selected: var(--theme-color-dynamic);\n --theme-tab-pill--border-color--disabled: var(--theme-color-neutral);\n --theme-input-unit--color: var(--theme-color-soft-text);\n --theme-input-gripper--color: var(--theme-color-weak-text);\n --theme-input-gripper--color--hover: var(--theme-color-weak-text);\n --theme-input-gripper--color--focus: var(--theme-color-weak-text);\n --theme-input-search-icon--color: var(--theme-color-primary);\n --theme-input-search-icon--color--hover: var(--theme-color-dynamic);\n --theme-input-search-icon--color--focus: var(--theme-color-dynamic);\n --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);\n --theme-input-select-icon--color: var(--theme-color-soft-text);\n --theme-input-select-icon--color--hover: var(--theme-color-dynamic);\n --theme-input-select-icon--color--active: var(--theme-color-dynamic);\n --theme-select-list-item-hint--color: var(--theme-color-soft-text);\n --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);\n --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);\n --theme-switch-off--background: var(--theme-color-component-4);\n --theme-switch-off--background--hover: var(--theme-color-component-5);\n --theme-switch-off--background--active: var(--theme-color-component-4);\n --theme-switch-off--background--disabled: var(--theme-color-component-2);\n --theme-switch-off--background--invalid: var(--theme-color-component-4);\n --theme-switch-off--background--invalid--hover: var(--theme-color-component-5);\n --theme-switch-off--background--invalid--active: var(--theme-color-component-4);\n --theme-switch-off--background--warning: var(--theme-color-component-4);\n --theme-switch-off--background--warning--hover: var(--theme-color-component-5);\n --theme-switch-off--background--warning--active: var(--theme-color-component-4);\n --theme-switch-off--background--info: var(--theme-color-component-4);\n --theme-switch-off--background--info--hover: var(--theme-color-component-5);\n --theme-switch-off--background--info--active: var(--theme-color-component-4);\n --theme-switch-off--border-color: var(--theme-color-0);\n --theme-switch-off--border-color--hover: var(--theme-color-0);\n --theme-switch-off--border-color--active: var(--theme-color-0);\n --theme-switch-off--border-color--disabled: var(--theme-color-0);\n --theme-switch-off--border-color--invalid: var(--theme-color-alarm);\n --theme-switch-off--border-color--invalid--hover: var(--theme-color-alarm--hover);\n --theme-switch-off--border-color--invalid--active: var(--theme-color-alarm--active);\n --theme-switch-off--border-color--warning: var(--theme-color-warning);\n --theme-switch-off--border-color--warning--hover: var(--theme-color-warning--hover);\n --theme-switch-off--border-color--warning--active: var(--theme-color-warning--active);\n --theme-switch-off--border-color--info: var(--theme-color-info);\n --theme-switch-off--border-color--info--hover: var(--theme-color-info--hover);\n --theme-switch-off--border-color--info--active: var(--theme-color-info--active);\n --theme-switch-on--background: var(--theme-color-dynamic);\n --theme-switch-on--background--hover: var(--theme-color-dynamic--hover);\n --theme-switch-on--background--active: var(--theme-color-dynamic--active);\n --theme-switch-on--background--disabled: var(--theme-color-component-2);\n --theme-switch-on--background--invalid: var(--theme-color-alarm);\n --theme-switch-on--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-switch-on--background--invalid--active: var(--theme-color-alarm--active);\n --theme-switch-on--background--warning: var(--theme-color-warning);\n --theme-switch-on--background--warning--hover: var(--theme-color-warning--hover);\n --theme-switch-on--background--warning--active: var(--theme-color-warning--active);\n --theme-switch-on--background--info: var(--theme-color-info);\n --theme-switch-on--background--info--hover: var(--theme-color-info--hover);\n --theme-switch-on--background--info--active: var(--theme-color-info--active);\n --theme-switch-on--border-color: var(--theme-color-0);\n --theme-switch-on--border-color--hover: var(--theme-color-0);\n --theme-switch-on--border-color--active: var(--theme-color-0);\n --theme-switch-on--border-color--disabled: var(--theme-color-0);\n --theme-switch-on--border-color--invalid: var(--theme-color-0);\n --theme-switch-on--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-on--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-on--border-color--warning: var(--theme-color-0);\n --theme-switch-on--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-on--border-color--warning--active: var(--theme-color-0);\n --theme-switch-on--border-color--info: var(--theme-color-0);\n --theme-switch-on--border-color--info--hover: var(--theme-color-0);\n --theme-switch-on--border-color--info--active: var(--theme-color-0);\n --theme-switch-mixed--background: var(--theme-color-component-4);\n --theme-switch-mixed--background--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--active: var(--theme-color-component-4);\n --theme-switch-mixed--background--disabled: var(--theme-color-component-2);\n --theme-switch-mixed--background--invalid: var(--theme-color-component-4);\n --theme-switch-mixed--background--invalid--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--invalid--active: var(--theme-color-component-4);\n --theme-switch-mixed--background--warning: var(--theme-color-component-4);\n --theme-switch-mixed--background--warning--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--warning--active: var(--theme-color-component-4);\n --theme-switch-mixed--background--info: var(--theme-color-component-4);\n --theme-switch-mixed--background--info--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--info--active: var(--theme-color-component-4);\n --theme-switch-mixed--border-color: var(--theme-color-0);\n --theme-switch-mixed--border-color--hover: var(--theme-color-0);\n --theme-switch-mixed--border-color--active: var(--theme-color-0);\n --theme-switch-mixed--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-off--background: var(--theme-color-1);\n --theme-switch-thumb-off--background--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--active: var(--theme-color-1);\n --theme-switch-thumb-off--background--disabled: var(--theme-color-component-3);\n --theme-switch-thumb-off--background--invalid: var(--theme-color-1);\n --theme-switch-thumb-off--background--invalid--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--invalid--active: var(--theme-color-1);\n --theme-switch-thumb-off--background--warning: var(--theme-color-1);\n --theme-switch-thumb-off--background--warning--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--warning--active: var(--theme-color-1);\n --theme-switch-thumb-off--background--info: var(--theme-color-1);\n --theme-switch-thumb-off--background--info--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--info--active: var(--theme-color-1);\n --theme-switch-thumb-off--border-color: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--hover: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--active: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--invalid: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--warning: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--warning--active: var(--theme-color-0);\n --theme-switch-thumb-on--background: var(--theme-color-primary--contrast);\n --theme-switch-thumb-on--background--hover: var(--theme-color-primary--contrast);\n --theme-switch-thumb-on--background--active: var(--theme-color-primary--contrast);\n --theme-switch-thumb-on--background--disabled: var(--theme-color-component-3);\n --theme-switch-thumb-on--background--invalid: var(--theme-color-alarm--contrast);\n --theme-switch-thumb-on--background--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-switch-thumb-on--background--invalid--active: var(--theme-color-alarm--contrast);\n --theme-switch-thumb-on--background--warning: var(--theme-color-warning--contrast);\n --theme-switch-thumb-on--background--warning--hover: var(--theme-color-warning--contrast);\n --theme-switch-thumb-on--background--warning--active: var(--theme-color-warning--contrast);\n --theme-switch-thumb-on--background--info: var(--theme-color-info--contrast);\n --theme-switch-thumb-on--background--info--hover: var(--theme-color-info--contrast);\n --theme-switch-thumb-on--background--info--active: var(--theme-color-info--contrast);\n --theme-switch-thumb-on--border-color: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--active: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--invalid: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--warning: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--warning--active: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--info: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--info--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--info--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--background: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--disabled: var(--theme-color-component-3);\n --theme-switch-thumb-mixed--background--invalid: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--invalid--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--invalid--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--warning: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--warning--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--warning--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--info: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--info--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--info--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--border-color: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--invalid: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--warning: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--warning--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--info: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--info--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--info--active: var(--theme-color-0);\n --theme-switch--color: var(--theme-color-std-text);\n --theme-switch--color--hover: var(--theme-color-std-text);\n --theme-switch--color--active: var(--theme-color-std-text);\n --theme-switch--color--disabled: var(--theme-color-weak-text);\n --theme-messagebar--color: var(--theme-color-std-text);\n --theme-messagebar--background: var(--theme-color-1);\n --theme-scrollbar-track--background: var(--theme-color-2);\n --theme-scrollbar-track--border: var(--theme-color-1);\n --theme-scrollbar-thumb--background: var(--theme-color-5);\n --theme-scrollbar-track--background--hover: var(--theme-color-3);\n --theme-scrollbar-thumb--background--hover: var(--theme-color-7);\n --theme-toast-timer-track--background: var(--theme-color-0);\n --theme-toast-timer-value--background: var(--theme-color-component-4);\n --theme-toast--background: var(--theme-color-2);\n --theme-toast--border-color: var(--theme-color-0);\n --theme-toast--color: var(--theme-color-std-text);\n --theme-modal--background: var(--theme-color-2);\n --theme-modal--border-color: var(--theme-color-0);\n --theme-datepicker-day--background: var(--theme-color-ghost);\n --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);\n --theme-datepicker-day--background--active: var(--theme-color-ghost--active);\n --theme-datepicker-day--background--disabled: var(--theme-color-ghost);\n --theme-datepicker-day--border-color: var(--theme-color-0);\n --theme-datepicker-day--border-color--hover: var(--theme-color-0);\n --theme-datepicker-day--border-color--active: var(--theme-color-0);\n --theme-datepicker-day--border-color--disabled: var(--theme-color-0);\n --theme-datepicker-day--color: var(--theme-color-primary);\n --theme-datepicker-day--color--hover: var(--theme-color-primary);\n --theme-datepicker-day--color--active: var(--theme-color-primary);\n --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);\n --theme-datepicker-day--background--selected: var(--theme-color-component-9);\n --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);\n --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);\n --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);\n --theme-datepicker-day--border-color--selected: var(--theme-color-0);\n --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);\n --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);\n --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);\n --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);\n --theme-datepicker-day--background--range: var(--theme-color-component-10);\n --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);\n --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);\n --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);\n --theme-datepicker-day--border-color--range: var(--theme-color-0);\n --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);\n --theme-datepicker-day--border-color--range-active: var(--theme-color-0);\n --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);\n --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);\n --theme-datepicker-today--background: var(--theme-color-ghost);\n --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);\n --theme-datepicker-today--background--active: var(--theme-color-ghost--active);\n --theme-datepicker-today--background--disabled: var(--theme-color-ghost);\n --theme-datepicker-today--border-color: var(--theme-color-primary);\n --theme-datepicker-today--border-color--hover: var(--theme-color-primary);\n --theme-datepicker-today--border-color--active: var(--theme-color-primary);\n --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);\n --theme-datepicker-today--color: var(--theme-color-primary);\n --theme-datepicker-today--color--hover: var(--theme-color-primary);\n --theme-datepicker-today--color--active: var(--theme-color-primary);\n --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);\n --theme-datepicker-today--background--selected: var(--theme-color-component-9);\n --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);\n --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);\n --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);\n --theme-datepicker-today--border-color--selected: var(--theme-color-primary);\n --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);\n --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);\n --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);\n --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);\n --theme-datepicker-today--background--range: var(--theme-color-component-10);\n --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);\n --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);\n --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);\n --theme-datepicker-today--border-color--range: var(--theme-color-primary);\n --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);\n --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);\n --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);\n --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);\n --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);\n --theme-datepicker-weekday--color: var(--theme-color-soft-text);\n --theme-datepicker-cw--color: var(--theme-color-soft-text);\n --theme-datepicker-time-header: var(--theme-color-std-text);\n --theme-datepicker-extra--border-color: var(--theme-color-1);\n --theme-btn-invisible-primary--border-color: var(--theme-color-0);\n --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);\n --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);\n --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);\n --theme-btn-secondary--border-color: var(--theme-color-0);\n --theme-btn-secondary--border-color--hover: var(--theme-color-0);\n --theme-btn-secondary--border-color--active: var(--theme-color-0);\n --theme-btn-secondary--border-color--disabled: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);\n --theme-map-navigation-logo--color: var(--theme-color-logo);\n --theme-map-navigation-header--color: var(--theme-color-std-text);\n --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);\n --theme-map-navigation--background: var(--theme-color-1);\n --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);\n --theme-overlay--background: var(--theme-color-backdrop);\n --theme-overlay-header--background: var(--theme-color-0);\n --theme-overlay-header--color: var(--theme-color-std-text);\n --theme-nav-overlay--background: var(--theme-color-backdrop-3);\n --theme-nav-overlay-header--color: var(--theme-color-std-text);\n --theme-event-item--background: var(--theme-color-component-1);\n --theme-event-item--border--hover: var(--theme-color-0);\n --theme-event-item--border: var(--theme-color-0);\n --theme-event-item--border--active: var(--theme-color-0);\n --theme-event-item--border--selected: var(--theme-color-dynamic);\n --theme-event-item--border--disabled: var(--theme-color-0);\n --theme-event-item--background--hover: var(--theme-color-component-1--hover);\n --theme-event-item--background--active: var(--theme-color-component-1--active);\n --theme-event-item--background--selected: var(--theme-color-component-1--hover);\n --theme-event-item--background--disabled: var(--theme-color-component-1);\n --theme-event-item-chevron--color: var(--theme-color-soft-text);\n --theme-flip--color: var(--theme-color-std-text);\n --theme-flip--background: var(--theme-color-component-1);\n --theme-flip--border-color: var(--theme-color-0);\n --theme-flip-footer--background: var(--theme-color-component-1);\n --theme-flip-footer--color: var(--theme-color-std-text);\n --theme-kpi-display--background: var(--theme-color-ghost);\n --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);\n --theme-kpi-display--background--active: var(--theme-color-ghost--active);\n --theme-kpi-display-indicator--background: var(--theme-color-component-4);\n --theme-kpi-display-label--color: var(--theme-color-soft-text);\n --theme-kpi-display-icon--color: var(--theme-color-std-text);\n --theme-kpi-display-value: var(--theme-color-std-text);\n --theme-kpi-display-units: var(--theme-color-soft-text);\n --theme-tree-item--background: var(--theme-color-ghost);\n --theme-tree-item--background--hover: var(--theme-color-ghost--hover);\n --theme-tree-item--background--active: var(--theme-color-ghost--active);\n --theme-tree-item--background--selected: var(--theme-color-ghost--selected);\n --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);\n --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);\n --theme-tree-item--color: var(--theme-color-std-text);\n --theme-tree-item-icon: var(--theme-color-std-text);\n --theme-tree-item-status--color: var(--theme-color-soft-text);\n --theme-workflow-step--background: var(--theme-color-ghost);\n --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);\n --theme-workflow-step--background--active: var(--theme-color-ghost--active);\n --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);\n --theme-workflow-step--background--disabled: var(--theme-color-ghost);\n --theme-workflow-step--color: var(--theme-color-std-text);\n --theme-workflow-step-icon--background: var(--theme-color-1);\n --theme-workflow-step-icon-default--color: var(--theme-color-soft-text);\n --theme-workflow-step-icon-default--color--selected: var(--theme-color-dynamic);\n --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-done--color: var(--theme-color-primary);\n --theme-workflow-step-icon-done--color--selected: var(--theme-color-dynamic);\n --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);\n --theme-tootlip--background: var(--theme-color-2);\n --theme-tooltip--border-color: var(--theme-color-0);\n --theme-tooltip--color: var(--theme-color-std-text);\n --theme-tooltip-close--color: var(--theme-color-soft-text);\n --theme-tooltip-close-btn--background: var(--theme-color-ghost);\n --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);\n --theme-table--background: var(--theme-color-0);\n --theme-table--border-color: var(--theme-color-0);\n --theme-table--color: var(--theme-color-std-text);\n --theme-table-header-row--background: var(--theme-color-0);\n --theme-table-header-row--border-color: var(--theme-color-soft-bdr);\n --theme-table-header-cell--background: var(--theme-color-ghost);\n --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);\n --theme-table-header-cell--background--active: var(--theme-color-ghost--active);\n --theme-table-header-cell--border-color: var(--theme-color-0);\n --theme-table-header-cell--border-color--hover: var(--theme-color-0);\n --theme-table-header-cell--border-color--active: var(--theme-color-0);\n --theme-table-header-cell--color: var(--theme-color-std-text);\n --theme-table-header-filter--color: var(--theme-color-dynamic);\n --theme-table-header-sort--color: var(--theme-color-dynamic);\n --theme-table-header-splitter--background: var(--theme-color-soft-bdr);\n --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);\n --theme-table-data-row--background: var(--theme-color-ghost);\n --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);\n --theme-table-data-row--background--active: var(--theme-color-ghost--active);\n --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);\n --theme-table-data-row--background--disabled: var(--theme-color-ghost);\n --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-table-data-row--border-color: var(--theme-color-weak-bdr);\n --theme-table-data-cell--border-color: var(--theme-color-0);\n --theme-table-data-cell--background: var(--theme-color-ghost);\n --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);\n --theme-table-data-cell--background--active: var(--theme-color-ghost--active);\n --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);\n --theme-table-data-cell--background--disabled: var(--theme-color-ghost);\n --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-table-data-cell--color: var(--theme-color-std-text);\n --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);\n --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);\n --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);\n --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);\n --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);\n --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);\n --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);\n --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);\n --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);\n --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);\n --theme-group-item--background: var(--theme-color-component-1);\n --theme-group-item--background--hover: var(--theme-color-component-1--hover);\n --theme-group-item--background--active: var(--theme-color-component-1--active);\n --theme-group-item--background--selected: var(--theme-color-ghost--selected);\n --theme-group-item--background--disabled: var(--theme-color-component-1);\n --theme-group-item--border-color: var(--theme-color-0);\n --theme-group-item--border-color--hover: var(--theme-color-0);\n --theme-group-item--border-color--active: var(--theme-color-0);\n --theme-group-item--border-color--selected: var(--theme-color-0);\n --theme-group-item--border-color--disabled: var(--theme-color-0);\n --theme-group-item-indicator--background: var(--theme-color-0);\n --theme-group-item-indicator--background--selected: var(--theme-color-dynamic);\n --theme-group-item-indicator--background--subselected: var(--theme-color-dynamic);\n --theme-group-node-closed--color: var(--theme-color-std-text);\n --theme-group-node-open--color: var(--theme-color-std-text);\n --theme-group-header--color: var(--theme-color-std-text);\n --theme-group-subheader--color: var(--theme-color-std-text);\n --theme-group-item-icon--color: var(--theme-color-std-text);\n --theme-group-item-text--color: var(--theme-color-std-text);\n --theme-group-item-subtext--color: var(--theme-color-soft-text);\n --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);\n --theme-group-item-text--color--disabled: var(--theme-color-weak-text);\n --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);\n --theme-upload--background: var(--theme-color-1);\n --theme-upload--background--dragover: var(--theme-color-1);\n --theme-upload--border-color: var(--theme-color-soft-bdr);\n --theme-upload--border-color--dragover: var(--theme-color-dynamic);\n --theme-upload--background--checking: var(--theme-color-1);\n --theme-upload--background--disabled: var(--theme-color-0);\n --theme-upload--border-color--checking: var(--theme-color-soft-bdr);\n --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);\n --theme-upload-text--color: var(--theme-color-std-text);\n --theme-upload-text--color--checking: var(--theme-color-std-text);\n --theme-upload-text--color--disabled: var(--theme-color-weak-text);\n --theme-input-extra--background--active: var(--theme-color-component-8--hover);\n --theme-input-extra--background--hover: var(--theme-color-component-8--hover);\n --theme-table-group-header-row--background: var(--theme-color-0);\n --theme-table-group-header-row--border-color: var(--theme-color-soft-bdr);\n --theme-label--color: var(--theme-color-soft-text);\n --theme-label--color--hover: var(--theme-color-std-text);\n --theme-label--color--active: var(--theme-color-std-text);\n --theme-label--color--focus: var(--theme-color-dynamic);\n --theme-label--color--disabled: var(--theme-color-weak-text);\n --theme-label--color--invalid: var(--theme-color-alarm-text);\n --theme-btn-outline-primary--border-color: var(--theme-color-primary);\n --theme-btn-outline-primary--border-color--hover: var(--theme-color-dynamic);\n --theme-btn-outline-primary--border-color--active: var(--theme-color-dynamic);\n --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);\n --theme-table-selection--border-color: var(--theme-color-0);\n --theme-btn-danger--background: var(--theme-color-alarm);\n --theme-btn-danger--background--hover: var(--theme-color-alarm--hover);\n --theme-btn-danger--background--active: var(--theme-color-alarm--active);\n --theme-btn-danger--background--disabled: var(--theme-color-component-4);\n --theme-btn-danger--color: var(--theme-color-alarm--contrast);\n --theme-btn-danger--color--hover: var(--theme-color-alarm--contrast);\n --theme-btn-danger--color--active: var(--theme-color-alarm--contrast);\n --theme-btn-danger--color--disabled: var(--theme-color-primary--contrast);\n --theme-btn-danger--border-color: var(--theme-color-0);\n --theme-btn-danger--border-color--hover: var(--theme-color-0);\n --theme-btn-danger--border-color--active: var(--theme-color-0);\n --theme-btn-danger--border-color--disabled: var(--theme-color-0);\n --theme-btn-outline-danger--background: var(--theme-color-1);\n --theme-btn-outline-danger--background--hover: var(--theme-color-1--hover);\n --theme-btn-outline-danger--background--active: var(--theme-color-1--active);\n --theme-btn-outline-danger--background--disabled: var(--theme-color-ghost);\n --theme-btn-outline-danger--color: var(--theme-color-alarm);\n --theme-btn-outline-danger--color--hover: var(--theme-color-alarm--hover);\n --theme-btn-outline-danger--color--active: var(--theme-color-alarm--active);\n --theme-btn-outline-danger--color--disabled: var(--theme-color-weak-text);\n --theme-btn-outline-danger--border-color: var(--theme-color-alarm);\n --theme-btn-outline-danger--border-color--hover: var(--theme-color-alarm--hover);\n --theme-btn-outline-danger--border-color--active: var(--theme-color-alarm--active);\n --theme-btn-outline-danger--border-color--disabled: var(--theme-color-component-4);\n --theme-btn-invisible-danger--background: var(--theme-color-ghost);\n --theme-btn-invisible-danger--background--hover: var(--theme-color-ghost--hover);\n --theme-btn-invisible-danger--background--active: var(--theme-color-ghost--active);\n --theme-btn-invisible-danger--background--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-danger--color: var(--theme-color-alarm-text);\n --theme-btn-invisible-danger--color--hover: var(--theme-color-alarm-text);\n --theme-btn-invisible-danger--color--active: var(--theme-color-alarm-text);\n --theme-btn-invisible-danger--color--disabled: var(--theme-color-weak-text);\n --theme-btn-invisible-danger--border-color: var(--theme-color-0);\n --theme-btn-invisible-danger--border-color--hover: var(--theme-color-0);\n --theme-btn-invisible-danger--border-color--active: var(--theme-color-0);\n --theme-btn-invisible-danger--border-color--disabled: var(--theme-color-0);\n --theme-slider-track--background: var(--theme-color-component-4);\n --theme-slider-track--background--disabled: var(--theme-color-component-2);\n --theme-slider-track-marker--background: var(--theme-color-8);\n --theme-slider-track-marker--background--disabled: var(--theme-color-5);\n --theme-slider-thumb--background: var(--theme-color-dynamic);\n --theme-slider-thumb--background--hover: var(--theme-color-dynamic--hover);\n --theme-slider-thumb--background--active: var(--theme-color-dynamic--active);\n --theme-slider-thumb--background--disabled: var(--theme-color-7);\n --theme-slider-thumb--background--invalid: var(--theme-color-alarm);\n --theme-slider-thumb--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-slider-thumb--background--invalid--active: var(--theme-color-alarm--active);\n --theme-slider-thumb--background--warning: var(--theme-color-warning);\n --theme-slider-thumb--background--warning--hover: var(--theme-color-warning--hover);\n --theme-slider-thumb--background--warning--active: var(--theme-color-warning--active);\n --theme-slider-thumb--background--info: var(--theme-color-info);\n --theme-slider-thumb--background--info--hover: var(--theme-color-info--hover);\n --theme-slider-thumb--background--info--active: var(--theme-color-info--active);\n --theme-slider-trace--background: var(--theme-color-dynamic);\n --theme-slider-trace--background--disabled: var(--theme-color-component-3);\n --theme-slider-trace--background--invalid: var(--theme-color-alarm);\n --theme-slider-trace--background--warning: var(--theme-color-warning);\n --theme-slider-trace--background--info: var(--theme-color-info);\n --theme-slider-trace-marker--background: var(--theme-color-dynamic);\n --theme-slider-trace-marker--background--disabled: var(--theme-color-7);\n --theme-slider-trace-marker--background--invalid: var(--theme-color-alarm);\n --theme-slider-trace-marker--background--warning: var(--theme-color-warning);\n --theme-slider-trace-marker--background--info: var(--theme-color-info);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-shadow-1: 0px 1px 1px #00000099, 0px 2px 2px #000000;\n --theme-shadow-2: 0px 0px 16px #00000099, 4px 0px 8px #000000, -4px 0px 8px #000000;\n --theme-shadow-3: 0px 0px 8px #00000099, 0px 2px 6px #000000;\n --theme-shadow-4: 0px 12px 18px #00000099, 0px 4px 8px #00000099, 0px 0px 2px #000000;\n --theme-inset-shadow-1: inset 0px 2px 4px #00000099;\n --theme-input--box-shadow: var(--theme-inset-shadow-1);\n --theme-menu--box-shadow: var(--theme-shadow-4);\n --theme-navigation--box-shadow: var(--theme-shadow-2);\n --theme-modal--box-shadow: var(--theme-shadow-4);\n --theme-switch-thumb--box-shadow: none;\n --theme-tile--box-shadow: none;\n --theme-toast--box-shadow: var(--theme-shadow-4);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-font-code: JetBrains Mono;\n --theme-font-sans: Arial;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-font-weight-normal: 400;\n --theme-font-weight-bold: 700;\n --theme-font-weight-black: 900;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);\n --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);\n --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);\n --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);\n --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);\n --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);\n --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);\n --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);\n --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);\n --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);\n --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);\n --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);\n --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);\n --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);\n --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);\n --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);\n --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);\n --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);\n --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);\n --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);\n --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);\n --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-default-border-radius: 0.25rem;\n --theme-small-border-radius: 0.125rem;\n --theme-min-border-radius: 0rem;\n --theme-btn--border-radius: var(--theme-min-border-radius);\n --theme-blind--border-radius: var(--theme-default-border-radius);\n --theme-breadcrumb--border-radius: var(--theme-min-border-radius);\n --theme-group--border-radius: var(--theme-default-border-radius);\n --theme-group--border-radius--focus: var(--theme-min-border-radius);\n --theme-kpi--border-radius: var(--theme-default-border-radius);\n --theme-input--border-radius: var(--theme-small-border-radius);\n --theme-menu--border-radius: var(--theme-default-border-radius);\n --theme-message-bar--border-radius: var(--theme-default-border-radius);\n --theme-tile--border-radius: var(--theme-default-border-radius);\n --theme-toast--border-radus: var(--theme-default-border-radius);\n --theme-flip-tile--border-radius: var(--theme-default-border-radius);\n --theme-upload--border-radius: var(--theme-default-border-radius);\n --theme-workflow--border-radius: var(--theme-default-border-radius);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-default-control-height: 2rem;\n --theme-large-control-height: 2.5rem;\n --theme-medium-control-height: 1.5rem;\n --theme-large-icon-size: 2rem;\n --theme-default-icon-size: 1.5rem;\n --theme-small-icon-size: 1rem;\n --theme-focus--border-thickness: 0.0625rem;\n --theme-input-min-width: 2rem;\n --theme-size--3: 0.375rem;\n --theme-size--2: 0.5rem;\n --theme-size--1: 0.75rem;\n --theme-size-0: 1rem;\n --theme-size-1: 1.5rem;\n --theme-size-2: 2rem;\n --theme-size-3: 3rem;\n --theme-size-4: 4rem;\n --theme-size-5: 6rem;\n --theme-size-6: 8rem;\n --theme-size-7: 12rem;\n --theme-size-8: 16rem;\n --theme-tab-indicator--height: 0.125rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-font-size-xs: 0.625rem;\n --theme-font-size-s: 0.75rem;\n --theme-font-size-caption: 0.75rem;\n --theme-font-size-default: 0.875rem;\n --theme-font-size-l: 1rem;\n --theme-font-size-xl: 1.375rem;\n --theme-ms--2: 0.625rem;\n --theme-ms--1: 0.75rem;\n --theme-ms-0: 0.875rem;\n --theme-ms-1: 1rem;\n --theme-ms-2: 1.25rem;\n --theme-ms-3: 1.5rem;\n --theme-ms-4: 1.8125rem;\n --theme-ms-5: 2.1875rem;\n --theme-ms-6: 2.625rem;\n --theme-ms-7: 3.125rem;\n --theme-ms-8: 3.75rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-line-height-s: 150%;\n --theme-line-height-s-single: 150%;\n --theme-line-height-caption: 150%;\n --theme-line-height-caption-single: 100%;\n --theme-line-height-default: 142.9%;\n --theme-line-height-default-single: 114.3%;\n --theme-line-height-l: 150%;\n --theme-line-height-l-single: 125%;\n --theme-line-height-h2: 145.5%;\n --theme-line-height-xl: 109.1%;\n --theme-line-height-xs: 100%;\n --theme-line-height-sm: 120%;\n --theme-line-height-md: 143%;\n --theme-line-height-lg: 150%;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-x-slow-time: 1s;\n --theme-slow-time: 500ms;\n --theme-medium-time: 300ms;\n --theme-default-time: 150ms;\n --theme-short-time: 0ms;\n --theme-btn--focus--outline-offset: 0.125rem;\n --theme-checkbox--focus--outline-offset: 0.125rem;\n --theme-radiobtn--focus--outline-offset: 0.125rem;\n --theme-input--focus--outline-offset: 0.125rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-input-padding-y: 0.5rem;\n --theme-input-padding-x: 0.5rem;\n --theme-space--3: 0.125rem;\n --theme-space--2: 0.1875rem;\n --theme-space--1: 0.25rem;\n --theme-space-0: 0.735rem;\n --theme-space-1: 0.5rem;\n --theme-space-2: 0.75rem;\n --theme-space-3: 1rem;\n --theme-space-4: 1.5rem;\n --theme-space-5: 2rem;\n --theme-space-6: 3rem;\n --theme-space-7: 4rem;\n --theme-space-8: 6rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-btn--border-thickness: 0.0625rem;\n --theme-app-header--border-width: 0.0625rem;\n --theme-blind--border-thickness: 0.0625rem;\n --theme-checkbox--border-thickness: 0.0625rem;\n --theme-focus--border-thickness: 0.0625rem;\n --theme-radiobtn--border-thickness: 0.0625rem;\n --theme-input--border-thickness: 0.0625rem;\n --theme-menu--border-thickness: 0rem;\n --theme-message-bar--border-thickness: 0.125rem;\n --theme-modal--border-thickness: 0.0625rem;\n --theme-toast--border-thickness: 0rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);\n --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);\n --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);\n --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);\n --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);\n --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);\n --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);\n --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);\n --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);\n --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);\n --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);\n --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);\n --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);\n --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);\n --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);\n --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);\n --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);\n --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);\n --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);\n --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);\n --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);\n --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);\n --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);\n --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);\n --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);\n --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);\n --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);\n --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --theme-letter-spacing-xs: -1.2%;\n --theme-letter-spacing-sm: -0.6%;\n --theme-letter-spacing-md: 0%;\n --theme-letter-spacing-lg: 0.6%;\n --theme-letter-spacing-xl: 1.2%;\n --theme-letter-spacing-xxl: 2%;\n}\n\n:root .theme-classic-dark, :root body:not([class*=theme-]) {\n --ix-theme-name: classic-dark;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-color-ghost: #00000000;\n --theme-color-ghost--hover: #a8adb32e;\n --theme-color-ghost--active: #a8adb354;\n --theme-color-ghost--selected: #00eaff33;\n --theme-color-ghost--selected-hover: #20b8c538;\n --theme-color-ghost--selected-active: #00919e38;\n --theme-color-ghost-primary--active: #00becf33;\n --theme-color-ghost-primary--hover: #00eaff33;\n --theme-color-ghost-alt: #00142808;\n --theme-color-ghost-alt--hover: #a8adb338;\n --theme-color-ghost-alt--active: #a8adb35c;\n --theme-color-ghost-alt--selected: #00d8ec38;\n --theme-color-ghost-alt--selected-hover: #1eabb83d;\n --theme-color-ghost-alt--selected-active: #0094a138;\n --theme-color-primary: #006e93;\n --theme-color-primary--contrast: #ffffff;\n --theme-color-primary--hover: #196269;\n --theme-color-primary--active: #16565c;\n --theme-color-primary--disabled: #006e934d;\n --theme-color-dynamic: #005e66;\n --theme-color-dynamic--hover: #0f5157;\n --theme-color-dynamic--active: #0e494e;\n --theme-color-dynamic-alt: #00eaff;\n --theme-color-dynamic-alt--hover: #62e2ee;\n --theme-color-dynamic-alt--active: #5cd5e0;\n --theme-color-secondary: #ffffff;\n --theme-color-secondary--hover: #ccfbff;\n --theme-color-secondary--active: #b8edf2;\n --theme-color-component-1: #a8adb32e;\n --theme-color-component-1--hover: #a8adb354;\n --theme-color-component-1--active: #a8adb373;\n --theme-color-component-2: #0012241c;\n --theme-color-component-3: #04142538;\n --theme-color-component-4: #05121f4d;\n --theme-color-component-5: #07121d73;\n --theme-color-component-6: #0b121999;\n --theme-color-component-7--hover: #00eaff;\n --theme-color-component-7: #00eaff33;\n --theme-color-component-7--active: #00def2;\n --theme-color-component-error: #fcccd0;\n --theme-color-component-info: #ccdefc;\n --theme-color-component-8--hover: #d1fbff;\n --theme-color-component-8: #ebf7f8;\n --theme-color-component-9: #0b5e65;\n --theme-color-component-9--hover: #005d66;\n --theme-color-component-9--active: #00464d;\n --theme-color-component-9--disabled: #0051594d;\n --theme-color-component-10: #005159bf;\n --theme-color-component-10--hover: #005d66bf;\n --theme-color-component-10--active: #00464dbf;\n --theme-color-component-10--disabled: #00515926;\n --theme-color-1--hover: #eff0f1;\n --theme-color-1--active: #e2e4e6;\n --theme-color-component-11: #d5dbe233;\n --theme-color-0: #ffffff00;\n --theme-color-1: #ffffff;\n --theme-color-2: #eff0f1;\n --theme-color-3: #e2e4e6;\n --theme-color-4: #d8dadd;\n --theme-color-5: #cfd2d5;\n --theme-color-6: #c8cbcf;\n --theme-color-7: #c2c6ca;\n --theme-color-8: #92979b;\n --theme-color-std-bdr: #0014284d;\n --theme-color-soft-bdr: #00142833;\n --theme-color-weak-bdr: #23303c26;\n --theme-color-x-weak-bdr: #aeb5bd33;\n --theme-color-focus-bdr: #199fff;\n --theme-color-contrast-bdr: #000000;\n --theme-color-hard-bdr: #b2b8be;\n --theme-color-alarm: #d72332;\n --theme-color-alarm--hover: #c11f2d;\n --theme-color-alarm--active: #b41d2a;\n --theme-color-alarm--contrast: #ffffff;\n --theme-color-alarm-40: #d7233266;\n --theme-color-alarm-10: #d723321a;\n --theme-color-warning: #b88d00;\n --theme-color-warning--hover: #a88100;\n --theme-color-warning--active: #9e7900;\n --theme-color-warning--contrast: #000000;\n --theme-color-warning-40: #b88d0066;\n --theme-color-warning-10: #b88d001a;\n --theme-color-critical: #e97101;\n --theme-color-critical--hover: #d06501;\n --theme-color-critical--active: #c15e01;\n --theme-color-critical--contrast: #000000;\n --theme-color-critical-40: #e9710166;\n --theme-color-success: #2c8500;\n --theme-color-success--hover: #277500;\n --theme-color-success--active: #246b00;\n --theme-color-success--contrast: #ffffff;\n --theme-color-success-40: #2c850066;\n --theme-color-info: #0041b1;\n --theme-color-info--hover: #003a9e;\n --theme-color-info--active: #003694;\n --theme-color-info--contrast: #ffffff;\n --theme-color-info-40: #0041b166;\n --theme-color-neutral: #66727e;\n --theme-color-neutral--hover: #5b6671;\n --theme-color-neutral--active: #545e68;\n --theme-color-neutral--contrast: #ffffff;\n --theme-color-neutral-40: #66727e66;\n --theme-color-contrast-text: #000000;\n --theme-color-std-text: #000a14e6;\n --theme-color-soft-text: #000a1499;\n --theme-color-weak-text: #000a1466;\n --theme-color-inv-contrast-text: #ffffff;\n --theme-color-inv-std-text: #f5faffed;\n --theme-color-inv-soft-text: #e5f2ffa8;\n --theme-color-inv-weak-text: #dbedff66;\n --theme-color-alarm-text: #b81e3f;\n --theme-color-shadow-1: #0000001a;\n --theme-color-shadow-2: #00000033;\n --theme-color-shadow-3: #00000099;\n --theme-color-lightbox: #ffffffa6;\n --theme-color-backdrop: #ffffffd9;\n --theme-color-backdrop-3: #e3e5e8d9;\n --theme-color-gradient-effect-1: #006E93;\n --theme-color-gradient-effect-2: #16565C;\n --theme-color-logo: #000000;\n --theme-color-logo-login: #000000;\n --theme-chart-1: #008A7C;\n --theme-chart-1-40: #008A7C66;\n --theme-chart-2: #00572B;\n --theme-chart-2-40: #00572B66;\n --theme-chart-3: #00838F;\n --theme-chart-3-40: #00838F66;\n --theme-chart-4: #003C61;\n --theme-chart-4-40: #003C6166;\n --theme-chart-5: #61778C;\n --theme-chart-5-40: #61778C66;\n --theme-chart-6: #0076A8;\n --theme-chart-6-40: #0076A866;\n --theme-chart-7: #182171;\n --theme-chart-7-40: #18217166;\n --theme-chart-8: #0041D6;\n --theme-chart-8-40: #0041D666;\n --theme-chart-9: #4A52F2;\n --theme-chart-9-40: #4A52F266;\n --theme-chart-10: #7C40FF;\n --theme-chart-10-40: #7C40FF66;\n --theme-chart-11: #900EEC;\n --theme-chart-11-40: #900EEC66;\n --theme-chart-12: #AA32BE;\n --theme-chart-12-40: #AA32BE66;\n --theme-chart-13: #6F2542;\n --theme-chart-13-40: #6F254266;\n --theme-chart-14: #9E5833;\n --theme-chart-14-40: #9E583366;\n --theme-chart-15: #B74E2A;\n --theme-chart-15-40: #B74E2A66;\n --theme-chart-16: #73735E;\n --theme-chart-16-40: #73735E66;\n --theme-chart-17: #7A8000;\n --theme-chart-17-40: #7A800066;\n --theme-chart-axes: #0000004d;\n --theme-chart-grid-lines: #0000001a;\n --theme-chart-grid-fill: #ffffff;\n --theme-chart-ticks: #0000004d;\n --theme-chart-tooltip-fill: #ffffffcc;\n --theme-chart-tooltip-bdr: #00000033;\n --theme-workflow-step--color--disabled: var(--theme-color-weak-text);\n --theme-app-header--color: var(--theme-color-std-text);\n --theme-app-header--background: var(--theme-color-2);\n --theme-app-header--border-color: var(--theme-color-weak-bdr);\n --theme-app-header-logo--color: var(--theme-color-logo);\n --theme-btn-primary--background: var(--theme-color-primary);\n --theme-btn-primary--background--hover: var(--theme-color-primary--hover);\n --theme-btn-primary--background--active: var(--theme-color-primary--active);\n --theme-btn-primary--background--disabled: var(--theme-color-component-4);\n --theme-btn-primary--color: var(--theme-color-primary--contrast);\n --theme-btn-primary--color--hover: var(--theme-color-primary--contrast);\n --theme-btn-primary--color--active: var(--theme-color-primary--contrast);\n --theme-btn-primary--color--disabled: var(--theme-color-primary--contrast);\n --theme-btn-outline-primary--background: var(--theme-color-secondary);\n --theme-btn-outline-primary--background--hover: var(--theme-color-secondary--hover);\n --theme-btn-outline-primary--background--active: var(--theme-color-secondary--active);\n --theme-btn-outline-primary--background--disabled: var(--theme-color-ghost);\n --theme-btn-outline-primary--color: var(--theme-color-primary);\n --theme-btn-outline-primary--color--hover: var(--theme-color-dynamic);\n --theme-btn-outline-primary--color--active: var(--theme-color-dynamic);\n --theme-btn-outline-primary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-primary--border-color: var(--theme-color-ghost);\n --theme-btn-primary--border-color--hover: var(--theme-color-ghost);\n --theme-btn-primary--border-color--active: var(--theme-color-ghost);\n --theme-btn-primary--border-color--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-primary--background: var(--theme-color-ghost);\n --theme-btn-invisible-primary--background--hover: var(--theme-color-ghost-primary--hover);\n --theme-btn-invisible-primary--background--active: var(--theme-color-ghost-primary--active);\n --theme-btn-invisible-primary--background--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-primary--color: var(--theme-color-primary);\n --theme-btn-invisible-primary--color--hover: var(--theme-color-dynamic);\n --theme-btn-invisible-primary--color--active: var(--theme-color-dynamic);\n --theme-btn-invisible-primary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-secondary--background: var(--theme-color-component-1);\n --theme-btn-secondary--background--hover: var(--theme-color-component-1--hover);\n --theme-btn-secondary--background--active: var(--theme-color-component-1--active);\n --theme-btn-secondary--background--disabled: var(--theme-color-component-1);\n --theme-btn-secondary--color: var(--theme-color-std-text);\n --theme-btn-secondary--color--hover: var(--theme-color-std-text);\n --theme-btn-secondary--color--active: var(--theme-color-std-text);\n --theme-btn-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-outline-secondary--background: var(--theme-color-ghost);\n --theme-btn-outline-secondary--background--hover: var(--theme-color-ghost--hover);\n --theme-btn-outline-secondary--background--active: var(--theme-color-ghost--active);\n --theme-btn-outline-secondary--background--disabled: var(--theme-color-ghost);\n --theme-btn-outline-secondary--border-color: var(--theme-color-component-4);\n --theme-btn-outline-secondary--border-color--hover: var(--theme-color-component-4);\n --theme-btn-outline-secondary--border-color--active: var(--theme-color-component-4);\n --theme-btn-outline-secondary--border-color--disabled: var(--theme-color-component-4);\n --theme-btn-outline-secondary--color: var(--theme-color-std-text);\n --theme-btn-outline-secondary--color--hover: var(--theme-color-std-text);\n --theme-btn-outline-secondary--color--active: var(--theme-color-std-text);\n --theme-btn-outline-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-invisible-secondary--background: var(--theme-color-ghost);\n --theme-btn-invisible-secondary--background--hover: var(--theme-color-ghost--hover);\n --theme-btn-invisible-secondary--background--active: var(--theme-color-ghost--active);\n --theme-btn-invisible-secondary--background--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-secondary--color: var(--theme-color-std-text);\n --theme-btn-invisible-secondary--color--hover: var(--theme-color-std-text);\n --theme-btn-invisible-secondary--color--active: var(--theme-color-std-text);\n --theme-btn-invisible-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-btn-invisible-secondary--color--selected: var(--theme-color-dynamic);\n --theme-btn-invisible-secondary--color--selected-hover: var(--theme-color-dynamic);\n --theme-btn-invisible-secondary--color--selected-active: var(--theme-color-dynamic);\n --theme-btn-invisible-secondary--background--selected: var(--theme-color-component-7);\n --theme-btn-invisible-secondary--background--selected-hover: var(--theme-color-component-7--hover);\n --theme-btn-invisible-secondary--background--selected-active: var(--theme-color-component-7--active);\n --theme-link-btn--color: var(--theme-color-primary);\n --theme-link-btn--color--hover: var(--theme-color-dynamic);\n --theme-link-btn--color--active: var(--theme-color-dynamic);\n --theme-link-btn--border-color: var(--theme-color-ghost);\n --theme-link-btn--border-color--hover: var(--theme-color-ghost);\n --theme-link-btn--border-color--active: var(--theme-color-ghost);\n --theme-link-btn--color--visited: var(--theme-color-primary);\n --theme-link-btn--border-color--visited: var(--theme-color-ghost);\n --theme-link-btn--border-color--disabled: var(--theme-color-ghost);\n --theme-link-btn--color--disabled: var(--theme-color-weak-text);\n --theme-checkbox-unchecked--background: var(--theme-color-secondary);\n --theme-checkbox-unchecked--background--hover: var(--theme-color-secondary--hover);\n --theme-checkbox-unchecked--background--active: var(--theme-color-secondary--active);\n --theme-checkbox-unchecked--background--disabled: var(--theme-color-ghost);\n --theme-checkbox-unchecked--background--invalid: var(--theme-color-component-error);\n --theme-checkbox-unchecked--background--invalid--hover: var(--theme-color-component-error);\n --theme-checkbox-unchecked--background--invalid--active: var(--theme-color-component-error);\n --theme-checkbox-unchecked--background--warning: var(--theme-color-secondary);\n --theme-checkbox-unchecked--background--warning--hover: var(--theme-color-secondary--hover);\n --theme-checkbox-unchecked--background--warning--active: var(--theme-color-secondary--active);\n --theme-checkbox-unchecked--background--info: var(--theme-color-secondary);\n --theme-checkbox-unchecked--background--info--hover: var(--theme-color-secondary--hover);\n --theme-checkbox-unchecked--background--info--active: var(--theme-color-secondary--active);\n --theme-checkbox-unchecked--border-color: var(--theme-color-contrast-bdr);\n --theme-checkbox-unchecked--border-color--hover: var(--theme-color-dynamic);\n --theme-checkbox-unchecked--border-color--active: var(--theme-color-dynamic);\n --theme-checkbox-unchecked--border-color--disabled: var(--theme-color-component-4);\n --theme-checkbox-unchecked--border-color--invalid: var(--theme-color-alarm);\n --theme-checkbox-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);\n --theme-checkbox-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);\n --theme-checkbox-unchecked--border-color--warning: var(--theme-color-warning);\n --theme-checkbox-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);\n --theme-checkbox-unchecked--border-color--warning--active: var(--theme-color-warning--active);\n --theme-checkbox-unchecked--border-color--info: var(--theme-color-info);\n --theme-checkbox-unchecked--border-color--info--hover: var(--theme-color-info--hover);\n --theme-checkbox-unchecked--border-color--info--active: var(--theme-color-info--active);\n --theme-checkbox-checked--background: var(--theme-color-dynamic);\n --theme-checkbox-checked--background--hover: var(--theme-color-dynamic--hover);\n --theme-checkbox-checked--background--active: var(--theme-color-dynamic--active);\n --theme-checkbox-checked--background--disabled: var(--theme-color-component-4);\n --theme-checkbox-checked--background--invalid: var(--theme-color-alarm);\n --theme-checkbox-checked--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-checkbox-checked--background--invalid--active: var(--theme-color-alarm--active);\n --theme-checkbox-checked--background--warning: var(--theme-color-warning);\n --theme-checkbox-checked--background--warning--hover: var(--theme-color-warning--hover);\n --theme-checkbox-checked--background--warning--active: var(--theme-color-warning--active);\n --theme-checkbox-checked--background--info: var(--theme-color-info);\n --theme-checkbox-checked--background--info--hover: var(--theme-color-info--hover);\n --theme-checkbox-checked--background--info--active: var(--theme-color-info--active);\n --theme-checkbox-checked--border-color: var(--theme-color-0);\n --theme-checkbox-checked--border-color--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--active: var(--theme-color-0);\n --theme-checkbox-checked--border-color--disabled: var(--theme-color-0);\n --theme-checkbox-checked--border-color--invalid: var(--theme-color-0);\n --theme-checkbox-checked--border-color--invalid--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--invalid--active: var(--theme-color-0);\n --theme-checkbox-checked--border-color--warning: var(--theme-color-0);\n --theme-checkbox-checked--border-color--warning--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--warning--active: var(--theme-color-0);\n --theme-checkbox-checked--border-color--info: var(--theme-color-0);\n --theme-checkbox-checked--border-color--info--hover: var(--theme-color-0);\n --theme-checkbox-checked--border-color--info--active: var(--theme-color-0);\n --theme-checkbox-checked--color: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--hover: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--active: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--disabled: var(--theme-color-primary--contrast);\n --theme-checkbox-checked--color--invalid: var(--theme-color-alarm--contrast);\n --theme-checkbox-checked--color--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-checkbox-checked--color--invalid--active: var(--theme-color-alarm--contrast);\n --theme-checkbox-checked--color--warning: var(--theme-color-warning--contrast);\n --theme-checkbox-checked--color--warning--hover: var(--theme-color-warning--contrast);\n --theme-checkbox-checked--color--warning--active: var(--theme-color-warning--contrast);\n --theme-checkbox-checked--color--info: var(--theme-color-info--contrast);\n --theme-checkbox-checked--color--info--hover: var(--theme-color-info--contrast);\n --theme-checkbox-checked--color--info--active: var(--theme-color-info--contrast);\n --theme-checkbox-mixed--background: var(--theme-color-dynamic);\n --theme-checkbox-mixed--background--hover: var(--theme-color-dynamic--hover);\n --theme-checkbox-mixed--background--active: var(--theme-color-dynamic--active);\n --theme-checkbox-mixed--background--disabled: var(--theme-color-component-4);\n --theme-checkbox-mixed--background--invalid: var(--theme-color-alarm);\n --theme-checkbox-mixed--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-checkbox-mixed--background--invalid--active: var(--theme-color-alarm--active);\n --theme-checkbox-mixed--background--warning: var(--theme-color-warning);\n --theme-checkbox-mixed--background--warning--hover: var(--theme-color-warning--hover);\n --theme-checkbox-mixed--background--warning--active: var(--theme-color-warning--active);\n --theme-checkbox-mixed--border-color: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--active: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--disabled: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--invalid: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--invalid--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--invalid--active: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--warning: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--warning--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--warning--active: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--info: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--info--hover: var(--theme-color-0);\n --theme-checkbox-mixed--border-color--info--active: var(--theme-color-0);\n --theme-checkbox-mixed--color: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--hover: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--active: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--disabled: var(--theme-color-primary--contrast);\n --theme-checkbox-mixed--color--invalid: var(--theme-color-alarm--contrast);\n --theme-checkbox-mixed--color--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-checkbox-mixed--color--invalid--active: var(--theme-color-alarm--contrast);\n --theme-checkbox-mixed--color--warning: var(--theme-color-warning--contrast);\n --theme-checkbox-mixed--color--warning--hover: var(--theme-color-warning--contrast);\n --theme-checkbox-mixed--color--warning--active: var(--theme-color-warning--contrast);\n --theme-checkbox-mixed--color--info: var(--theme-color-info--contrast);\n --theme-checkbox-mixed--color--info--hover: var(--theme-color-info--contrast);\n --theme-checkbox-mixed--color--info--active: var(--theme-color-info--contrast);\n --theme-checkbox-label--color: var(--theme-color-std-text);\n --theme-checkbox-label--color--disabled: var(--theme-color-weak-text);\n --theme-ghost--background: var(--theme-color-ghost);\n --theme-ghost--background--hover: var(--theme-color-ghost--hover);\n --theme-ghost--background--active: var(--theme-color-ghost--active);\n --theme-radiobtn-unchecked--background: var(--theme-color-secondary);\n --theme-radiobtn-unchecked--background--hover: var(--theme-color-secondary--hover);\n --theme-radiobtn-unchecked--background--active: var(--theme-color-secondary--active);\n --theme-radiobtn-unchecked--background--disabled: var(--theme-color-ghost);\n --theme-radiobtn-unchecked--background--invalid: var(--theme-color-component-error);\n --theme-radiobtn-unchecked--background--invalid--hover: var(--theme-color-component-error);\n --theme-radiobtn-unchecked--background--invalid--active: var(--theme-color-component-error);\n --theme-radiobtn-unchecked--background--warning: var(--theme-color-secondary);\n --theme-radiobtn-unchecked--background--warning--hover: var(--theme-color-secondary--hover);\n --theme-radiobtn-unchecked--background--warning--active: var(--theme-color-secondary--active);\n --theme-radiobtn-unchecked--background--info: var(--theme-color-secondary);\n --theme-radiobtn-unchecked--background--info--hover: var(--theme-color-secondary--hover);\n --theme-radiobtn-unchecked--background--info--active: var(--theme-color-secondary--active);\n --theme-radiobtn-unchecked--border-color: var(--theme-color-contrast-bdr);\n --theme-radiobtn-unchecked--border-color--hover: var(--theme-color-dynamic);\n --theme-radiobtn-unchecked--border-color--active: var(--theme-color-dynamic);\n --theme-radiobtn-unchecked--border-color--disabled: var(--theme-color-component-4);\n --theme-radiobtn-unchecked--border-color--invalid: var(--theme-color-alarm);\n --theme-radiobtn-unchecked--border-color--invalid--hover: var(--theme-color-alarm--hover);\n --theme-radiobtn-unchecked--border-color--invalid--active: var(--theme-color-alarm--active);\n --theme-radiobtn-unchecked--border-color--warning: var(--theme-color-warning);\n --theme-radiobtn-unchecked--border-color--warning--hover: var(--theme-color-warning--hover);\n --theme-radiobtn-unchecked--border-color--warning--active: var(--theme-color-warning--active);\n --theme-radiobtn-unchecked--border-color--info: var(--theme-color-info);\n --theme-radiobtn-unchecked--border-color--info--hover: var(--theme-color-info--hover);\n --theme-radiobtn-unchecked--border-color--info--active: var(--theme-color-info--active);\n --theme-radiobtn-checked--background: var(--theme-color-dynamic);\n --theme-radiobtn-checked--background--hover: var(--theme-color-dynamic--hover);\n --theme-radiobtn-checked--background--active: var(--theme-color-dynamic--active);\n --theme-radiobtn-checked--background--disabled: var(--theme-color-component-4);\n --theme-radiobtn-checked--background--invalid: var(--theme-color-alarm);\n --theme-radiobtn-checked--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-radiobtn-checked--background--invalid--active: var(--theme-color-alarm--active);\n --theme-radiobtn-checked--background--warning: var(--theme-color-warning);\n --theme-radiobtn-checked--background--warning--hover: var(--theme-color-warning--hover);\n --theme-radiobtn-checked--background--warning--active: var(--theme-color-warning--active);\n --theme-radiobtn-checked--background--info: var(--theme-color-info);\n --theme-radiobtn-checked--background--info--hover: var(--theme-color-info--hover);\n --theme-radiobtn-checked--background--info--active: var(--theme-color-info--active);\n --theme-radiobtn-checked--border-color: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--active: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--disabled: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--invalid: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--invalid--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--invalid--active: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--warning: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--warning--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--warning--active: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--info: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--info--hover: var(--theme-color-0);\n --theme-radiobtn-checked--border-color--info--active: var(--theme-color-0);\n --theme-radiobtn-checked--color: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--hover: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--active: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--disabled: var(--theme-color-primary--contrast);\n --theme-radiobtn-checked--color--invalid: var(--theme-color-alarm--contrast);\n --theme-radiobtn-checked--color--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-radiobtn-checked--color--invalid--active: var(--theme-color-alarm--contrast);\n --theme-radiobtn-checked--color--warning: var(--theme-color-warning--contrast);\n --theme-radiobtn-checked--color--warning--hover: var(--theme-color-warning--contrast);\n --theme-radiobtn-checked--color--warning--active: var(--theme-color-warning--contrast);\n --theme-radiobtn-checked--color--info: var(--theme-color-info--contrast);\n --theme-radiobtn-checked--color--info--hover: var(--theme-color-info--contrast);\n --theme-radiobtn-checked--color--info--active: var(--theme-color-info--contrast);\n --theme-radiobtn-label--color: var(--theme-color-std-text);\n --theme-radiobtn-label--color--disabled: var(--theme-color-weak-text);\n --theme-nav--background: var(--theme-color-2);\n --theme-avatar-btn--background: var(--theme-color-ghost);\n --theme-avatar-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-avatar-btn--background--active: var(--theme-color-ghost--active);\n --theme-avatar-btn--color: var(--theme-color-std-text);\n --theme-avatar-btn--color--hover: var(--theme-color-std-text);\n --theme-avatar-btn--color--active: var(--theme-color-std-text);\n --theme-menu-btn--color: var(--theme-color-std-text);\n --theme-menu-btn--color--hover: var(--theme-color-std-text);\n --theme-menu-btn--color--active: var(--theme-color-std-text);\n --theme-menu-btn--background: var(--theme-color-ghost);\n --theme-menu-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-menu-btn--background--active: var(--theme-color-ghost--active);\n --theme-nav-item-primary--background: var(--theme-color-ghost);\n --theme-nav-item-primary--background--hover: var(--theme-color-ghost--hover);\n --theme-nav-item-primary--background--active: var(--theme-color-ghost--active);\n --theme-nav-item-primary--background--selected: var(--theme-color-1);\n --theme-nav-item-primary--border-color: var(--theme-color-0);\n --theme-nav-item-primary--border-color--hover: var(--theme-color-0);\n --theme-nav-item-primary--border-color--active: var(--theme-color-0);\n --theme-nav-item-primary--border-color--selected: var(--theme-color-dynamic);\n --theme-nav-item-primary--color: var(--theme-color-std-text);\n --theme-nav-item-primary--color--hover: var(--theme-color-std-text);\n --theme-nav-item-primary--color--active: var(--theme-color-std-text);\n --theme-nav-item-primary--color--selected: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color--hover: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color--active: var(--theme-color-std-text);\n --theme-nav-item-primary-icon--color--selected: var(--theme-color-std-text);\n --theme-nav-item-secondary--background: var(--theme-color-ghost);\n --theme-nav-item-secondary--background--hover: var(--theme-color-ghost--hover);\n --theme-nav-item-secondary--background--active: var(--theme-color-ghost--active);\n --theme-nav-item-secondary--background--disabled: var(--theme-color-0);\n --theme-nav-item-secondary--background--selected: var(--theme-color-3);\n --theme-nav-item-secondary--border-color: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--hover: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--active: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--disabled: var(--theme-color-0);\n --theme-nav-item-secondary--border-color--selected: var(--theme-color-dynamic);\n --theme-nav-item-secondary--color: var(--theme-color-std-text);\n --theme-nav-item-secondary--color--hover: var(--theme-color-std-text);\n --theme-nav-item-secondary--color--active: var(--theme-color-std-text);\n --theme-nav-item-secondary--color--disabled: var(--theme-color-weak-text);\n --theme-nav-item-secondary--color--selected: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--hover: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--active: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--selected: var(--theme-color-std-text);\n --theme-nav-item-secondary-icon--color--disabled: var(--theme-color-weak-text);\n --theme-avatar--background: var(--theme-color-component-3);\n --theme-input--background: var(--theme-color-component-8);\n --theme-input--background--hover: var(--theme-color-component-8--hover);\n --theme-input--background--focus: var(--theme-color-component-8--hover);\n --theme-input--background--readonly: var(--theme-color-0);\n --theme-input--background--autofill: var(--theme-color-component-info);\n --theme-input--background--disabled: var(--theme-color-0);\n --theme-input--background--invalid: var(--theme-color-component-error);\n --theme-input--background--invalid--hover: var(--theme-color-component-error);\n --theme-input--background--invalid--focus: var(--theme-color-component-error);\n --theme-input--border-color: var(--theme-color-std-bdr);\n --theme-input--border-color--hover: var(--theme-color-dynamic);\n --theme-input--border-color--focus: var(--theme-color-dynamic);\n --theme-input--border-color--autofill: var(--theme-color-hard-bdr);\n --theme-input--border-color--readonly: var(--theme-color-0);\n --theme-input--border-color--disabled: var(--theme-color-0);\n --theme-input--border-color-bottom--readonly: var(--theme-color-soft-bdr);\n --theme-input--border-color-bottom--disabled: var(--theme-color-weak-bdr);\n --theme-input--border-color--invalid: var(--theme-color-alarm);\n --theme-input--border-color--invalid--hover: var(--theme-color-alarm);\n --theme-input--border-color--invalid--active: var(--theme-color-alarm);\n --theme-input--border-color--warning: var(--theme-color-warning);\n --theme-input--border-color--warning--hover: var(--theme-color-warning);\n --theme-input--border-color--warning--active: var(--theme-color-warning);\n --theme-input--border-color--info: var(--theme-color-info);\n --theme-input--border-color--info--hover: var(--theme-color-info);\n --theme-input--border-color--info--active: var(--theme-color-info);\n --theme-input-hint--color: var(--theme-color-soft-text);\n --theme-input--color: var(--theme-color-std-text);\n --theme-input--color--disabled: var(--theme-color-weak-text);\n --theme-input--color--autofill: var(--theme-color-std-text);\n --theme-input-error--background: var(--theme-color-component-error);\n --theme-input-error--border-color: var(--theme-color-alarm);\n --theme-input-error-icon--color: var(--theme-color-alarm);\n --theme-helper--color: var(--theme-color-soft-text);\n --theme-helper--color--invalid: var(--theme-color-alarm-text);\n --theme-helper--color--valid: var(--theme-color-std-text);\n --theme-helper--color--warning: var(--theme-color-std-text);\n --theme-helper--color--info: var(--theme-color-std-text);\n --theme-helper-icon--color--invalid: var(--theme-color-alarm);\n --theme-helper-icon--color--valid: var(--theme-color-success);\n --theme-helper-icon--color--warning: var(--theme-color-warning);\n --theme-helper-icon--color--info: var(--theme-color-info);\n --theme-blind-base--border-color: var(--theme-color-0);\n --theme-blind-base--background: var(--theme-color-component-1);\n --theme-blind-header-closed--background: var(--theme-color-ghost);\n --theme-blind-header-closed--background--hover: var(--theme-color-ghost--hover);\n --theme-blind-header-closed--background--active: var(--theme-color-ghost--active);\n --theme-blind-header-open--background: var(--theme-color-ghost);\n --theme-blind-header-open--background--hover: var(--theme-color-ghost--hover);\n --theme-blind-header-open--background--active: var(--theme-color-ghost--active);\n --theme-blind-header-open--color--active: var(--theme-color-std-text);\n --theme-blind-header-icon-open--color--active: var(--theme-color-dynamic);\n --theme-blind-header-icon-open--color--hover: var(--theme-color-dynamic);\n --theme-blind-header-open--color--hover: var(--theme-color-std-text);\n --theme-blind-header-icon-open--color: var(--theme-color-dynamic);\n --theme-blind-header-open--color: var(--theme-color-std-text);\n --theme-blind-header-icon-closed--color: var(--theme-color-primary);\n --theme-blind-header-icon-closed--color--active: var(--theme-color-primary);\n --theme-blind-header-icon-closed--color--hover: var(--theme-color-primary);\n --theme-blind-header-closed--color: var(--theme-color-std-text);\n --theme-blind-header-closed--color--active: var(--theme-color-std-text);\n --theme-blind-header-closed--color--hover: var(--theme-color-std-text);\n --theme-breadcrumb-btn--background: var(--theme-color-component-1);\n --theme-breadcrumb-btn--background--hover: var(--theme-color-component-1--hover);\n --theme-breadcrumb-btn--background--active: var(--theme-color-component-1--active);\n --theme-breadcrumb-btn--color: var(--theme-color-soft-text);\n --theme-breadcrumb-btn--color--hover: var(--theme-color-std-text);\n --theme-breadcrumb-btn--color--active: var(--theme-color-std-text);\n --theme-breadcrumb-btn-arrow--color: var(--theme-color-soft-text);\n --theme-breadcrumb-btn-arrow--color--hover: var(--theme-color-std-text);\n --theme-breadcrumb-btn-arrow--color--active: var(--theme-color-std-text);\n --theme-breadcrumb-btn-last--color: var(--theme-color-soft-text);\n --theme-breadcrumb-ghost--color: var(--theme-color-primary);\n --theme-breadcrumb-ghost--color--hover: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost--color--active: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost-arrow--color: var(--theme-color-soft-text);\n --theme-breadcrumb-ghost-arrow--color--hover: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost-arrow--color--active: var(--theme-color-dynamic);\n --theme-breadcrumb-ghost--background: var(--theme-color-ghost);\n --theme-breadcrumb-ghost--background--hover: var(--theme-color-ghost--hover);\n --theme-breadcrumb-ghost--background--active: var(--theme-color-ghost--active);\n --theme-breadcrumb-ghost-last--color: var(--theme-color-soft-text);\n --theme-avatar--color: var(--theme-color-std-text);\n --theme-chip-close-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-chip-close-btn--background--active: var(--theme-color-ghost--active);\n --theme-chip-close-btn--color: var(--theme-color-soft-text);\n --theme-chip-outline--color: var(--theme-color-std-text);\n --theme-chip-outline--background: var(--theme-color-1);\n --theme-chip-outline--background--hover: var(--theme-color-1--hover);\n --theme-chip-outline--background--active: var(--theme-color-1--active);\n --theme-chip--background: var(--theme-color-component-1);\n --theme-chip--background--hover: var(--theme-color-component-1--hover);\n --theme-chip--background--active: var(--theme-color-component-1--active);\n --theme-chip--color: var(--theme-color-std-text);\n --theme-chip-close-btn--background: var(--theme-color-ghost);\n --theme-pill-outline--color: var(--theme-color-std-text);\n --theme-pill-outline--background: var(--theme-color-1);\n --theme-chip-primary-outline--background: var(--theme-color-secondary);\n --theme-chip-primary-outline--background--hover: var(--theme-color-secondary--hover);\n --theme-chip-primary-outline--background--active: var(--theme-color-secondary--active);\n --theme-chip-primary-outline--border-color: var(--theme-color-primary);\n --theme-chip-primary-outline--border-color--hover: var(--theme-color-dynamic);\n --theme-chip-primary-outline--border-color--active: var(--theme-color-dynamic);\n --theme-chip-primary-outline--color: var(--theme-color-primary);\n --theme-chip-primary-outline--color--hover: var(--theme-color-dynamic);\n --theme-chip-primary-outline--color--active: var(--theme-color-dynamic);\n --theme-chip-primary--background: var(--theme-color-primary);\n --theme-chip-primary--background--hover: var(--theme-color-primary--hover);\n --theme-chip-primary--background--active: var(--theme-color-primary--active);\n --theme-chip-primary--color: var(--theme-color-primary--contrast);\n --theme-chip-primary--color--hover: var(--theme-color-primary--contrast);\n --theme-chip-primary--color--active: var(--theme-color-primary--contrast);\n --theme-chip-primary-outline--background--display: var(--theme-color-secondary);\n --theme-chip-primary-outline--border-color--display: var(--theme-color-primary);\n --theme-chip-primary-outline--color--display: var(--theme-color-std-text);\n --theme-menu--background: var(--theme-color-2);\n --theme-menu--border-color: var(--theme-color-0);\n --theme-menu-header--color: var(--theme-color-soft-text);\n --theme-menu-separator--background: var(--theme-color-x-weak-bdr);\n --theme-menu-item--background: var(--theme-color-ghost);\n --theme-menu-item--background--hover: var(--theme-color-ghost--hover);\n --theme-menu-item--background--active: var(--theme-color-ghost--active);\n --theme-menu-item--background--disabled: var(--theme-color-ghost);\n --theme-menu-item--color: var(--theme-color-std-text);\n --theme-menu-item--color--hover: var(--theme-color-std-text);\n --theme-menu-item--color--active: var(--theme-color-std-text);\n --theme-menu-item--color--disabled: var(--theme-color-weak-text);\n --theme-menu-item-icon--color: var(--theme-color-soft-text);\n --theme-menu-item-icon--color--hover: var(--theme-color-std-text);\n --theme-menu-item-icon--color--active: var(--theme-color-std-text);\n --theme-menu-item-icon--color--disabled: var(--theme-color-weak-text);\n --theme-menu-item-arrow--color: var(--theme-color-soft-text);\n --theme-menu-item-arrow--color--hover: var(--theme-color-std-text);\n --theme-menu-item-arrow--color--active: var(--theme-color-std-text);\n --theme-menu-item-arrow--color--disabled: var(--theme-color-weak-text);\n --theme-menu-item-check--color: var(--theme-color-soft-text);\n --theme-menu-item-check--color--hover: var(--theme-color-std-text);\n --theme-menu-item-check--color--active: var(--theme-color-std-text);\n --theme-menu-item-check--color--disabled: var(--theme-color-weak-text);\n --theme-select-list-item--background: var(--theme-color-ghost);\n --theme-select-list-item--background--hover: var(--theme-color-ghost--hover);\n --theme-select-list-item--background--active: var(--theme-color-ghost--active);\n --theme-select-list-item--background--disabled: var(--theme-color-ghost);\n --theme-select-list-item--background--selected: var(--theme-color-ghost--selected);\n --theme-select-list-item--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-select-list-item--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-select-list-item--background--selected-disabled: var(--theme-color-ghost);\n --theme-select-list-item--color: var(--theme-color-std-text);\n --theme-select-list-item--color--hover: var(--theme-color-std-text);\n --theme-select-list-item--color--active: var(--theme-color-std-text);\n --theme-select-list-item--color--disabled: var(--theme-color-weak-text);\n --theme-select-list-item--color--selected: var(--theme-color-std-text);\n --theme-select-list-item--color--selected-hover: var(--theme-color-std-text);\n --theme-select-list-item--color--selected-active: var(--theme-color-std-text);\n --theme-select-list-item--color--selected-disabled: var(--theme-color-weak-text);\n --theme-select-list-item-check--color: var(--theme-color-std-text);\n --theme-select-list-item-check--color--hover: var(--theme-color-std-text);\n --theme-select-list-item-check--color--active: var(--theme-color-std-text);\n --theme-select-list-item-check--color--disabled: var(--theme-color-weak-text);\n --theme-select-list--background: var(--theme-color-2);\n --theme-select-list--border-color: var(--theme-color-0);\n --theme-tab--background: var(--theme-color-ghost);\n --theme-tab--background--hover: var(--theme-color-ghost-primary--hover);\n --theme-tab--background--active: var(--theme-color-ghost-primary--active);\n --theme-tab--background--selected: var(--theme-color-ghost);\n --theme-tab--background--disabled: var(--theme-color-ghost);\n --theme-tab-indicator--background: var(--theme-color-soft-bdr);\n --theme-tab-indicator--background--hover: var(--theme-color-soft-bdr);\n --theme-tab-indicator--background--active: var(--theme-color-soft-bdr);\n --theme-tab-indicator--background--selected: var(--theme-color-dynamic);\n --theme-tab-indicator--background--disabled: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background--hover: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background--active: var(--theme-color-soft-bdr);\n --theme-animated-tab-indicator--background--selected: var(--theme-color-dynamic);\n --theme-tab--color: var(--theme-color-std-text);\n --theme-tab--color--hover: var(--theme-color-std-text);\n --theme-tab--color--active: var(--theme-color-std-text);\n --theme-tab--color--selected: var(--theme-color-std-text);\n --theme-tab--color--disabled: var(--theme-color-weak-text);\n --theme-tab-icon--color: var(--theme-color-std-text);\n --theme-tab-icon--color--hover: var(--theme-color-std-text);\n --theme-tab-icon--color--active: var(--theme-color-std-text);\n --theme-tab-icon--color--selected: var(--theme-color-std-text);\n --theme-tab-icon--color--disabled: var(--theme-color-weak-text);\n --theme-animated-tab-icon--color: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--hover: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--active: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--selected: var(--theme-color-std-text);\n --theme-animated-tab-icon--color--disabled: var(--theme-color-weak-text);\n --theme-animated-tab-circle--background: var(--theme-color-component-1);\n --theme-animated-tab-circle--background--hover: var(--theme-color-ghost-primary--hover);\n --theme-animated-tab-circle--background--active: var(--theme-color-ghost-primary--active);\n --theme-animated-tab-circle--background--selected: var(--theme-color-ghost);\n --theme-animated-tab-circle--background--disabled: var(--theme-color-ghost);\n --theme-animated-tab-circle--border-color: var(--theme-color-0);\n --theme-animated-tab-circle--border-color--hover: var(--theme-color-0);\n --theme-animated-tab-circle--border-color--active: var(--theme-color-0);\n --theme-animated-tab-circle--border-color--selected: var(--theme-color-dynamic);\n --theme-animated-tab-circle--border-color--disabled: var(--theme-color-ghost);\n --theme-tab-pill--border-color: var(--theme-color-neutral);\n --theme-tab-pill--border-color--hover: var(--theme-color-neutral);\n --theme-tab-pill--border-color--active: var(--theme-color-neutral);\n --theme-tab-pill--border-color--selected: var(--theme-color-dynamic);\n --theme-tab-pill--border-color--disabled: var(--theme-color-neutral);\n --theme-input-unit--color: var(--theme-color-soft-text);\n --theme-input-gripper--color: var(--theme-color-weak-text);\n --theme-input-gripper--color--hover: var(--theme-color-weak-text);\n --theme-input-gripper--color--focus: var(--theme-color-weak-text);\n --theme-input-search-icon--color: var(--theme-color-primary);\n --theme-input-search-icon--color--hover: var(--theme-color-dynamic);\n --theme-input-search-icon--color--focus: var(--theme-color-dynamic);\n --theme-input-search-icon--color--disabled: var(--theme-color-weak-text);\n --theme-input-select-icon--color: var(--theme-color-soft-text);\n --theme-input-select-icon--color--hover: var(--theme-color-dynamic);\n --theme-input-select-icon--color--active: var(--theme-color-dynamic);\n --theme-select-list-item-hint--color: var(--theme-color-soft-text);\n --theme-select-list-item-hint--color--hover: var(--theme-color-soft-text);\n --theme-select-list-item-hint--color--active: var(--theme-color-soft-text);\n --theme-switch-off--background: var(--theme-color-component-4);\n --theme-switch-off--background--hover: var(--theme-color-component-5);\n --theme-switch-off--background--active: var(--theme-color-component-4);\n --theme-switch-off--background--disabled: var(--theme-color-component-2);\n --theme-switch-off--background--invalid: var(--theme-color-component-4);\n --theme-switch-off--background--invalid--hover: var(--theme-color-component-5);\n --theme-switch-off--background--invalid--active: var(--theme-color-component-4);\n --theme-switch-off--background--warning: var(--theme-color-component-4);\n --theme-switch-off--background--warning--hover: var(--theme-color-component-5);\n --theme-switch-off--background--warning--active: var(--theme-color-component-4);\n --theme-switch-off--background--info: var(--theme-color-component-4);\n --theme-switch-off--background--info--hover: var(--theme-color-component-5);\n --theme-switch-off--background--info--active: var(--theme-color-component-4);\n --theme-switch-off--border-color: var(--theme-color-0);\n --theme-switch-off--border-color--hover: var(--theme-color-0);\n --theme-switch-off--border-color--active: var(--theme-color-0);\n --theme-switch-off--border-color--disabled: var(--theme-color-0);\n --theme-switch-off--border-color--invalid: var(--theme-color-alarm);\n --theme-switch-off--border-color--invalid--hover: var(--theme-color-alarm--hover);\n --theme-switch-off--border-color--invalid--active: var(--theme-color-alarm--active);\n --theme-switch-off--border-color--warning: var(--theme-color-warning);\n --theme-switch-off--border-color--warning--hover: var(--theme-color-warning--hover);\n --theme-switch-off--border-color--warning--active: var(--theme-color-warning--active);\n --theme-switch-off--border-color--info: var(--theme-color-info);\n --theme-switch-off--border-color--info--hover: var(--theme-color-info--hover);\n --theme-switch-off--border-color--info--active: var(--theme-color-info--active);\n --theme-switch-on--background: var(--theme-color-dynamic);\n --theme-switch-on--background--hover: var(--theme-color-dynamic--hover);\n --theme-switch-on--background--active: var(--theme-color-dynamic--active);\n --theme-switch-on--background--disabled: var(--theme-color-component-2);\n --theme-switch-on--background--invalid: var(--theme-color-alarm);\n --theme-switch-on--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-switch-on--background--invalid--active: var(--theme-color-alarm--active);\n --theme-switch-on--background--warning: var(--theme-color-warning);\n --theme-switch-on--background--warning--hover: var(--theme-color-warning--hover);\n --theme-switch-on--background--warning--active: var(--theme-color-warning--active);\n --theme-switch-on--background--info: var(--theme-color-info);\n --theme-switch-on--background--info--hover: var(--theme-color-info--hover);\n --theme-switch-on--background--info--active: var(--theme-color-info--active);\n --theme-switch-on--border-color: var(--theme-color-0);\n --theme-switch-on--border-color--hover: var(--theme-color-0);\n --theme-switch-on--border-color--active: var(--theme-color-0);\n --theme-switch-on--border-color--disabled: var(--theme-color-0);\n --theme-switch-on--border-color--invalid: var(--theme-color-0);\n --theme-switch-on--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-on--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-on--border-color--warning: var(--theme-color-0);\n --theme-switch-on--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-on--border-color--warning--active: var(--theme-color-0);\n --theme-switch-on--border-color--info: var(--theme-color-0);\n --theme-switch-on--border-color--info--hover: var(--theme-color-0);\n --theme-switch-on--border-color--info--active: var(--theme-color-0);\n --theme-switch-mixed--background: var(--theme-color-component-4);\n --theme-switch-mixed--background--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--active: var(--theme-color-component-4);\n --theme-switch-mixed--background--disabled: var(--theme-color-component-2);\n --theme-switch-mixed--background--invalid: var(--theme-color-component-4);\n --theme-switch-mixed--background--invalid--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--invalid--active: var(--theme-color-component-4);\n --theme-switch-mixed--background--warning: var(--theme-color-component-4);\n --theme-switch-mixed--background--warning--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--warning--active: var(--theme-color-component-4);\n --theme-switch-mixed--background--info: var(--theme-color-component-4);\n --theme-switch-mixed--background--info--hover: var(--theme-color-component-5);\n --theme-switch-mixed--background--info--active: var(--theme-color-component-4);\n --theme-switch-mixed--border-color: var(--theme-color-0);\n --theme-switch-mixed--border-color--hover: var(--theme-color-0);\n --theme-switch-mixed--border-color--active: var(--theme-color-0);\n --theme-switch-mixed--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-off--background: var(--theme-color-1);\n --theme-switch-thumb-off--background--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--active: var(--theme-color-1);\n --theme-switch-thumb-off--background--disabled: var(--theme-color-component-3);\n --theme-switch-thumb-off--background--invalid: var(--theme-color-1);\n --theme-switch-thumb-off--background--invalid--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--invalid--active: var(--theme-color-1);\n --theme-switch-thumb-off--background--warning: var(--theme-color-1);\n --theme-switch-thumb-off--background--warning--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--warning--active: var(--theme-color-1);\n --theme-switch-thumb-off--background--info: var(--theme-color-1);\n --theme-switch-thumb-off--background--info--hover: var(--theme-color-1);\n --theme-switch-thumb-off--background--info--active: var(--theme-color-1);\n --theme-switch-thumb-off--border-color: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--hover: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--active: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--invalid: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--warning: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-thumb-off--border-color--warning--active: var(--theme-color-0);\n --theme-switch-thumb-on--background: var(--theme-color-primary--contrast);\n --theme-switch-thumb-on--background--hover: var(--theme-color-primary--contrast);\n --theme-switch-thumb-on--background--active: var(--theme-color-primary--contrast);\n --theme-switch-thumb-on--background--disabled: var(--theme-color-component-3);\n --theme-switch-thumb-on--background--invalid: var(--theme-color-alarm--contrast);\n --theme-switch-thumb-on--background--invalid--hover: var(--theme-color-alarm--contrast);\n --theme-switch-thumb-on--background--invalid--active: var(--theme-color-alarm--contrast);\n --theme-switch-thumb-on--background--warning: var(--theme-color-warning--contrast);\n --theme-switch-thumb-on--background--warning--hover: var(--theme-color-warning--contrast);\n --theme-switch-thumb-on--background--warning--active: var(--theme-color-warning--contrast);\n --theme-switch-thumb-on--background--info: var(--theme-color-info--contrast);\n --theme-switch-thumb-on--background--info--hover: var(--theme-color-info--contrast);\n --theme-switch-thumb-on--background--info--active: var(--theme-color-info--contrast);\n --theme-switch-thumb-on--border-color: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--active: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--invalid: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--warning: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--warning--active: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--info: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--info--hover: var(--theme-color-0);\n --theme-switch-thumb-on--border-color--info--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--background: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--disabled: var(--theme-color-component-3);\n --theme-switch-thumb-mixed--background--invalid: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--invalid--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--invalid--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--warning: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--warning--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--warning--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--info: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--info--hover: var(--theme-color-1);\n --theme-switch-thumb-mixed--background--info--active: var(--theme-color-1);\n --theme-switch-thumb-mixed--border-color: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--disabled: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--invalid: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--invalid--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--invalid--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--warning: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--warning--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--warning--active: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--info: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--info--hover: var(--theme-color-0);\n --theme-switch-thumb-mixed--border-color--info--active: var(--theme-color-0);\n --theme-switch--color: var(--theme-color-std-text);\n --theme-switch--color--hover: var(--theme-color-std-text);\n --theme-switch--color--active: var(--theme-color-std-text);\n --theme-switch--color--disabled: var(--theme-color-weak-text);\n --theme-messagebar--color: var(--theme-color-std-text);\n --theme-messagebar--background: var(--theme-color-1);\n --theme-scrollbar-track--background: var(--theme-color-2);\n --theme-scrollbar-track--border: var(--theme-color-1);\n --theme-scrollbar-thumb--background: var(--theme-color-5);\n --theme-scrollbar-track--background--hover: var(--theme-color-3);\n --theme-scrollbar-thumb--background--hover: var(--theme-color-7);\n --theme-toast-timer-track--background: var(--theme-color-0);\n --theme-toast-timer-value--background: var(--theme-color-component-4);\n --theme-toast--background: var(--theme-color-2);\n --theme-toast--border-color: var(--theme-color-0);\n --theme-toast--color: var(--theme-color-std-text);\n --theme-modal--background: var(--theme-color-2);\n --theme-modal--border-color: var(--theme-color-0);\n --theme-datepicker-day--background: var(--theme-color-ghost);\n --theme-datepicker-day--background--hover: var(--theme-color-ghost--hover);\n --theme-datepicker-day--background--active: var(--theme-color-ghost--active);\n --theme-datepicker-day--background--disabled: var(--theme-color-ghost);\n --theme-datepicker-day--border-color: var(--theme-color-0);\n --theme-datepicker-day--border-color--hover: var(--theme-color-0);\n --theme-datepicker-day--border-color--active: var(--theme-color-0);\n --theme-datepicker-day--border-color--disabled: var(--theme-color-0);\n --theme-datepicker-day--color: var(--theme-color-primary);\n --theme-datepicker-day--color--hover: var(--theme-color-primary);\n --theme-datepicker-day--color--active: var(--theme-color-primary);\n --theme-datepicker-day--color--disabled: var(--theme-color-weak-text);\n --theme-datepicker-day--background--selected: var(--theme-color-component-9);\n --theme-datepicker-day--background--selected-hover: var(--theme-color-component-9--hover);\n --theme-datepicker-day--background--selected-active: var(--theme-color-component-9--active);\n --theme-datepicker-day--background--selected-disabled: var(--theme-color-component-9--disabled);\n --theme-datepicker-day--border-color--selected: var(--theme-color-0);\n --theme-datepicker-day--border-color--selected-hover: var(--theme-color-0);\n --theme-datepicker-day--border-color--selected-active: var(--theme-color-0);\n --theme-datepicker-day--border-color--selected-disabled: var(--theme-color-0);\n --theme-datepicker-day--color--selected: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--selected-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--selected-active: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--selected-disabled: var(--theme-color-weak-text);\n --theme-datepicker-day--background--range: var(--theme-color-component-10);\n --theme-datepicker-day--background--range-hover: var(--theme-color-component-10--hover);\n --theme-datepicker-day--background--range-active: var(--theme-color-component-10--active);\n --theme-datepicker-day--background--range-disabled: var(--theme-color-component-10--disabled);\n --theme-datepicker-day--border-color--range: var(--theme-color-0);\n --theme-datepicker-day--border-color--range-hover: var(--theme-color-0);\n --theme-datepicker-day--border-color--range-active: var(--theme-color-0);\n --theme-datepicker-day--border-color--range-disabled: var(--theme-color-0);\n --theme-datepicker-day--color--range: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--range-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--range-active: var(--theme-color-primary--contrast);\n --theme-datepicker-day--color--range-disabled: var(--theme-color-weak-text);\n --theme-datepicker-today--background: var(--theme-color-ghost);\n --theme-datepicker-today--background--hover: var(--theme-color-ghost--hover);\n --theme-datepicker-today--background--active: var(--theme-color-ghost--active);\n --theme-datepicker-today--background--disabled: var(--theme-color-ghost);\n --theme-datepicker-today--border-color: var(--theme-color-primary);\n --theme-datepicker-today--border-color--hover: var(--theme-color-primary);\n --theme-datepicker-today--border-color--active: var(--theme-color-primary);\n --theme-datepicker-today--border-color--disabled: var(--theme-color-primary--disabled);\n --theme-datepicker-today--color: var(--theme-color-primary);\n --theme-datepicker-today--color--hover: var(--theme-color-primary);\n --theme-datepicker-today--color--active: var(--theme-color-primary);\n --theme-datepicker-today--color--disabled: var(--theme-color-weak-text);\n --theme-datepicker-today--background--selected: var(--theme-color-component-9);\n --theme-datepicker-today--background--selected-hover: var(--theme-color-component-9--hover);\n --theme-datepicker-today--background--selected-active: var(--theme-color-component-9--active);\n --theme-datepicker-today--background--selected-disabled: var(--theme-color-component-9--disabled);\n --theme-datepicker-today--border-color--selected: var(--theme-color-primary);\n --theme-datepicker-today--border-color--selected-hover: var(--theme-color-primary);\n --theme-datepicker-today--border-color--selected-active: var(--theme-color-primary);\n --theme-datepicker-today--border-color--selected-disabled: var(--theme-color-primary--disabled);\n --theme-datepicker-today--color--selected: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--selected-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--selected-active: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--selected-disabled: var(--theme-color-weak-text);\n --theme-datepicker-today--background--range: var(--theme-color-component-10);\n --theme-datepicker-today--background--range-hover: var(--theme-color-component-10--hover);\n --theme-datepicker-today--background--range-active: var(--theme-color-component-10--active);\n --theme-datepicker-today--background--range-disabled: var(--theme-color-component-10--disabled);\n --theme-datepicker-today--border-color--range: var(--theme-color-primary);\n --theme-datepicker-today--border-color--range-hover: var(--theme-color-primary);\n --theme-datepicker-today--border-color--range-active: var(--theme-color-primary);\n --theme-datepicker-today--border-color--range-disabled: var(--theme-color-primary--disabled);\n --theme-datepicker-today--color--range: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--range-hover: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--range-active: var(--theme-color-primary--contrast);\n --theme-datepicker-today--color--range-disabled: var(--theme-color-weak-text);\n --theme-datepicker-separator--background: var(--theme-color-x-weak-bdr);\n --theme-datepicker-weekday--color: var(--theme-color-soft-text);\n --theme-datepicker-cw--color: var(--theme-color-soft-text);\n --theme-datepicker-time-header: var(--theme-color-std-text);\n --theme-datepicker-extra--border-color: var(--theme-color-1);\n --theme-btn-invisible-primary--border-color: var(--theme-color-0);\n --theme-btn-invisible-primary--border-color--hover: var(--theme-color-0);\n --theme-btn-invisible-primary--border-color--active: var(--theme-color-0);\n --theme-btn-invisible-primary--border-color--disabled: var(--theme-color-0);\n --theme-btn-secondary--border-color: var(--theme-color-0);\n --theme-btn-secondary--border-color--hover: var(--theme-color-0);\n --theme-btn-secondary--border-color--active: var(--theme-color-0);\n --theme-btn-secondary--border-color--disabled: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--hover: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--active: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--disabled: var(--theme-color-0);\n --theme-map-navigation-logo--color: var(--theme-color-logo);\n --theme-map-navigation-header--color: var(--theme-color-std-text);\n --theme-map-navigation-separator--background: var(--theme-color-soft-bdr);\n --theme-map-navigation--background: var(--theme-color-1);\n --theme-btn-invisible-secondary--border-color--selected: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--selected-hover: var(--theme-color-0);\n --theme-btn-invisible-secondary--border-color--selected-active: var(--theme-color-0);\n --theme-overlay--background: var(--theme-color-backdrop);\n --theme-overlay-header--background: var(--theme-color-0);\n --theme-overlay-header--color: var(--theme-color-std-text);\n --theme-nav-overlay--background: var(--theme-color-backdrop-3);\n --theme-nav-overlay-header--color: var(--theme-color-std-text);\n --theme-event-item--background: var(--theme-color-component-1);\n --theme-event-item--border--hover: var(--theme-color-0);\n --theme-event-item--border: var(--theme-color-0);\n --theme-event-item--border--active: var(--theme-color-0);\n --theme-event-item--border--selected: var(--theme-color-dynamic);\n --theme-event-item--border--disabled: var(--theme-color-0);\n --theme-event-item--background--hover: var(--theme-color-component-1--hover);\n --theme-event-item--background--active: var(--theme-color-component-1--active);\n --theme-event-item--background--selected: var(--theme-color-component-1--hover);\n --theme-event-item--background--disabled: var(--theme-color-component-1);\n --theme-event-item-chevron--color: var(--theme-color-soft-text);\n --theme-flip--color: var(--theme-color-std-text);\n --theme-flip--background: var(--theme-color-component-1);\n --theme-flip--border-color: var(--theme-color-0);\n --theme-flip-footer--background: var(--theme-color-component-1);\n --theme-flip-footer--color: var(--theme-color-std-text);\n --theme-kpi-display--background: var(--theme-color-ghost);\n --theme-kpi-display--background--hover: var(--theme-color-ghost--hover);\n --theme-kpi-display--background--active: var(--theme-color-ghost--active);\n --theme-kpi-display-indicator--background: var(--theme-color-component-4);\n --theme-kpi-display-label--color: var(--theme-color-soft-text);\n --theme-kpi-display-icon--color: var(--theme-color-std-text);\n --theme-kpi-display-value: var(--theme-color-std-text);\n --theme-kpi-display-units: var(--theme-color-soft-text);\n --theme-tree-item--background: var(--theme-color-ghost);\n --theme-tree-item--background--hover: var(--theme-color-ghost--hover);\n --theme-tree-item--background--active: var(--theme-color-ghost--active);\n --theme-tree-item--background--selected: var(--theme-color-ghost--selected);\n --theme-tree-item--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-tree-item--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-tree-item-node-closed-icon--color: var(--theme-color-std-text);\n --theme-tree-item-node-open-icon--color: var(--theme-color-dynamic);\n --theme-tree-item--color: var(--theme-color-std-text);\n --theme-tree-item-icon: var(--theme-color-std-text);\n --theme-tree-item-status--color: var(--theme-color-soft-text);\n --theme-workflow-step--background: var(--theme-color-ghost);\n --theme-workflow-step--background--hover: var(--theme-color-ghost--hover);\n --theme-workflow-step--background--active: var(--theme-color-ghost--active);\n --theme-workflow-step--background--selected: var(--theme-color-ghost--selected);\n --theme-workflow-step--background--disabled: var(--theme-color-ghost);\n --theme-workflow-step--color: var(--theme-color-std-text);\n --theme-workflow-step-icon--background: var(--theme-color-1);\n --theme-workflow-step-icon-default--color: var(--theme-color-soft-text);\n --theme-workflow-step-icon-default--color--selected: var(--theme-color-dynamic);\n --theme-workflow-step-icon-default--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-done--color: var(--theme-color-primary);\n --theme-workflow-step-icon-done--color--selected: var(--theme-color-dynamic);\n --theme-workflow-step-icon-done--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-success--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-warning--color--disabled: var(--theme-color-weak-text);\n --theme-workflow-step-icon-error--color--disabled: var(--theme-color-weak-text);\n --theme-tootlip--background: var(--theme-color-2);\n --theme-tooltip--border-color: var(--theme-color-0);\n --theme-tooltip--color: var(--theme-color-std-text);\n --theme-tooltip-close--color: var(--theme-color-soft-text);\n --theme-tooltip-close-btn--background: var(--theme-color-ghost);\n --theme-tooltip-close-btn--background--hover: var(--theme-color-ghost--hover);\n --theme-tooltip-close-btn--background--active: var(--theme-color-ghost--active);\n --theme-table--background: var(--theme-color-0);\n --theme-table--border-color: var(--theme-color-0);\n --theme-table--color: var(--theme-color-std-text);\n --theme-table-header-row--background: var(--theme-color-0);\n --theme-table-header-row--border-color: var(--theme-color-soft-bdr);\n --theme-table-header-cell--background: var(--theme-color-ghost);\n --theme-table-header-cell--background--hover: var(--theme-color-ghost--hover);\n --theme-table-header-cell--background--active: var(--theme-color-ghost--active);\n --theme-table-header-cell--border-color: var(--theme-color-0);\n --theme-table-header-cell--border-color--hover: var(--theme-color-0);\n --theme-table-header-cell--border-color--active: var(--theme-color-0);\n --theme-table-header-cell--color: var(--theme-color-std-text);\n --theme-table-header-filter--color: var(--theme-color-dynamic);\n --theme-table-header-sort--color: var(--theme-color-dynamic);\n --theme-table-header-splitter--background: var(--theme-color-soft-bdr);\n --theme-table-header-splitter--background--hover: var(--theme-color-dynamic);\n --theme-table-data-row--background: var(--theme-color-ghost);\n --theme-table-data-row--background--hover: var(--theme-color-ghost--hover);\n --theme-table-data-row--background--active: var(--theme-color-ghost--active);\n --theme-table-data-row--background--selected: var(--theme-color-ghost--selected);\n --theme-table-data-row--background--disabled: var(--theme-color-ghost);\n --theme-table-data-row--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-table-data-row--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-table-data-row--border-color: var(--theme-color-weak-bdr);\n --theme-table-data-cell--border-color: var(--theme-color-0);\n --theme-table-data-cell--background: var(--theme-color-ghost);\n --theme-table-data-cell--background--hover: var(--theme-color-ghost--hover);\n --theme-table-data-cell--background--active: var(--theme-color-ghost--active);\n --theme-table-data-cell--background--selected: var(--theme-color-ghost--selected);\n --theme-table-data-cell--background--disabled: var(--theme-color-ghost);\n --theme-table-data-cell--background--selected-hover: var(--theme-color-ghost--selected-hover);\n --theme-table-data-cell--background--selected-active: var(--theme-color-ghost--selected-active);\n --theme-table-data-cell--color: var(--theme-color-std-text);\n --theme-table-data-cell--color-disabled: var(--theme-color-weak-text);\n --theme-table-data-row-alt--background: var(--theme-color-ghost-alt);\n --theme-table-data-row-alt--background--hover: var(--theme-color-ghost-alt--hover);\n --theme-table-data-row-alt--background--active: var(--theme-color-ghost-alt--active);\n --theme-table-data-row-alt--background--selected: var(--theme-color-ghost-alt--selected);\n --theme-table-data-row-alt--background--disabled: var(--theme-color-ghost-alt);\n --theme-table-data-row-alt--background--selected-hover: var(--theme-color-ghost-alt--selected-hover);\n --theme-table-data-row-alt--background--selected-active: var(--theme-color-ghost-alt--selected-active);\n --theme-table-group-splitter--background: var(--theme-color-x-weak-bdr);\n --theme-table-group-splitter--background--hover: var(--theme-color-dynamic);\n --theme-group-item--background: var(--theme-color-component-1);\n --theme-group-item--background--hover: var(--theme-color-component-1--hover);\n --theme-group-item--background--active: var(--theme-color-component-1--active);\n --theme-group-item--background--selected: var(--theme-color-ghost--selected);\n --theme-group-item--background--disabled: var(--theme-color-component-1);\n --theme-group-item--border-color: var(--theme-color-0);\n --theme-group-item--border-color--hover: var(--theme-color-0);\n --theme-group-item--border-color--active: var(--theme-color-0);\n --theme-group-item--border-color--selected: var(--theme-color-0);\n --theme-group-item--border-color--disabled: var(--theme-color-0);\n --theme-group-item-indicator--background: var(--theme-color-0);\n --theme-group-item-indicator--background--selected: var(--theme-color-dynamic);\n --theme-group-item-indicator--background--subselected: var(--theme-color-dynamic);\n --theme-group-node-closed--color: var(--theme-color-std-text);\n --theme-group-node-open--color: var(--theme-color-std-text);\n --theme-group-header--color: var(--theme-color-std-text);\n --theme-group-subheader--color: var(--theme-color-std-text);\n --theme-group-item-icon--color: var(--theme-color-std-text);\n --theme-group-item-text--color: var(--theme-color-std-text);\n --theme-group-item-subtext--color: var(--theme-color-soft-text);\n --theme-group-item-icon--color--disabled: var(--theme-color-weak-text);\n --theme-group-item-text--color--disabled: var(--theme-color-weak-text);\n --theme-group-item-subtext--color--disabled: var(--theme-color-weak-text);\n --theme-upload--background: var(--theme-color-1);\n --theme-upload--background--dragover: var(--theme-color-1);\n --theme-upload--border-color: var(--theme-color-soft-bdr);\n --theme-upload--border-color--dragover: var(--theme-color-dynamic);\n --theme-upload--background--checking: var(--theme-color-1);\n --theme-upload--background--disabled: var(--theme-color-0);\n --theme-upload--border-color--checking: var(--theme-color-soft-bdr);\n --theme-upload--border-color--disabled: var(--theme-color-soft-bdr);\n --theme-upload-text--color: var(--theme-color-std-text);\n --theme-upload-text--color--checking: var(--theme-color-std-text);\n --theme-upload-text--color--disabled: var(--theme-color-weak-text);\n --theme-input-extra--background--active: var(--theme-color-component-8--hover);\n --theme-input-extra--background--hover: var(--theme-color-component-8--hover);\n --theme-table-group-header-row--background: var(--theme-color-0);\n --theme-table-group-header-row--border-color: var(--theme-color-soft-bdr);\n --theme-label--color: var(--theme-color-soft-text);\n --theme-label--color--hover: var(--theme-color-std-text);\n --theme-label--color--active: var(--theme-color-std-text);\n --theme-label--color--focus: var(--theme-color-dynamic);\n --theme-label--color--disabled: var(--theme-color-weak-text);\n --theme-label--color--invalid: var(--theme-color-alarm-text);\n --theme-btn-outline-primary--border-color: var(--theme-color-primary);\n --theme-btn-outline-primary--border-color--hover: var(--theme-color-dynamic);\n --theme-btn-outline-primary--border-color--active: var(--theme-color-dynamic);\n --theme-btn-outline-primary--border-color--disabled: var(--theme-color-component-4);\n --theme-table-selection--border-color: var(--theme-color-0);\n --theme-btn-danger--background: var(--theme-color-alarm);\n --theme-btn-danger--background--hover: var(--theme-color-alarm--hover);\n --theme-btn-danger--background--active: var(--theme-color-alarm--active);\n --theme-btn-danger--background--disabled: var(--theme-color-component-4);\n --theme-btn-danger--color: var(--theme-color-alarm--contrast);\n --theme-btn-danger--color--hover: var(--theme-color-alarm--contrast);\n --theme-btn-danger--color--active: var(--theme-color-alarm--contrast);\n --theme-btn-danger--color--disabled: var(--theme-color-primary--contrast);\n --theme-btn-danger--border-color: var(--theme-color-0);\n --theme-btn-danger--border-color--hover: var(--theme-color-0);\n --theme-btn-danger--border-color--active: var(--theme-color-0);\n --theme-btn-danger--border-color--disabled: var(--theme-color-0);\n --theme-btn-outline-danger--background: var(--theme-color-1);\n --theme-btn-outline-danger--background--hover: var(--theme-color-1--hover);\n --theme-btn-outline-danger--background--active: var(--theme-color-1--active);\n --theme-btn-outline-danger--background--disabled: var(--theme-color-ghost);\n --theme-btn-outline-danger--color: var(--theme-color-alarm);\n --theme-btn-outline-danger--color--hover: var(--theme-color-alarm--hover);\n --theme-btn-outline-danger--color--active: var(--theme-color-alarm--active);\n --theme-btn-outline-danger--color--disabled: var(--theme-color-weak-text);\n --theme-btn-outline-danger--border-color: var(--theme-color-alarm);\n --theme-btn-outline-danger--border-color--hover: var(--theme-color-alarm--hover);\n --theme-btn-outline-danger--border-color--active: var(--theme-color-alarm--active);\n --theme-btn-outline-danger--border-color--disabled: var(--theme-color-component-4);\n --theme-btn-invisible-danger--background: var(--theme-color-ghost);\n --theme-btn-invisible-danger--background--hover: var(--theme-color-ghost--hover);\n --theme-btn-invisible-danger--background--active: var(--theme-color-ghost--active);\n --theme-btn-invisible-danger--background--disabled: var(--theme-color-ghost);\n --theme-btn-invisible-danger--color: var(--theme-color-alarm-text);\n --theme-btn-invisible-danger--color--hover: var(--theme-color-alarm-text);\n --theme-btn-invisible-danger--color--active: var(--theme-color-alarm-text);\n --theme-btn-invisible-danger--color--disabled: var(--theme-color-weak-text);\n --theme-btn-invisible-danger--border-color: var(--theme-color-0);\n --theme-btn-invisible-danger--border-color--hover: var(--theme-color-0);\n --theme-btn-invisible-danger--border-color--active: var(--theme-color-0);\n --theme-btn-invisible-danger--border-color--disabled: var(--theme-color-0);\n --theme-slider-track--background: var(--theme-color-component-4);\n --theme-slider-track--background--disabled: var(--theme-color-component-2);\n --theme-slider-track-marker--background: var(--theme-color-8);\n --theme-slider-track-marker--background--disabled: var(--theme-color-5);\n --theme-slider-thumb--background: var(--theme-color-dynamic);\n --theme-slider-thumb--background--hover: var(--theme-color-dynamic--hover);\n --theme-slider-thumb--background--active: var(--theme-color-dynamic--active);\n --theme-slider-thumb--background--disabled: var(--theme-color-7);\n --theme-slider-thumb--background--invalid: var(--theme-color-alarm);\n --theme-slider-thumb--background--invalid--hover: var(--theme-color-alarm--hover);\n --theme-slider-thumb--background--invalid--active: var(--theme-color-alarm--active);\n --theme-slider-thumb--background--warning: var(--theme-color-warning);\n --theme-slider-thumb--background--warning--hover: var(--theme-color-warning--hover);\n --theme-slider-thumb--background--warning--active: var(--theme-color-warning--active);\n --theme-slider-thumb--background--info: var(--theme-color-info);\n --theme-slider-thumb--background--info--hover: var(--theme-color-info--hover);\n --theme-slider-thumb--background--info--active: var(--theme-color-info--active);\n --theme-slider-trace--background: var(--theme-color-dynamic);\n --theme-slider-trace--background--disabled: var(--theme-color-component-3);\n --theme-slider-trace--background--invalid: var(--theme-color-alarm);\n --theme-slider-trace--background--warning: var(--theme-color-warning);\n --theme-slider-trace--background--info: var(--theme-color-info);\n --theme-slider-trace-marker--background: var(--theme-color-dynamic);\n --theme-slider-trace-marker--background--disabled: var(--theme-color-7);\n --theme-slider-trace-marker--background--invalid: var(--theme-color-alarm);\n --theme-slider-trace-marker--background--warning: var(--theme-color-warning);\n --theme-slider-trace-marker--background--info: var(--theme-color-info);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-shadow-1: 0px 1px 1px #00000033, 0px 2px 2px #0000001a;\n --theme-shadow-2: 0px 0px 16px #0000001a, 4px 0px 8px #00000033, -4px 0px 8px #00000033;\n --theme-shadow-3: 0px 0px 8px #00000033, 0px 2px 6px #00000033;\n --theme-shadow-4: 0px 12px 18px #0000001a, 0px 4px 8px #0000001a, 0px 0px 2px #0000001a;\n --theme-inset-shadow-1: inset 0px 2px 4px #0000001f;\n --theme-input--box-shadow: var(--theme-inset-shadow-1);\n --theme-menu--box-shadow: var(--theme-shadow-4);\n --theme-navigation--box-shadow: var(--theme-shadow-2);\n --theme-modal--box-shadow: var(--theme-shadow-4);\n --theme-switch-thumb--box-shadow: none;\n --theme-tile--box-shadow: none;\n --theme-toast--box-shadow: var(--theme-shadow-4);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-font-code: JetBrains Mono;\n --theme-font-sans: Arial;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-font-weight-normal: 400;\n --theme-font-weight-bold: 700;\n --theme-font-weight-black: 900;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-text-h2: var(--theme-font-weight-bold) var(--theme-font-size-xl)/var(--theme-line-height-h2) var(--theme-font-sans);\n --theme-text-xl: var(--theme-font-weight-normal) var(--theme-font-size-xl)/var(--theme-line-height-xl) var(--theme-font-sans);\n --theme-text-l-title: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);\n --theme-text-l-title-single: var(--theme-font-weight-bold) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);\n --theme-text-l: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l) var(--theme-font-sans);\n --theme-text-l-single: var(--theme-font-weight-normal) var(--theme-font-size-l)/var(--theme-line-height-l-single) var(--theme-font-sans);\n --theme-text-default-title: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);\n --theme-text-default-title-single: var(--theme-font-weight-bold) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);\n --theme-text-default: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);\n --theme-text-default-single: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default-single) var(--theme-font-sans);\n --theme-text-caption: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption) var(--theme-font-sans);\n --theme-text-caption-single: var(--theme-font-weight-bold) var(--theme-font-size-caption)/var(--theme-line-height-caption-single) var(--theme-font-sans);\n --theme-text-s: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s) var(--theme-font-sans);\n --theme-text-s-single: var(--theme-font-weight-normal) var(--theme-font-size-s)/var(--theme-line-height-s-single) var(--theme-font-sans);\n --theme-text-xs: var(--theme-font-weight-normal) var(--theme-font-size-xs)/140% var(--theme-font-sans);\n --theme-text-default-underline: var(--theme-font-weight-normal) var(--theme-font-size-default)/var(--theme-line-height-default) var(--theme-font-sans);\n --theme-label: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-label-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-label-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-label-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-body: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);\n --theme-body-xs: var(--theme-font-weight-normal) var(--theme-ms--2)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-body-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-body-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-display: var(--theme-font-weight-normal) var(--theme-ms-3)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-xs: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-sm: var(--theme-font-weight-normal) var(--theme-ms-2)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-lg: var(--theme-font-weight-normal) var(--theme-ms-4)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-xl: var(--theme-font-weight-bold) var(--theme-ms-5)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-display-xxl: var(--theme-font-weight-bold) var(--theme-ms-6)/var(--theme-line-height-xs) var(--theme-font-sans);\n --theme-h6: var(--theme-font-weight-bold) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-h5: var(--theme-font-weight-bold) var(--theme-ms-0)/var(--theme-line-height-md) var(--theme-font-sans);\n --theme-h4: var(--theme-font-weight-bold) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-h3: var(--theme-font-weight-bold) var(--theme-ms-2)/var(--theme-line-height-lg) var(--theme-font-sans);\n --theme-h2: var(--theme-font-weight-bold) var(--theme-ms-3)/var(--theme-line-height-md) var(--theme-font-sans);\n --theme-h1: var(--theme-font-weight-bold) var(--theme-ms-4)/var(--theme-line-height-sm) var(--theme-font-sans);\n --theme-code: var(--theme-font-weight-normal) var(--theme-ms-0)/var(--theme-line-height-lg) var(--theme-font-code);\n --theme-code-sm: var(--theme-font-weight-normal) var(--theme-ms--1)/var(--theme-line-height-lg) var(--theme-font-code);\n --theme-code-lg: var(--theme-font-weight-normal) var(--theme-ms-1)/var(--theme-line-height-lg) var(--theme-font-code);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-default-border-radius: 0.25rem;\n --theme-small-border-radius: 0.125rem;\n --theme-min-border-radius: 0rem;\n --theme-btn--border-radius: var(--theme-min-border-radius);\n --theme-blind--border-radius: var(--theme-default-border-radius);\n --theme-breadcrumb--border-radius: var(--theme-min-border-radius);\n --theme-group--border-radius: var(--theme-default-border-radius);\n --theme-group--border-radius--focus: var(--theme-min-border-radius);\n --theme-kpi--border-radius: var(--theme-default-border-radius);\n --theme-input--border-radius: var(--theme-small-border-radius);\n --theme-menu--border-radius: var(--theme-default-border-radius);\n --theme-message-bar--border-radius: var(--theme-default-border-radius);\n --theme-tile--border-radius: var(--theme-default-border-radius);\n --theme-toast--border-radus: var(--theme-default-border-radius);\n --theme-flip-tile--border-radius: var(--theme-default-border-radius);\n --theme-upload--border-radius: var(--theme-default-border-radius);\n --theme-workflow--border-radius: var(--theme-default-border-radius);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-default-control-height: 2rem;\n --theme-large-control-height: 2.5rem;\n --theme-medium-control-height: 1.5rem;\n --theme-large-icon-size: 2rem;\n --theme-default-icon-size: 1.5rem;\n --theme-small-icon-size: 1rem;\n --theme-focus--border-thickness: 0.0625rem;\n --theme-input-min-width: 2rem;\n --theme-size--3: 0.375rem;\n --theme-size--2: 0.5rem;\n --theme-size--1: 0.75rem;\n --theme-size-0: 1rem;\n --theme-size-1: 1.5rem;\n --theme-size-2: 2rem;\n --theme-size-3: 3rem;\n --theme-size-4: 4rem;\n --theme-size-5: 6rem;\n --theme-size-6: 8rem;\n --theme-size-7: 12rem;\n --theme-size-8: 16rem;\n --theme-tab-indicator--height: 0.125rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-font-size-xs: 0.625rem;\n --theme-font-size-s: 0.75rem;\n --theme-font-size-caption: 0.75rem;\n --theme-font-size-default: 0.875rem;\n --theme-font-size-l: 1rem;\n --theme-font-size-xl: 1.375rem;\n --theme-ms--2: 0.625rem;\n --theme-ms--1: 0.75rem;\n --theme-ms-0: 0.875rem;\n --theme-ms-1: 1rem;\n --theme-ms-2: 1.25rem;\n --theme-ms-3: 1.5rem;\n --theme-ms-4: 1.8125rem;\n --theme-ms-5: 2.1875rem;\n --theme-ms-6: 2.625rem;\n --theme-ms-7: 3.125rem;\n --theme-ms-8: 3.75rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-line-height-s: 150%;\n --theme-line-height-s-single: 150%;\n --theme-line-height-caption: 150%;\n --theme-line-height-caption-single: 100%;\n --theme-line-height-default: 142.9%;\n --theme-line-height-default-single: 114.3%;\n --theme-line-height-l: 150%;\n --theme-line-height-l-single: 125%;\n --theme-line-height-h2: 145.5%;\n --theme-line-height-xl: 109.1%;\n --theme-line-height-xs: 100%;\n --theme-line-height-sm: 120%;\n --theme-line-height-md: 143%;\n --theme-line-height-lg: 150%;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-x-slow-time: 1s;\n --theme-slow-time: 500ms;\n --theme-medium-time: 300ms;\n --theme-default-time: 150ms;\n --theme-short-time: 0ms;\n --theme-btn--focus--outline-offset: 0.125rem;\n --theme-checkbox--focus--outline-offset: 0.125rem;\n --theme-radiobtn--focus--outline-offset: 0.125rem;\n --theme-input--focus--outline-offset: 0.125rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-input-padding-y: 0.5rem;\n --theme-input-padding-x: 0.5rem;\n --theme-space--3: 0.125rem;\n --theme-space--2: 0.1875rem;\n --theme-space--1: 0.25rem;\n --theme-space-0: 0.735rem;\n --theme-space-1: 0.5rem;\n --theme-space-2: 0.75rem;\n --theme-space-3: 1rem;\n --theme-space-4: 1.5rem;\n --theme-space-5: 2rem;\n --theme-space-6: 3rem;\n --theme-space-7: 4rem;\n --theme-space-8: 6rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-btn--border-thickness: 0.0625rem;\n --theme-app-header--border-width: 0.0625rem;\n --theme-blind--border-thickness: 0.0625rem;\n --theme-checkbox--border-thickness: 0.0625rem;\n --theme-focus--border-thickness: 0.0625rem;\n --theme-radiobtn--border-thickness: 0.0625rem;\n --theme-input--border-thickness: 0.0625rem;\n --theme-menu--border-thickness: 0rem;\n --theme-message-bar--border-thickness: 0.125rem;\n --theme-modal--border-thickness: 0.0625rem;\n --theme-toast--border-thickness: 0rem;\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-primary-bdr-1: 0.0625rem solid var(--theme-color-primary);\n --theme-primary-bdr-2: 0.125rem solid var(--theme-color-primary);\n --theme-dynamic-bdr-1: 0.0625rem solid var(--theme-color-dynamic);\n --theme-dynamic-bdr-2: 0.125rem solid var(--theme-color-dynamic);\n --theme-contrast-bdr-1: 0.0625rem solid var(--theme-color-contrast-bdr);\n --theme-contrast-bdr-2: 0.125rem solid var(--theme-color-contrast-bdr);\n --theme-std-bdr-1: 0.0625rem solid var(--theme-color-std-bdr);\n --theme-std-bdr-2: 0.125rem solid var(--theme-color-std-bdr);\n --theme-soft-bdr-1: 0.0625rem solid var(--theme-color-soft-bdr);\n --theme-soft-bdr-2: 0.125rem solid var(--theme-color-soft-bdr);\n --theme-soft-dashed-bdr-1: 0.0625rem dashed var(--theme-color-soft-bdr);\n --theme-soft-dashed-bdr-2: 0.125rem dashed var(--theme-color-soft-bdr);\n --theme-weak-bdr-1: 0.0625rem solid var(--theme-color-weak-bdr);\n --theme-weak-bdr-2: 0.125rem solid var(--theme-color-weak-bdr);\n --theme-x-weak-bdr-1: 0.0625rem solid var(--theme-color-x-weak-bdr);\n --theme-x-weak-bdr-2: 0.125rem solid var(--theme-color-x-weak-bdr);\n --theme-alarm-bdr-1: 0.0625rem solid var(--theme-color-alarm);\n --theme-alarm-bdr-2: 0.125rem solid var(--theme-color-alarm);\n --theme-critical-bdr-1: 0.0625rem solid var(--theme-color-critical);\n --theme-critical-bdr-2: 0.125rem solid var(--theme-color-critical);\n --theme-warning-bdr-1: 0.0625rem solid var(--theme-color-warning);\n --theme-warning-bdr-2: 0.125rem solid var(--theme-color-warning);\n --theme-success-bdr-1: 0.0625rem solid var(--theme-color-success);\n --theme-success-bdr-2: 0.125rem solid var(--theme-color-success);\n --theme-info-bdr-1: 0.0625rem solid var(--theme-color-info);\n --theme-info-bdr-2: 0.125rem solid var(--theme-color-info);\n --theme-neutral-bdr-1: 0.0625rem solid var(--theme-color-neutral);\n --theme-neutral-bdr-2: 0.125rem solid var(--theme-color-neutral);\n}\n\n/*\n * COPYRIGHT (c) Siemens AG 2018-2024 ALL RIGHTS RESERVED.\n */\n:root .theme-classic-light {\n --theme-letter-spacing-xs: -1.2%;\n --theme-letter-spacing-sm: -0.6%;\n --theme-letter-spacing-md: 0%;\n --theme-letter-spacing-lg: 0.6%;\n --theme-letter-spacing-xl: 1.2%;\n --theme-letter-spacing-xxl: 2%;\n}\n\n:root .theme-classic-light {\n --ix-theme-name: classic-light;\n}\n\n/* Core Style */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Import global stylings for Web Components */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Dimensions */\n/* Font sizes */\n/* Line heights */\n/* Animation timings */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:host {\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\n:host *,\n:host *::after,\n:host *::before {\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar-button {\n display: none;\n}\n@-moz-document url-prefix() {\n :host * {\n scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);\n scrollbar-width: thin;\n }\n}\n:host ::-webkit-scrollbar {\n width: 0.5rem;\n height: 0.5rem;\n}\n:host ::-webkit-scrollbar-track {\n border-radius: 5px;\n background: var(--theme-scrollbar-track--background);\n}\n:host ::-webkit-scrollbar-track:hover {\n background: var(--theme-scrollbar-track--background--hover);\n}\n:host ::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: var(--theme-scrollbar-thumb--background);\n}\n:host ::-webkit-scrollbar-thumb:hover {\n background: var(--theme-scrollbar-thumb--background--hover);\n}\n:host ::-webkit-scrollbar-corner {\n display: none;\n}\n\n#toast-container > :not(:last-child) {\n margin-block-end: 1rem;\n}\n\n.toast-container {\n display: block;\n position: fixed;\n}\n\n.toast-container--top-right {\n right: 1rem;\n top: 2rem;\n}\n\n.toast-container--bottom-right {\n right: 1rem;\n bottom: 2rem;\n}\n\n/* Legacy typography will be removed in 4.0.0 */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.text-xs {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.625rem;\n font-weight: 400;\n line-height: 1.4em;\n color: var(--theme-color-std-text);\n}\n\n.text-s {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-caption {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-caption-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1em;\n color: var(--theme-color-std-text);\n}\n\n.text-default {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.429em;\n color: var(--theme-color-std-text);\n}\n\n.text-default-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.143em;\n color: var(--theme-color-std-text);\n}\n\n.text-default-title {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1.429em;\n color: var(--theme-color-std-text);\n}\n\n.text-default-title-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1.143em;\n color: var(--theme-color-std-text);\n}\n\n.text-l {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-l-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25em;\n color: var(--theme-color-std-text);\n}\n\n.text-l-title {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-l-title-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.25em;\n color: var(--theme-color-std-text);\n}\n\n.text-h2 {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1.375rem;\n font-weight: 700;\n line-height: 1.455em;\n color: var(--theme-color-std-text);\n}\n\n.text-xl {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1.375rem;\n font-weight: 400;\n line-height: 1.091em;\n color: var(--theme-color-std-text);\n}\n\na {\n color: var(--theme-color-primary);\n}\n\n/* Common */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Dimensions */\n/* Font sizes */\n/* Line heights */\n/* Animation timings */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:root {\n --theme-z-index-sticky: 1020;\n --theme-z-index-fixed: 1030;\n --theme-z-index-modal-backdrop: 1040;\n --theme-z-index-modal: 1050;\n --theme-z-index-dropdown: 1060;\n --theme-z-index-tooltip: 1070;\n}\n\n/* Global legacy style components */\n/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\nlabel.ix-form-label {\n color: var(--theme-color-soft-text);\n padding: 2px 0px;\n}\n\nlabel.ix-form-label.label-alignment-left {\n padding: 6px 0px;\n}\n\ninput.ix-form-control {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-md);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n min-height: 2rem;\n width: auto;\n padding: 0.25rem 0.5rem;\n background-color: var(--theme-input--background);\n color: var(--theme-input--color);\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n text-overflow: ellipsis;\n border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);\n border-radius: var(--theme-input--border-radius);\n box-shadow: var(--theme-input--box-shadow);\n}\ninput.ix-form-control[type=number] {\n text-align: right;\n}\ninput.ix-form-control[type=number]::-webkit-inner-spin-button {\n margin-right: -2px;\n margin-left: 2px;\n display: none;\n}\ninput.ix-form-control:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;\n -webkit-text-fill-color: var(--theme-input--color--autofill) !important;\n background-color: var(--theme-input--background--autofill) !important;\n border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;\n color: var(--theme-input--color--autofill) !important;\n}\ninput.ix-form-control:-webkit-autofill, input.ix-form-control:autofill {\n -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;\n -webkit-text-fill-color: var(--theme-input--color--autofill) !important;\n background-color: var(--theme-input--background--autofill) !important;\n border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;\n color: var(--theme-input--color--autofill) !important;\n}\ninput.ix-form-control::-moz-placeholder {\n color: var(--theme-input-hint--color);\n}\ninput.ix-form-control::placeholder {\n color: var(--theme-input-hint--color);\n}\ninput.ix-form-control.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input.ix-form-control:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only) {\n border-color: var(--theme-input--border-color--hover) !important;\n background-color: var(--theme-input--background--hover);\n}\ninput.ix-form-control.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input.ix-form-control:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only) {\n border-color: var(--theme-input--border-color--hover) !important;\n background-color: var(--theme-input--background--hover);\n}\ninput.ix-form-control.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), input.ix-form-control:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only) {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-input--focus--outline-offset);\n border-color: var(--theme-input--border-color--focus) !important;\n}\ninput.ix-form-control.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), input.ix-form-control:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only) {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-input--focus--outline-offset);\n border-color: var(--theme-input--border-color--focus) !important;\n}\ninput.ix-form-control:-moz-read-only {\n box-shadow: none;\n background-color: transparent;\n outline: none;\n border: none;\n border-radius: 0;\n border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);\n}\ninput.ix-form-control.read-only, input.ix-form-control:read-only {\n box-shadow: none;\n background-color: transparent;\n outline: none;\n border: none;\n border-radius: 0;\n border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);\n}\ninput.ix-form-control.read-only::-moz-placeholder, input.ix-form-control:read-only::-moz-placeholder {\n color: transparent;\n}\ninput.ix-form-control:-moz-read-only::placeholder {\n color: transparent;\n}\ninput.ix-form-control.read-only::placeholder, input.ix-form-control:read-only::placeholder {\n color: transparent;\n}\ninput.ix-form-control:disabled, input.ix-form-control.disabled {\n box-shadow: none;\n background-color: transparent;\n outline: none;\n border: none;\n border-radius: 0;\n color: var(--theme-input--color--disabled);\n border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled);\n}\ninput.ix-form-control:disabled::-moz-placeholder, input.ix-form-control.disabled::-moz-placeholder {\n color: transparent;\n}\ninput.ix-form-control:disabled::placeholder, input.ix-form-control.disabled::placeholder {\n color: transparent;\n}\n\ntextarea.ix-form-control {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-md);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n min-height: 2rem;\n width: auto;\n padding: 0.25rem 0.5rem;\n background-color: var(--theme-input--background);\n color: var(--theme-input--color);\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n text-overflow: ellipsis;\n border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);\n border-radius: var(--theme-input--border-radius);\n box-shadow: var(--theme-input--box-shadow);\n}\ntextarea.ix-form-control[type=number] {\n text-align: right;\n}\ntextarea.ix-form-control[type=number]::-webkit-inner-spin-button {\n margin-right: -2px;\n margin-left: 2px;\n display: none;\n}\ntextarea.ix-form-control:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;\n -webkit-text-fill-color: var(--theme-input--color--autofill) !important;\n background-color: var(--theme-input--background--autofill) !important;\n border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;\n color: var(--theme-input--color--autofill) !important;\n}\ntextarea.ix-form-control:-webkit-autofill, textarea.ix-form-control:autofill {\n -webkit-box-shadow: 0 0 0 1000px var(--theme-color-component-info) inset !important;\n -webkit-text-fill-color: var(--theme-input--color--autofill) !important;\n background-color: var(--theme-input--background--autofill) !important;\n border: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;\n color: var(--theme-input--color--autofill) !important;\n}\ntextarea.ix-form-control::-moz-placeholder {\n color: var(--theme-input-hint--color);\n}\ntextarea.ix-form-control::placeholder {\n color: var(--theme-input-hint--color);\n}\ntextarea.ix-form-control.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea.ix-form-control:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only) {\n border-color: var(--theme-input--border-color--hover) !important;\n background-color: var(--theme-input--background--hover);\n}\ntextarea.ix-form-control.hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea.ix-form-control:hover:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only) {\n border-color: var(--theme-input--border-color--hover) !important;\n background-color: var(--theme-input--background--hover);\n}\ntextarea.ix-form-control.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only), textarea.ix-form-control:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:-moz-read-only) {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-input--focus--outline-offset);\n border-color: var(--theme-input--border-color--focus) !important;\n}\ntextarea.ix-form-control.focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only), textarea.ix-form-control:focus:not(.readonly,\n.read-only,\n.disabled,\n[readonly],\n[disabled],\n:read-only) {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-input--focus--outline-offset);\n border-color: var(--theme-input--border-color--focus) !important;\n}\ntextarea.ix-form-control:-moz-read-only {\n box-shadow: none;\n background-color: transparent;\n outline: none;\n border: none;\n border-radius: 0;\n border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);\n}\ntextarea.ix-form-control.read-only, textarea.ix-form-control:read-only {\n box-shadow: none;\n background-color: transparent;\n outline: none;\n border: none;\n border-radius: 0;\n border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--readonly);\n}\ntextarea.ix-form-control.read-only::-moz-placeholder, textarea.ix-form-control:read-only::-moz-placeholder {\n color: transparent;\n}\ntextarea.ix-form-control:-moz-read-only::placeholder {\n color: transparent;\n}\ntextarea.ix-form-control.read-only::placeholder, textarea.ix-form-control:read-only::placeholder {\n color: transparent;\n}\ntextarea.ix-form-control:disabled, textarea.ix-form-control.disabled {\n box-shadow: none;\n background-color: transparent;\n outline: none;\n border: none;\n border-radius: 0;\n color: var(--theme-input--color--disabled);\n border-bottom: var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color-bottom--disabled);\n}\ntextarea.ix-form-control:disabled::-moz-placeholder, textarea.ix-form-control.disabled::-moz-placeholder {\n color: transparent;\n}\ntextarea.ix-form-control:disabled::placeholder, textarea.ix-form-control.disabled::placeholder {\n color: transparent;\n}\ntextarea.ix-form-control {\n min-height: 2rem;\n height: 3.25rem;\n padding: calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness));\n}\n\ntextarea.ix-info:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]) {\n border-color: var(--theme-input--border-color--info);\n}\ntextarea.ix-info:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):hover {\n border-color: var(--theme-input--border-color--info--hover) !important;\n}\ntextarea.ix-info:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-info:not(.disabled):not(:disabled):not([disabled]):active {\n border-color: var(--theme-input--border-color--info--active) !important;\n}\n\ntextarea.ix-warning:not(.disabled):not(:disabled):not([disabled]),\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]) {\n border-color: var(--theme-input--border-color--warning--active) !important;\n}\ntextarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):hover {\n border-color: var(--theme-input--border-color--warning--active) !important;\n}\ntextarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):active,\ninput.ix-warning:not(.disabled):not(:disabled):not([disabled]):active {\n border-color: var(--theme-input--border-color--warning--active) !important;\n}\n\ntextarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]),\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]) {\n background-color: var(--theme-input--background--invalid);\n border-color: var(--theme-input--border-color--invalid) !important;\n}\ntextarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):hover {\n border-color: var(--theme-input--border-color--invalid--hover) !important;\n}\ntextarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active,\ninput[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):active {\n border-color: var(--theme-input--border-color--invalid--active) !important;\n}\n\ntextarea.ix-form-control ~ .valid-feedback,\ntextarea.ix-form-control ~ .invalid-feedback,\ninput.ix-form-control ~ .valid-feedback,\ninput.ix-form-control ~ .invalid-feedback {\n display: none;\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-md);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nform textarea.ix-form-control ~ .valid-feedback,\nform input.ix-form-control ~ .valid-feedback {\n color: var(--theme-color-success);\n}\nform textarea.ix-form-control ~ .invalid-feedback,\nform input.ix-form-control ~ .invalid-feedback {\n color: var(--theme-color-alarm-text);\n}\n\nform:not([novalidate]) .ix-form-control:invalid,\nform:not([novalidate]) .ix-form-control.is-invalid,\nform.was-validated .ix-form-control:invalid,\nform.was-validated .ix-form-control.is-invalid {\n background-color: var(--theme-input-error--background);\n border-color: var(--theme-input-error--border-color);\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='512px' height='512px' viewBox='0 0 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 62 (101010) - https://sketch.com --%3E%3Ctitle%3Eerror%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' fill-opacity='0.75'%3E%3Cg id='error' fill='%23ff2640'%3E%3Cg id='error/error'%3E%3Cpath d='M256,42.6666667 C373.626371,42.6666667 469.333333,138.373627 469.333333,256 C469.333333,373.626371 373.626371,469.333333 256,469.333333 C138.373627,469.333333 42.6666667,373.626371 42.6666667,256 C42.6666667,138.373627 138.373627,42.6666667 256,42.6666667 Z M256,85.3333333 C161.559631,85.3333333 85.3333333,161.559631 85.3333333,256 C85.3333333,350.44037 161.559631,426.666667 256,426.666667 C350.44037,426.666667 426.666667,350.44037 426.666667,256 C426.666667,161.559631 350.44037,85.3333333 256,85.3333333 Z M326.248389,155.581722 L356.418278,185.751611 L286.168667,255.999667 L356.418278,326.248389 L326.248389,356.418278 L255.999667,286.168667 L185.751611,356.418278 L155.581722,326.248389 L225.829667,255.999667 L155.581722,185.751611 L185.751611,155.581722 L255.999667,225.829667 L326.248389,155.581722 Z' id='Combined-Shape'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\") !important;\n background-position: left calc(0.375em + 0.1875rem) center;\n padding-right: 0.75rem;\n padding-left: calc(1.5em + 0.75rem);\n background-size: 18px;\n background-repeat: no-repeat;\n}\nform:not([novalidate]) .ix-form-control:invalid ~ .invalid-feedback,\nform:not([novalidate]) .ix-form-control.is-invalid ~ .invalid-feedback,\nform.was-validated .ix-form-control:invalid ~ .invalid-feedback,\nform.was-validated .ix-form-control.is-invalid ~ .invalid-feedback {\n display: block;\n}\nform:not([novalidate]) .ix-form-control:valid ~ .valid-feedback,\nform:not([novalidate]) .ix-form-control.is-valid ~ .valid-feedback,\nform.was-validated .ix-form-control:valid ~ .valid-feedback,\nform.was-validated .ix-form-control.is-valid ~ .valid-feedback {\n display: block;\n}\n\nform:not(.was-validated) .ix-form-control.invalid-feedback,\nform:not(.was-validated) .ix-form-control.valid-feedback {\n display: none !important;\n}\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Base for label styling */\n.ix-form-control[type=checkbox]:not(:checked),\n.ix-form-control[type=checkbox]:checked {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n}\n\n.ix-form-control[type=checkbox]:not(:checked) + label,\n.ix-form-control[type=checkbox]:checked + label {\n position: relative;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: var(--theme-checkbox-label--color);\n min-height: 1.5rem;\n}\n\n.ix-form-control[type=checkbox]:not(:disabled) + label {\n cursor: pointer;\n}\n\n.ix-form-control[type=checkbox] + label:before {\n content: \"\";\n width: 1.125rem;\n height: 1.125rem;\n min-width: 1.125rem;\n min-height: 1.125rem;\n max-width: 1.125rem;\n max-height: 1.125rem;\n float: left;\n margin-right: 0.5rem;\n margin-top: 1px;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: contain;\n}\n\n.ix-form-control[type=checkbox] + label:focus-visible:before {\n outline: 0.0625rem solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-checkbox--focus--outline-offset);\n}\n\n.ix-form-control[type=checkbox]:focus-visible + label:before {\n outline: 0.0625rem solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-checkbox--focus--outline-offset);\n}\n\n.ix-form-control[type=checkbox]:not(:checked) + label:before {\n background-color: var(--theme-checkbox-unchecked--background);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color);\n}\n.ix-form-control[type=checkbox]:not(:checked):hover + label:before {\n background-color: var(--theme-checkbox-unchecked--background--hover);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--hover);\n}\n.ix-form-control[type=checkbox]:not(:checked):active + label:before {\n background-color: var(--theme-checkbox-unchecked--background--active);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--active);\n}\n.ix-form-control[type=checkbox]:not(:checked):disabled + label::before {\n background-color: var(--theme-checkbox-unchecked--background--disabled);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-unchecked--border-color--disabled);\n}\n\n.ix-form-control[type=checkbox]:checked + label:before {\n background-color: var(--theme-checkbox-checked--background);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color);\n}\n.ix-form-control[type=checkbox]:checked + label:after {\n content: \"\";\n width: 0.4rem;\n height: 0.26rem;\n display: block;\n border-top: none;\n border-right: none;\n border-bottom: 0.0625rem solid var(--theme-checkbox-checked--color);\n border-left: 0.0625rem solid var(--theme-checkbox-checked--color);\n position: absolute;\n margin: 0.525rem 0.42rem 0.1875rem;\n transform: translate(-1px, -3px) rotate(-53deg) scale(2) skew(-8deg, -3deg);\n}\n.ix-form-control[type=checkbox]:checked:hover + label:before {\n background-color: var(--theme-checkbox-checked--background--hover);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--hover);\n}\n.ix-form-control[type=checkbox]:checked:active + label:before {\n background-color: var(--theme-checkbox-checked--background--active);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--active);\n}\n.ix-form-control[type=checkbox]:checked:disabled + label:before {\n background-color: var(--theme-checkbox-checked--background--disabled);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-checked--border-color--disabled);\n}\n.ix-form-control[type=checkbox]:checked:disabled + label::after {\n border-color: var(--theme-checkbox-checked--color--disabled);\n}\n\n.ix-form-control[type=checkbox]:disabled + label:before {\n pointer-events: none;\n opacity: 0.5;\n}\n\n.ix-form-control[type=checkbox]:indeterminate + label:after {\n content: \"\";\n display: block;\n width: 0.625rem;\n height: 0.125rem;\n border-bottom: 0.125rem solid var(--theme-checkbox-mixed--color);\n position: absolute;\n margin: 0.5625rem 0 0 0.25rem;\n}\n.ix-form-control[type=checkbox]:indeterminate + label:before {\n background-color: var(--theme-checkbox-mixed--background);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color);\n}\n.ix-form-control[type=checkbox]:indeterminate:hover + label:before {\n background-color: var(--theme-checkbox-mixed--background--hover);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--hover);\n}\n.ix-form-control[type=checkbox]:indeterminate:active + label:before {\n background-color: var(--theme-checkbox-mixed--background--active);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--active);\n}\n.ix-form-control[type=checkbox]:indeterminate:disabled + label::before {\n background-color: var(--theme-checkbox-mixed--background--disabled);\n border: var(--theme-checkbox--border-thickness) solid var(--theme-checkbox-mixed--border-color--disabled);\n}\n.ix-form-control[type=checkbox]:indeterminate:disabled + label::after {\n border-color: var(--theme-checkbox-mixed--color--disabled);\n}\n\n.ix-form-control[type=checkbox]:disabled + label {\n color: var(--theme-checkbox-label--color--disabled);\n}\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Base for label styling */\n.ix-form-control[type=radio]:not(:checked),\n.ix-form-control[type=radio]:checked {\n clip: rect(0 0 0 0);\n clip-path: inset(50%);\n height: 1px;\n width: 1px;\n min-height: 0px;\n min-width: 0px;\n max-height: 1px;\n max-width: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n.ix-form-control[type=radio]:not(:checked) + label,\n.ix-form-control[type=radio]:checked + label {\n display: inline-flex;\n align-items: flex-start;\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: var(--theme-radiobtn-label--color);\n margin-right: 1rem;\n}\n\n.ix-form-control[type=radio]:not(:disabled) + label {\n cursor: pointer;\n}\n\n.ix-form-control[type=radio] + label:before {\n content: \"\";\n width: 1.25rem;\n height: 1.25rem;\n min-width: 1.25rem;\n min-height: 1.25rem;\n max-width: 1.25rem;\n max-height: 1.25rem;\n float: left;\n margin-right: 0.5rem;\n background-repeat: no-repeat;\n background-position: 50% 50%;\n background-size: contain;\n border-radius: 100%;\n}\n\n.ix-form-control[type=radio] + label:focus-visible:before {\n outline: 0.0625rem solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-radiobtn--focus--outline-offset);\n}\n\n.ix-form-control[type=radio]:focus-visible + label:before {\n outline: 0.0625rem solid var(--theme-color-focus-bdr);\n outline-offset: var(--theme-radiobtn--focus--outline-offset);\n}\n\n.ix-form-control[type=radio]:not(:checked) + label:before {\n background-color: var(--theme-radiobtn-unchecked--background);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color);\n}\n.ix-form-control[type=radio]:not(:checked):hover + label:before {\n background-color: var(--theme-radiobtn-unchecked--background--hover);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover);\n}\n.ix-form-control[type=radio]:not(:checked):active + label:before {\n background-color: var(--theme-radiobtn-unchecked--background--active);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active);\n}\n.ix-form-control[type=radio]:not(:checked):disabled + label::before {\n background-color: var(--theme-radiobtn-unchecked--background--disabled);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled);\n}\n\n.ix-form-control[type=radio]:checked + label:before {\n background-color: var(--theme-radiobtn-checked--background);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color);\n}\n.ix-form-control[type=radio]:checked + label:after {\n content: \"\";\n width: 0.5rem;\n height: 0.5rem;\n display: block;\n background-color: var(--theme-radiobtn-checked--color);\n border-radius: 100%;\n position: absolute;\n top: 0.5rem;\n left: 0.375rem;\n}\n.ix-form-control[type=radio]:checked:hover + label:before {\n background-color: var(--theme-radiobtn-checked--background--hover);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover);\n}\n.ix-form-control[type=radio]:checked:active + label:before {\n background-color: var(--theme-radiobtn-checked--background--active);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active);\n}\n.ix-form-control[type=radio]:checked:disabled + label:before {\n background-color: var(--theme-radiobtn-checked--background--disabled);\n border: var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled);\n}\n.ix-form-control[type=radio]:checked:disabled + label::after {\n border-color: var(--theme-radiobtn-checked--color--disabled);\n}\n\n.ix-form-control[type=radio]:disabled + label:before {\n pointer-events: none;\n opacity: 0.5;\n}\n\n.ix-form-control[type=radio]:disabled + label {\n color: var(--theme-radiobtn-label--color--disabled);\n}\n\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.text-xs {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.625rem;\n font-weight: 400;\n line-height: 1.4em;\n color: var(--theme-color-std-text);\n}\n\n.text-s {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.75rem;\n font-weight: 400;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-caption {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-caption-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.75rem;\n font-weight: 700;\n line-height: 1em;\n color: var(--theme-color-std-text);\n}\n\n.text-default {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.429em;\n color: var(--theme-color-std-text);\n}\n\n.text-default-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.143em;\n color: var(--theme-color-std-text);\n}\n\n.text-default-title {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1.429em;\n color: var(--theme-color-std-text);\n}\n\n.text-default-title-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 700;\n line-height: 1.143em;\n color: var(--theme-color-std-text);\n}\n\n.text-l {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-l-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.25em;\n color: var(--theme-color-std-text);\n}\n\n.text-l-title {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.5em;\n color: var(--theme-color-std-text);\n}\n\n.text-l-title-single {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1rem;\n font-weight: 700;\n line-height: 1.25em;\n color: var(--theme-color-std-text);\n}\n\n.text-h2 {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1.375rem;\n font-weight: 700;\n line-height: 1.455em;\n color: var(--theme-color-std-text);\n}\n\n.text-xl {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 1.375rem;\n font-weight: 400;\n line-height: 1.091em;\n color: var(--theme-color-std-text);\n}\n\na {\n color: var(--theme-color-primary);\n}\n\n/* Global style components */\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\na[href] {\n color: var(--theme-color-primary);\n text-decoration: none;\n}\na[href]:not(.disabled):not(:disabled) {\n cursor: pointer;\n}\na[href]:not(.disabled):not(:disabled):hover, a[href]:not(.disabled):not(:disabled).hover {\n color: var(--theme-color-dynamic);\n text-decoration: underline;\n}\na[href]:not(.disabled):not(:disabled) {\n cursor: pointer;\n}\na[href]:not(.disabled):not(:disabled):active, a[href]:not(.disabled):not(:disabled).active {\n color: var(--theme-color-dynamic);\n text-decoration: underline;\n}\na[href]:not(.disabled):not(:disabled):visited {\n color: var(--theme-color-primary);\n text-decoration: none;\n}\na[href]:not(.disabled):not(:disabled):focus-visible {\n outline: 1px solid var(--theme-color-focus-bdr);\n outline-offset: 0.125rem;\n}\na[href] .glyph {\n vertical-align: middle;\n}\na[href] .glyph::before {\n display: inline-block;\n text-decoration: none;\n}\n\na[href]:not(.disabled):not(:disabled) {\n cursor: pointer;\n}\n\n/**\n* Workaround for missing :has selector implementation in Firefox\n* Separate CSS selectors required, because Firefox will ignore combined selector with\n* unsupported CSS pseudo selector (:has).\n* e.g\n* ix-menu > a[href], a[href]:has(+ ix-menu-item)\n*/\nix-menu > a[href] {\n text-decoration: none;\n color: unset;\n}\n\na[href]:has(+ ix-menu-item) {\n text-decoration: none;\n color: unset;\n}\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n:root body {\n --theme-box-shadow-lvl-1: var(--theme-shadow-1);\n --theme-box-shadow-lvl-2: var(--theme-shadow-2);\n --theme-box-shadow-lvl-3: var(--theme-shadow-3);\n --theme-box-shadow-lvl-4: var(--theme-shadow-4);\n --theme-box-shadow-level-1: var(--theme-shadow-1);\n --theme-box-shadow-level-2: var(--theme-shadow-2);\n --theme-box-shadow-level-3: var(--theme-shadow-3);\n --theme-box-shadow-level-4: var(--theme-shadow-4);\n --theme-box-shadow-insert: var(--theme-inset-shadow-1);\n}\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/* Dimensions */\n/* Font sizes */\n/* Line heights */\n/* Animation timings */\n.input-group-label {\n color: var(--theme-input-unit--color);\n margin-left: 2px;\n margin-right: 2px;\n}\n\n.group-start .input-group-label:first-child {\n margin-left: 8px;\n}\n.group-start .input-group-label:last-child {\n margin-right: 4px;\n}\n\n.group-end .input-group-label:first-child {\n margin-left: 4px;\n}\n.group-end .input-group-label:last-child {\n margin-right: 8px;\n}\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.ix-table {\n box-sizing: border-box;\n border-spacing: 0px;\n width: 100%;\n margin-bottom: 1rem;\n color: var(--theme-color-std-text);\n vertical-align: top;\n border-color: var(--theme-table--border-color);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n font-family: Siemens Sans, sans-serif;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.429em;\n color: var(--theme-color-std-text);\n --bs-table-color-type: initial;\n --bs-table-bg-type: initial;\n --bs-table-color-state: initial;\n --bs-table-bg-state: initial;\n --bs-table-color: var(--theme-table--color);\n --bs-table-bg: var(--theme-table--background);\n --bs-table-border-color: var(--theme-table--border-color);\n --bs-table-accent-bg: transparent;\n --bs-table-striped-color: var(--theme-table--color);\n --bs-table-striped-bg: var(--theme-table-data-row-alt--background);\n --bs-table-active-color: var(--theme-table--color);\n --bs-table-active-bg: var(--theme-table-data-row-alt--background--active);\n --bs-table-hover-color: var(--theme-table--color);\n --bs-table-hover-bg: var(--theme-table-data-row-alt--background--hover);\n --ix-table-background: var(--theme-table--background);\n --bs-table-color-type: initial;\n --bs-table-bg-type: initial;\n --bs-table-color-state: initial;\n --bs-table-bg-state: initial;\n --bs-table-color: var(--theme-table--color);\n --bs-table-bg: var(--theme-table--background);\n --bs-table-border-color: var(--theme-table--border-color);\n --bs-table-accent-bg: transparent;\n --bs-table-striped-color: var(--theme-table--color);\n --bs-table-striped-bg: var(--theme-table-data-row-alt--background);\n --bs-table-active-color: var(--theme-table--color);\n --bs-table-active-bg: var(--theme-table-data-row-alt--background--active);\n --bs-table-hover-color: var(--theme-table--color);\n --bs-table-hover-bg: var(--theme-table-data-row-alt--background--hover);\n}\n\n.ix-table-striped > tbody > tr:nth-of-type(odd) > * {\n --ix-table-background: var(--theme-table-data-row-alt--background);\n}\n\n.ix-table thead {\n background-color: var(--theme-table-header-row--background);\n}\n\n.ix-table > thead {\n vertical-align: bottom;\n}\n\n.ix-table > :not(caption) > * > * {\n padding: 0.5rem 0.5rem;\n background-color: var(--ix-table-background);\n border-bottom-width: 1px;\n box-shadow: inset 0 0 0 9999px transparent;\n}\n\n.ix-table th,\n.ix-table td {\n border-bottom-color: var(--theme-table-data-row--border-color);\n}\n\n.ix-table thead,\n.ix-table tbody,\n.ix-table tfoot,\n.ix-table tr,\n.ix-table td,\n.ix-table th {\n text-align: left;\n}\n\n/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.typography-label {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-sm);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-label-xs {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms--2);\n line-height: var(--theme-line-height-sm);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xxl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-label-sm {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms--1);\n line-height: var(--theme-line-height-sm);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-label-lg {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-1);\n line-height: var(--theme-line-height-sm);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-lg);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-body {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-md);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-body-xs {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms--2);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xxl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-body-sm {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms--1);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-body-lg {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-1);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-lg);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-display {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-3);\n line-height: var(--theme-line-height-xs);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-md);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-display-xs {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-1);\n line-height: var(--theme-line-height-xs);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-sm);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-display-sm {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-2);\n line-height: var(--theme-line-height-xs);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-lg);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-display-lg {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-4);\n line-height: var(--theme-line-height-xs);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-md);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-display-xl {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-5);\n line-height: var(--theme-line-height-xs);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-sm);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-display-xxl {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-6);\n line-height: var(--theme-line-height-xs);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-sm);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nh6,\n.h6,\n.typography-h6 {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms--1);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nh5,\n.h5,\n.typography-h5 {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nh4,\n.h4,\n.typography-h4 {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-1);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-lg);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nh3,\n.h3,\n.typography-h3 {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-2);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-lg);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nh2,\n.h2,\n.typography-h2 {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-3);\n line-height: var(--theme-line-height-md);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-md);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\nh1,\n.h1,\n.typography-h1 {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-4);\n line-height: var(--theme-line-height-sm);\n font-weight: var(--theme-font-weight-bold);\n letter-spacing: var(--theme-letter-spacing-md);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-code {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-md);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-code-lg {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-1);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-md);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-code-sm {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: JetBrainsMono, Courier New, monospace, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms--1);\n line-height: var(--theme-line-height-lg);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n}\n\n.typography-decoration-none {\n text-decoration: none !important;\n}\n\n.typography-decoration-underline {\n text-decoration: underline !important;\n}\n\n.typography-decoration-line-through {\n text-decoration: line-through !important;\n}\n\n.typography-weight-bold {\n font-weight: 700 !important;\n}\n\na {\n color: var(--theme-color-primary);\n}\n\n/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n.ix-button-group {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n\nhr {\n margin: 1rem 0;\n color: inherit;\n border: 0;\n border-top: 1px solid;\n opacity: 0.25;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nh6,\n.h6,\nh5,\n.h5,\nh4,\n.h4,\nh3,\n.h3,\nh2,\n.h2,\nh1,\n.h1 {\n margin-top: 0;\n margin-bottom: 0.5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title] {\n cursor: help;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n -webkit-text-decoration-skip-ink: none;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul {\n padding-left: 2rem;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall,\n.small {\n font-size: 0.875em;\n}\n\nmark,\n.mark {\n padding: 0.1875em;\n background-color: var(--theme-color-warning-40);\n}\n\nsub,\nsup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: var(--theme-font-code);\n font-size: 1em;\n}\n\npre {\n display: block;\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n font-size: 0.875em;\n}\n\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\ncode {\n font-size: 0.875em;\n word-wrap: break-word;\n}\ncode a > code {\n color: inherit;\n}\n\nkbd {\n padding: 0.1875rem 0.375rem;\n font-size: 0.875em;\n border-radius: 0.25rem;\n}\n\nkbd kbd {\n padding: 0;\n font-size: 1em;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nlabel {\n display: inline-block;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n line-height: inherit;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\niframe {\n border: 0;\n}\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\n[hidden] {\n display: none !important;\n}\n\n:root {\n --animate-duration: 150ms;\n --bs-font-sans-serif: Siemens Sans, system-ui, -apple-system, \"Segoe UI\",\n Roboto, \"Helvetica Neue\", \"Noto Sans\", \"Liberation Sans\", Arial, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --ix-safe-area-inset-top: 0rem;\n --ix-safe-area-inset-right: 0rem;\n --ix-safe-area-inset-bottom: 0rem;\n --ix-safe-area-inset-left: 0rem;\n}\n\nbody {\n font-feature-settings: \"clig\" off, \"liga\" off;\n font-family: Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;\n font-style: normal;\n font-size: var(--theme-ms-0);\n line-height: var(--theme-line-height-md);\n font-weight: var(--theme-font-weight-normal);\n letter-spacing: var(--theme-letter-spacing-xl);\n text-decoration: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smooting: grayscale;\n color: var(--theme-color-std-text);\n background-color: var(--theme-color-1);\n margin: 0;\n}\n\nbody:not(.disable-scrollbar) {\n /* width */\n /* Track */\n /* Handle */\n /* Handle on hover */\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar-button {\n display: none;\n}\n@-moz-document url-prefix() {\n body:not(.disable-scrollbar) * {\n scrollbar-color: var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);\n scrollbar-width: thin;\n }\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar {\n width: 0.5rem;\n height: 0.5rem;\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar-track {\n border-radius: 5px;\n background: var(--theme-scrollbar-track--background);\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar-track:hover {\n background: var(--theme-scrollbar-track--background--hover);\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: var(--theme-scrollbar-thumb--background);\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar-thumb:hover {\n background: var(--theme-scrollbar-thumb--background--hover);\n}\nbody:not(.disable-scrollbar) ::-webkit-scrollbar-corner {\n display: none;\n}\n\n/* Load embedded theme */";
5
-
6
- /*
7
- Stencil Client Platform v4.35.1 | MIT Licensed | https://stenciljs.com
8
- */
9
- var __defProp = Object.defineProperty;
10
- var __export = (target, all) => {
11
- for (var name in all)
12
- __defProp(target, name, { get: all[name], enumerable: true });
13
- };
14
-
15
- // src/utils/constants.ts
16
- var SVG_NS = "http://www.w3.org/2000/svg";
17
- var HTML_NS = "http://www.w3.org/1999/xhtml";
18
- var PrimitiveType = /* @__PURE__ */ ((PrimitiveType2) => {
19
- PrimitiveType2["Undefined"] = "undefined";
20
- PrimitiveType2["Null"] = "null";
21
- PrimitiveType2["String"] = "string";
22
- PrimitiveType2["Number"] = "number";
23
- PrimitiveType2["SpecialNumber"] = "number";
24
- PrimitiveType2["Boolean"] = "boolean";
25
- PrimitiveType2["BigInt"] = "bigint";
26
- return PrimitiveType2;
27
- })(PrimitiveType || {});
28
- var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
29
- NonPrimitiveType2["Array"] = "array";
30
- NonPrimitiveType2["Date"] = "date";
31
- NonPrimitiveType2["Map"] = "map";
32
- NonPrimitiveType2["Object"] = "object";
33
- NonPrimitiveType2["RegularExpression"] = "regexp";
34
- NonPrimitiveType2["Set"] = "set";
35
- NonPrimitiveType2["Channel"] = "channel";
36
- NonPrimitiveType2["Symbol"] = "symbol";
37
- return NonPrimitiveType2;
38
- })(NonPrimitiveType || {});
39
- var TYPE_CONSTANT = "type";
40
- var VALUE_CONSTANT = "value";
41
- var SERIALIZED_PREFIX = "serialized:";
42
-
43
- // src/client/client-host-ref.ts
44
- var getHostRef = (ref) => {
45
- if (ref.__stencil__getHostRef) {
46
- return ref.__stencil__getHostRef();
47
- }
48
- return void 0;
49
- };
50
- var registerHost = (hostElement, cmpMeta) => {
51
- const hostRef = {
52
- $flags$: 0,
53
- $hostElement$: hostElement,
54
- $cmpMeta$: cmpMeta,
55
- $instanceValues$: /* @__PURE__ */ new Map()
56
- };
57
- {
58
- hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
59
- hostElement["s-p"] = [];
60
- hostElement["s-rc"] = [];
61
- }
62
- const ref = hostRef;
63
- hostElement.__stencil__getHostRef = () => ref;
64
- return ref;
65
- };
66
- var isMemberInElement = (elm, memberName) => memberName in elm;
67
- var consoleError = (e, el) => (0, console.error)(e, el);
68
-
69
- // src/client/client-style.ts
70
- var styles = /* @__PURE__ */ new Map();
71
-
72
- // src/runtime/runtime-constants.ts
73
- var CONTENT_REF_ID = "r";
74
- var ORG_LOCATION_ID = "o";
75
- var SLOT_NODE_ID = "s";
76
- var TEXT_NODE_ID = "t";
77
- var COMMENT_NODE_ID = "c";
78
- var HYDRATE_ID = "s-id";
79
- var HYDRATED_STYLE_ID = "sty-id";
80
- var HYDRATE_CHILD_ID = "c-id";
81
- var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
82
- var XLINK_NS = "http://www.w3.org/1999/xlink";
83
- var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
84
- "formAssociatedCallback",
85
- "formResetCallback",
86
- "formDisabledCallback",
87
- "formStateRestoreCallback"
88
- ];
89
- var win = typeof window !== "undefined" ? window : {};
90
- var H = win.HTMLElement || class {
91
- };
92
- var plt = {
93
- $flags$: 0,
94
- $resourcesUrl$: "",
95
- jmp: (h2) => h2(),
96
- raf: (h2) => requestAnimationFrame(h2),
97
- ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
98
- rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
99
- ce: (eventName, opts) => new CustomEvent(eventName, opts)
100
- };
101
- var setPlatformHelpers = (helpers) => {
102
- Object.assign(plt, helpers);
103
- };
104
- var supportsListenerOptions = /* @__PURE__ */ (() => {
105
- var _a;
106
- let supportsListenerOptions2 = false;
107
- try {
108
- (_a = win.document) == null ? void 0 : _a.addEventListener(
109
- "e",
110
- null,
111
- Object.defineProperty({}, "passive", {
112
- get() {
113
- supportsListenerOptions2 = true;
114
- }
115
- })
116
- );
117
- } catch (e) {
118
- }
119
- return supportsListenerOptions2;
120
- })();
121
- var promiseResolve = (v) => Promise.resolve(v);
122
- var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
123
- try {
124
- new CSSStyleSheet();
125
- return typeof new CSSStyleSheet().replaceSync === "function";
126
- } catch (e) {
127
- }
128
- return false;
129
- })() ;
130
- var queuePending = false;
131
- var queueDomReads = [];
132
- var queueDomWrites = [];
133
- var queueTask = (queue, write) => (cb) => {
134
- queue.push(cb);
135
- if (!queuePending) {
136
- queuePending = true;
137
- if (write && plt.$flags$ & 4 /* queueSync */) {
138
- nextTick(flush);
139
- } else {
140
- plt.raf(flush);
141
- }
142
- }
143
- };
144
- var consume = (queue) => {
145
- for (let i2 = 0; i2 < queue.length; i2++) {
146
- try {
147
- queue[i2](performance.now());
148
- } catch (e) {
149
- consoleError(e);
150
- }
151
- }
152
- queue.length = 0;
153
- };
154
- var flush = () => {
155
- consume(queueDomReads);
156
- {
157
- consume(queueDomWrites);
158
- if (queuePending = queueDomReads.length > 0) {
159
- plt.raf(flush);
160
- }
161
- }
162
- };
163
- var nextTick = (cb) => promiseResolve().then(cb);
164
- var readTask = /* @__PURE__ */ queueTask(queueDomReads, false);
165
- var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
166
-
167
- // src/runtime/asset-path.ts
168
- var getAssetPath = (path) => {
169
- const assetUrl = new URL(path, plt.$resourcesUrl$);
170
- return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
171
- };
172
- var setAssetPath = (path) => plt.$resourcesUrl$ = path;
173
- var isComplexType = (o) => {
174
- o = typeof o;
175
- return o === "object" || o === "function";
176
- };
177
-
178
- // src/utils/query-nonce-meta-tag-content.ts
179
- function queryNonceMetaTagContent(doc) {
180
- var _a, _b, _c;
181
- return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
182
- }
183
-
184
- // src/utils/regular-expression.ts
185
- var escapeRegExpSpecialCharacters = (text) => {
186
- return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
187
- };
188
-
189
- // src/utils/remote-value.ts
190
- var RemoteValue = class _RemoteValue {
191
- /**
192
- * Deserializes a LocalValue serialized object back to its original JavaScript representation
193
- *
194
- * @param serialized The serialized LocalValue object
195
- * @returns The original JavaScript value/object
196
- */
197
- static fromLocalValue(serialized) {
198
- const type = serialized[TYPE_CONSTANT];
199
- const value = VALUE_CONSTANT in serialized ? serialized[VALUE_CONSTANT] : void 0;
200
- switch (type) {
201
- case "string" /* String */:
202
- return value;
203
- case "boolean" /* Boolean */:
204
- return value;
205
- case "bigint" /* BigInt */:
206
- return BigInt(value);
207
- case "undefined" /* Undefined */:
208
- return void 0;
209
- case "null" /* Null */:
210
- return null;
211
- case "number" /* Number */:
212
- if (value === "NaN") return NaN;
213
- if (value === "-0") return -0;
214
- if (value === "Infinity") return Infinity;
215
- if (value === "-Infinity") return -Infinity;
216
- return value;
217
- case "array" /* Array */:
218
- return value.map((item) => _RemoteValue.fromLocalValue(item));
219
- case "date" /* Date */:
220
- return new Date(value);
221
- case "map" /* Map */:
222
- const map2 = /* @__PURE__ */ new Map();
223
- for (const [key, val] of value) {
224
- const deserializedKey = typeof key === "object" && key !== null ? _RemoteValue.fromLocalValue(key) : key;
225
- const deserializedValue = _RemoteValue.fromLocalValue(val);
226
- map2.set(deserializedKey, deserializedValue);
227
- }
228
- return map2;
229
- case "object" /* Object */:
230
- const obj = {};
231
- for (const [key, val] of value) {
232
- obj[key] = _RemoteValue.fromLocalValue(val);
233
- }
234
- return obj;
235
- case "regexp" /* RegularExpression */:
236
- const { pattern, flags } = value;
237
- return new RegExp(pattern, flags);
238
- case "set" /* Set */:
239
- const set = /* @__PURE__ */ new Set();
240
- for (const item of value) {
241
- set.add(_RemoteValue.fromLocalValue(item));
242
- }
243
- return set;
244
- case "symbol" /* Symbol */:
245
- return Symbol(value);
246
- default:
247
- throw new Error(`Unsupported type: ${type}`);
248
- }
249
- }
250
- /**
251
- * Utility method to deserialize multiple LocalValues at once
252
- *
253
- * @param serializedValues Array of serialized LocalValue objects
254
- * @returns Array of deserialized JavaScript values
255
- */
256
- static fromLocalValueArray(serializedValues) {
257
- return serializedValues.map((value) => _RemoteValue.fromLocalValue(value));
258
- }
259
- /**
260
- * Verifies if the given object matches the structure of a serialized LocalValue
261
- *
262
- * @param obj Object to verify
263
- * @returns boolean indicating if the object has LocalValue structure
264
- */
265
- static isLocalValueObject(obj) {
266
- if (typeof obj !== "object" || obj === null) {
267
- return false;
268
- }
269
- if (!obj.hasOwnProperty(TYPE_CONSTANT)) {
270
- return false;
271
- }
272
- const type = obj[TYPE_CONSTANT];
273
- const hasTypeProperty = Object.values({ ...PrimitiveType, ...NonPrimitiveType }).includes(type);
274
- if (!hasTypeProperty) {
275
- return false;
276
- }
277
- if (type !== "null" /* Null */ && type !== "undefined" /* Undefined */) {
278
- return obj.hasOwnProperty(VALUE_CONSTANT);
279
- }
280
- return true;
281
- }
282
- };
283
-
284
- // src/utils/result.ts
285
- var result_exports = {};
286
- __export(result_exports, {
287
- err: () => err,
288
- map: () => map,
289
- ok: () => ok,
290
- unwrap: () => unwrap,
291
- unwrapErr: () => unwrapErr
292
- });
293
- var ok = (value) => ({
294
- isOk: true,
295
- isErr: false,
296
- value
297
- });
298
- var err = (value) => ({
299
- isOk: false,
300
- isErr: true,
301
- value
302
- });
303
- function map(result, fn) {
304
- if (result.isOk) {
305
- const val = fn(result.value);
306
- if (val instanceof Promise) {
307
- return val.then((newVal) => ok(newVal));
308
- } else {
309
- return ok(val);
310
- }
311
- }
312
- if (result.isErr) {
313
- const value = result.value;
314
- return err(value);
315
- }
316
- throw "should never get here";
317
- }
318
- var unwrap = (result) => {
319
- if (result.isOk) {
320
- return result.value;
321
- } else {
322
- throw result.value;
323
- }
324
- };
325
- var unwrapErr = (result) => {
326
- if (result.isErr) {
327
- return result.value;
328
- } else {
329
- throw result.value;
330
- }
331
- };
332
-
333
- // src/utils/serialize.ts
334
- function deserializeProperty(value) {
335
- if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
336
- return value;
337
- }
338
- return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
339
- }
340
- function createShadowRoot(cmpMeta) {
341
- const shadowRoot = this.attachShadow({ mode: "open" });
342
- if (supportsConstructableStylesheets) {
343
- const sheet = new CSSStyleSheet();
344
- sheet.replaceSync(globalStyles);
345
- shadowRoot.adoptedStyleSheets.push(sheet);
346
- }
347
- }
348
- var getSlottedChildNodes = (childNodes) => {
349
- const result = [];
350
- for (let i2 = 0; i2 < childNodes.length; i2++) {
351
- const slottedNode = childNodes[i2]["s-nr"] || void 0;
352
- if (slottedNode && slottedNode.isConnected) {
353
- result.push(slottedNode);
354
- }
355
- }
356
- return result;
357
- };
358
- var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
359
- if (newChild["s-ol"] && newChild["s-ol"].isConnected) {
360
- return;
361
- }
362
- const slottedNodeLocation = document.createTextNode("");
363
- slottedNodeLocation["s-nr"] = newChild;
364
- if (!slotNode["s-cr"] || !slotNode["s-cr"].parentNode) return;
365
- const parent = slotNode["s-cr"].parentNode;
366
- const appendMethod = internalCall(parent, "appendChild");
367
- if (typeof position !== "undefined") {
368
- slottedNodeLocation["s-oo"] = position;
369
- const childNodes = internalCall(parent, "childNodes");
370
- const slotRelocateNodes = [slottedNodeLocation];
371
- childNodes.forEach((n) => {
372
- if (n["s-nr"]) slotRelocateNodes.push(n);
373
- });
374
- slotRelocateNodes.sort((a, b) => {
375
- if (!a["s-oo"] || a["s-oo"] < (b["s-oo"] || 0)) return -1;
376
- else if (!b["s-oo"] || b["s-oo"] < a["s-oo"]) return 1;
377
- return 0;
378
- });
379
- slotRelocateNodes.forEach((n) => appendMethod.call(parent, n));
380
- } else {
381
- appendMethod.call(parent, slottedNodeLocation);
382
- }
383
- newChild["s-ol"] = slottedNodeLocation;
384
- newChild["s-sh"] = slotNode["s-hn"];
385
- };
386
- var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
387
- function patchSlotNode(node) {
388
- if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
389
- const assignedFactory = (elementsOnly) => (function(opts) {
390
- const toReturn = [];
391
- const slotName = this["s-sn"];
392
- if (opts == null ? void 0 : opts.flatten) {
393
- console.error(`
394
- Flattening is not supported for Stencil non-shadow slots.
395
- You can use \`.childNodes\` to nested slot fallback content.
396
- If you have a particular use case, please open an issue on the Stencil repo.
397
- `);
398
- }
399
- const parent = this["s-cr"].parentElement;
400
- const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
401
- slottedNodes.forEach((n) => {
402
- if (slotName === getSlotName(n)) {
403
- toReturn.push(n);
404
- }
405
- });
406
- if (elementsOnly) {
407
- return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
408
- }
409
- return toReturn;
410
- }).bind(node);
411
- node.assignedElements = assignedFactory(true);
412
- node.assignedNodes = assignedFactory(false);
413
- }
414
- function internalCall(node, method) {
415
- if ("__" + method in node) {
416
- const toReturn = node["__" + method];
417
- if (typeof toReturn !== "function") return toReturn;
418
- return toReturn.bind(node);
419
- } else {
420
- if (typeof node[method] !== "function") return node[method];
421
- return node[method].bind(node);
422
- }
423
- }
424
- var createTime = (fnName, tagName = "") => {
425
- {
426
- return () => {
427
- return;
428
- };
429
- }
430
- };
431
- var h = (nodeName, vnodeData, ...children) => {
432
- let child = null;
433
- let key = null;
434
- let simple = false;
435
- let lastSimple = false;
436
- const vNodeChildren = [];
437
- const walk = (c) => {
438
- for (let i2 = 0; i2 < c.length; i2++) {
439
- child = c[i2];
440
- if (Array.isArray(child)) {
441
- walk(child);
442
- } else if (child != null && typeof child !== "boolean") {
443
- if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
444
- child = String(child);
445
- }
446
- if (simple && lastSimple) {
447
- vNodeChildren[vNodeChildren.length - 1].$text$ += child;
448
- } else {
449
- vNodeChildren.push(simple ? newVNode(null, child) : child);
450
- }
451
- lastSimple = simple;
452
- }
453
- }
454
- };
455
- walk(children);
456
- if (vnodeData) {
457
- if (vnodeData.key) {
458
- key = vnodeData.key;
459
- }
460
- {
461
- const classData = vnodeData.className || vnodeData.class;
462
- if (classData) {
463
- vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
464
- }
465
- }
466
- }
467
- if (typeof nodeName === "function") {
468
- return nodeName(
469
- vnodeData === null ? {} : vnodeData,
470
- vNodeChildren,
471
- vdomFnUtils
472
- );
473
- }
474
- const vnode = newVNode(nodeName, null);
475
- vnode.$attrs$ = vnodeData;
476
- if (vNodeChildren.length > 0) {
477
- vnode.$children$ = vNodeChildren;
478
- }
479
- {
480
- vnode.$key$ = key;
481
- }
482
- return vnode;
483
- };
484
- var newVNode = (tag, text) => {
485
- const vnode = {
486
- $flags$: 0,
487
- $tag$: tag,
488
- $text$: text,
489
- $elm$: null,
490
- $children$: null
491
- };
492
- {
493
- vnode.$attrs$ = null;
494
- }
495
- {
496
- vnode.$key$ = null;
497
- }
498
- return vnode;
499
- };
500
- var Host = {};
501
- var isHost = (node) => node && node.$tag$ === Host;
502
- var vdomFnUtils = {
503
- forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
504
- map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
505
- };
506
- var convertToPublic = (node) => ({
507
- vattrs: node.$attrs$,
508
- vchildren: node.$children$,
509
- vkey: node.$key$,
510
- vname: node.$name$,
511
- vtag: node.$tag$,
512
- vtext: node.$text$
513
- });
514
- var convertToPrivate = (node) => {
515
- if (typeof node.vtag === "function") {
516
- const vnodeData = { ...node.vattrs };
517
- if (node.vkey) {
518
- vnodeData.key = node.vkey;
519
- }
520
- if (node.vname) {
521
- vnodeData.name = node.vname;
522
- }
523
- return h(node.vtag, vnodeData, ...node.vchildren || []);
524
- }
525
- const vnode = newVNode(node.vtag, node.vtext);
526
- vnode.$attrs$ = node.vattrs;
527
- vnode.$children$ = node.vchildren;
528
- vnode.$key$ = node.vkey;
529
- vnode.$name$ = node.vname;
530
- return vnode;
531
- };
532
-
533
- // src/runtime/client-hydrate.ts
534
- var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
535
- var _a;
536
- const endHydrate = createTime("hydrateClient", tagName);
537
- const shadowRoot = hostElm.shadowRoot;
538
- const childRenderNodes = [];
539
- const slotNodes = [];
540
- const slottedNodes = [];
541
- const shadowRootNodes = shadowRoot ? [] : null;
542
- const vnode = newVNode(tagName, null);
543
- vnode.$elm$ = hostElm;
544
- const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
545
- members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
546
- var _a2, _b;
547
- if (!(memberFlags & 31 /* Prop */)) {
548
- return;
549
- }
550
- const attributeName = metaAttributeName || memberName;
551
- const attrVal = hostElm.getAttribute(attributeName);
552
- if (attrVal !== null) {
553
- const attrPropVal = parsePropertyValue(
554
- attrVal,
555
- memberFlags,
556
- !!(((_a2 = hostRef.$cmpMeta$) == null ? void 0 : _a2.$flags$) & 64 /* formAssociated */)
557
- );
558
- (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
559
- }
560
- });
561
- if (win.document && (!plt.$orgLocNodes$ || !plt.$orgLocNodes$.size)) {
562
- initializeDocumentHydrate(win.document.body, plt.$orgLocNodes$ = /* @__PURE__ */ new Map());
563
- }
564
- hostElm[HYDRATE_ID] = hostId;
565
- hostElm.removeAttribute(HYDRATE_ID);
566
- hostRef.$vnode$ = clientHydrate(
567
- vnode,
568
- childRenderNodes,
569
- slotNodes,
570
- shadowRootNodes,
571
- hostElm,
572
- hostElm,
573
- hostId,
574
- slottedNodes
575
- );
576
- let crIndex = 0;
577
- const crLength = childRenderNodes.length;
578
- let childRenderNode;
579
- for (crIndex; crIndex < crLength; crIndex++) {
580
- childRenderNode = childRenderNodes[crIndex];
581
- const orgLocationId = childRenderNode.$hostId$ + "." + childRenderNode.$nodeId$;
582
- const orgLocationNode = plt.$orgLocNodes$.get(orgLocationId);
583
- const node = childRenderNode.$elm$;
584
- if (!shadowRoot) {
585
- node["s-hn"] = tagName.toUpperCase();
586
- if (childRenderNode.$tag$ === "slot") {
587
- node["s-cr"] = hostElm["s-cr"];
588
- }
589
- }
590
- if (childRenderNode.$tag$ === "slot") {
591
- childRenderNode.$name$ = childRenderNode.$elm$["s-sn"] || childRenderNode.$elm$["name"] || null;
592
- if (childRenderNode.$children$) {
593
- childRenderNode.$flags$ |= 2 /* isSlotFallback */;
594
- if (!childRenderNode.$elm$.childNodes.length) {
595
- childRenderNode.$children$.forEach((c) => {
596
- childRenderNode.$elm$.appendChild(c.$elm$);
597
- });
598
- }
599
- } else {
600
- childRenderNode.$flags$ |= 1 /* isSlotReference */;
601
- }
602
- }
603
- if (orgLocationNode && orgLocationNode.isConnected) {
604
- if (shadowRoot && orgLocationNode["s-en"] === "") {
605
- orgLocationNode.parentNode.insertBefore(node, orgLocationNode.nextSibling);
606
- }
607
- orgLocationNode.parentNode.removeChild(orgLocationNode);
608
- if (!shadowRoot) {
609
- node["s-oo"] = parseInt(childRenderNode.$nodeId$);
610
- }
611
- }
612
- plt.$orgLocNodes$.delete(orgLocationId);
613
- }
614
- const hosts = [];
615
- const snLen = slottedNodes.length;
616
- let snIndex = 0;
617
- let slotGroup;
618
- let snGroupIdx;
619
- let snGroupLen;
620
- let slottedItem;
621
- for (snIndex; snIndex < snLen; snIndex++) {
622
- slotGroup = slottedNodes[snIndex];
623
- if (!slotGroup || !slotGroup.length) continue;
624
- snGroupLen = slotGroup.length;
625
- snGroupIdx = 0;
626
- for (snGroupIdx; snGroupIdx < snGroupLen; snGroupIdx++) {
627
- slottedItem = slotGroup[snGroupIdx];
628
- if (!hosts[slottedItem.hostId]) {
629
- hosts[slottedItem.hostId] = plt.$orgLocNodes$.get(slottedItem.hostId);
630
- }
631
- if (!hosts[slottedItem.hostId]) continue;
632
- const hostEle = hosts[slottedItem.hostId];
633
- if (!hostEle.shadowRoot || !shadowRoot) {
634
- slottedItem.slot["s-cr"] = hostEle["s-cr"];
635
- if (!slottedItem.slot["s-cr"] && hostEle.shadowRoot) {
636
- slottedItem.slot["s-cr"] = hostEle;
637
- } else {
638
- slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
639
- }
640
- addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
641
- }
642
- if (hostEle.shadowRoot && slottedItem.node.parentElement !== hostEle) {
643
- hostEle.appendChild(slottedItem.node);
644
- }
645
- }
646
- }
647
- if (shadowRoot && !shadowRoot.childNodes.length) {
648
- let rnIdex = 0;
649
- const rnLen = shadowRootNodes.length;
650
- if (rnLen) {
651
- for (rnIdex; rnIdex < rnLen; rnIdex++) {
652
- shadowRoot.appendChild(shadowRootNodes[rnIdex]);
653
- }
654
- Array.from(hostElm.childNodes).forEach((node) => {
655
- if (typeof node["s-en"] !== "string" && typeof node["s-sn"] !== "string") {
656
- if (node.nodeType === 1 /* ElementNode */ && node.slot && node.hidden) {
657
- node.removeAttribute("hidden");
658
- } else if (node.nodeType === 8 /* CommentNode */ || node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
659
- node.parentNode.removeChild(node);
660
- }
661
- }
662
- });
663
- }
664
- }
665
- plt.$orgLocNodes$.delete(hostElm["s-id"]);
666
- hostRef.$hostElement$ = hostElm;
667
- endHydrate();
668
- };
669
- var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes, hostElm, node, hostId, slottedNodes = []) => {
670
- let childNodeType;
671
- let childIdSplt;
672
- let childVNode;
673
- let i2;
674
- if (node.nodeType === 1 /* ElementNode */) {
675
- childNodeType = node.getAttribute(HYDRATE_CHILD_ID);
676
- if (childNodeType) {
677
- childIdSplt = childNodeType.split(".");
678
- if (childIdSplt[0] === hostId || childIdSplt[0] === "0") {
679
- childVNode = createSimpleVNode({
680
- $flags$: 0,
681
- $hostId$: childIdSplt[0],
682
- $nodeId$: childIdSplt[1],
683
- $depth$: childIdSplt[2],
684
- $index$: childIdSplt[3],
685
- $tag$: node.tagName.toLowerCase(),
686
- $elm$: node,
687
- // If we don't add the initial classes to the VNode, the first `vdom-render.ts` patch
688
- // won't try to reconcile them. Classes set on the node will be blown away.
689
- $attrs$: { class: node.className || "" }
690
- });
691
- childRenderNodes.push(childVNode);
692
- node.removeAttribute(HYDRATE_CHILD_ID);
693
- if (!parentVNode.$children$) {
694
- parentVNode.$children$ = [];
695
- }
696
- const slotName = childVNode.$elm$.getAttribute("s-sn");
697
- if (typeof slotName === "string") {
698
- if (childVNode.$tag$ === "slot-fb") {
699
- addSlot(
700
- slotName,
701
- childIdSplt[2],
702
- childVNode,
703
- node,
704
- parentVNode,
705
- childRenderNodes,
706
- slotNodes,
707
- shadowRootNodes,
708
- slottedNodes
709
- );
710
- }
711
- childVNode.$elm$["s-sn"] = slotName;
712
- childVNode.$elm$.removeAttribute("s-sn");
713
- }
714
- if (childVNode.$index$ !== void 0) {
715
- parentVNode.$children$[childVNode.$index$] = childVNode;
716
- }
717
- parentVNode = childVNode;
718
- if (shadowRootNodes && childVNode.$depth$ === "0") {
719
- shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
720
- }
721
- }
722
- }
723
- if (node.shadowRoot) {
724
- for (i2 = node.shadowRoot.childNodes.length - 1; i2 >= 0; i2--) {
725
- clientHydrate(
726
- parentVNode,
727
- childRenderNodes,
728
- slotNodes,
729
- shadowRootNodes,
730
- hostElm,
731
- node.shadowRoot.childNodes[i2],
732
- hostId,
733
- slottedNodes
734
- );
735
- }
736
- }
737
- const nonShadowNodes = node.__childNodes || node.childNodes;
738
- for (i2 = nonShadowNodes.length - 1; i2 >= 0; i2--) {
739
- clientHydrate(
740
- parentVNode,
741
- childRenderNodes,
742
- slotNodes,
743
- shadowRootNodes,
744
- hostElm,
745
- nonShadowNodes[i2],
746
- hostId,
747
- slottedNodes
748
- );
749
- }
750
- } else if (node.nodeType === 8 /* CommentNode */) {
751
- childIdSplt = node.nodeValue.split(".");
752
- if (childIdSplt[1] === hostId || childIdSplt[1] === "0") {
753
- childNodeType = childIdSplt[0];
754
- childVNode = createSimpleVNode({
755
- $hostId$: childIdSplt[1],
756
- $nodeId$: childIdSplt[2],
757
- $depth$: childIdSplt[3],
758
- $index$: childIdSplt[4] || "0",
759
- $elm$: node,
760
- $attrs$: null,
761
- $children$: null,
762
- $key$: null,
763
- $name$: null,
764
- $tag$: null,
765
- $text$: null
766
- });
767
- if (childNodeType === TEXT_NODE_ID) {
768
- childVNode.$elm$ = findCorrespondingNode(node, 3 /* TextNode */);
769
- if (childVNode.$elm$ && childVNode.$elm$.nodeType === 3 /* TextNode */) {
770
- childVNode.$text$ = childVNode.$elm$.textContent;
771
- childRenderNodes.push(childVNode);
772
- node.remove();
773
- if (hostId === childVNode.$hostId$) {
774
- if (!parentVNode.$children$) {
775
- parentVNode.$children$ = [];
776
- }
777
- parentVNode.$children$[childVNode.$index$] = childVNode;
778
- }
779
- if (shadowRootNodes && childVNode.$depth$ === "0") {
780
- shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
781
- }
782
- }
783
- } else if (childNodeType === COMMENT_NODE_ID) {
784
- childVNode.$elm$ = findCorrespondingNode(node, 8 /* CommentNode */);
785
- if (childVNode.$elm$ && childVNode.$elm$.nodeType === 8 /* CommentNode */) {
786
- childRenderNodes.push(childVNode);
787
- node.remove();
788
- }
789
- } else if (childVNode.$hostId$ === hostId) {
790
- if (childNodeType === SLOT_NODE_ID) {
791
- const slotName = node["s-sn"] = childIdSplt[5] || "";
792
- addSlot(
793
- slotName,
794
- childIdSplt[2],
795
- childVNode,
796
- node,
797
- parentVNode,
798
- childRenderNodes,
799
- slotNodes,
800
- shadowRootNodes,
801
- slottedNodes
802
- );
803
- } else if (childNodeType === CONTENT_REF_ID) {
804
- if (shadowRootNodes) {
805
- node.remove();
806
- }
807
- }
808
- }
809
- }
810
- } else if (parentVNode && parentVNode.$tag$ === "style") {
811
- const vnode = newVNode(null, node.textContent);
812
- vnode.$elm$ = node;
813
- vnode.$index$ = "0";
814
- parentVNode.$children$ = [vnode];
815
- } else {
816
- if (node.nodeType === 3 /* TextNode */ && !node.wholeText.trim()) {
817
- node.remove();
818
- }
819
- }
820
- return parentVNode;
821
- };
822
- var initializeDocumentHydrate = (node, orgLocNodes) => {
823
- if (node.nodeType === 1 /* ElementNode */) {
824
- const componentId = node[HYDRATE_ID] || node.getAttribute(HYDRATE_ID);
825
- if (componentId) {
826
- orgLocNodes.set(componentId, node);
827
- }
828
- let i2 = 0;
829
- if (node.shadowRoot) {
830
- for (; i2 < node.shadowRoot.childNodes.length; i2++) {
831
- initializeDocumentHydrate(node.shadowRoot.childNodes[i2], orgLocNodes);
832
- }
833
- }
834
- const nonShadowNodes = node.__childNodes || node.childNodes;
835
- for (i2 = 0; i2 < nonShadowNodes.length; i2++) {
836
- initializeDocumentHydrate(nonShadowNodes[i2], orgLocNodes);
837
- }
838
- } else if (node.nodeType === 8 /* CommentNode */) {
839
- const childIdSplt = node.nodeValue.split(".");
840
- if (childIdSplt[0] === ORG_LOCATION_ID) {
841
- orgLocNodes.set(childIdSplt[1] + "." + childIdSplt[2], node);
842
- node.nodeValue = "";
843
- node["s-en"] = childIdSplt[3];
844
- }
845
- }
846
- };
847
- var createSimpleVNode = (vnode) => {
848
- const defaultVNode = {
849
- $flags$: 0,
850
- $hostId$: null,
851
- $nodeId$: null,
852
- $depth$: null,
853
- $index$: "0",
854
- $elm$: null,
855
- $attrs$: null,
856
- $children$: null,
857
- $key$: null,
858
- $name$: null,
859
- $tag$: null,
860
- $text$: null
861
- };
862
- return { ...defaultVNode, ...vnode };
863
- };
864
- function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNodes, slotNodes, shadowRootNodes, slottedNodes) {
865
- node["s-sr"] = true;
866
- childVNode.$name$ = slotName || null;
867
- childVNode.$tag$ = "slot";
868
- const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
869
- if (shadowRootNodes && win.document) {
870
- const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
871
- if (childVNode.$name$) {
872
- childVNode.$elm$.setAttribute("name", slotName);
873
- }
874
- if (parentNodeId && parentNodeId !== childVNode.$hostId$) {
875
- parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
876
- } else {
877
- node.parentNode.insertBefore(slot, node);
878
- }
879
- addSlottedNodes(slottedNodes, slotId, slotName, node, childVNode.$hostId$);
880
- node.remove();
881
- if (childVNode.$depth$ === "0") {
882
- shadowRootNodes[childVNode.$index$] = childVNode.$elm$;
883
- }
884
- } else {
885
- const slot = childVNode.$elm$;
886
- const shouldMove = parentNodeId && parentNodeId !== childVNode.$hostId$ && parentVNode.$elm$.shadowRoot;
887
- addSlottedNodes(slottedNodes, slotId, slotName, node, shouldMove ? parentNodeId : childVNode.$hostId$);
888
- patchSlotNode(node);
889
- if (shouldMove) {
890
- parentVNode.$elm$.insertBefore(slot, parentVNode.$elm$.children[0]);
891
- }
892
- }
893
- childRenderNodes.push(childVNode);
894
- slotNodes.push(childVNode);
895
- if (!parentVNode.$children$) {
896
- parentVNode.$children$ = [];
897
- }
898
- parentVNode.$children$[childVNode.$index$] = childVNode;
899
- }
900
- var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) => {
901
- let slottedNode = slotNode.nextSibling;
902
- slottedNodes[slotNodeId] = slottedNodes[slotNodeId] || [];
903
- while (slottedNode && ((slottedNode["getAttribute"] && slottedNode.getAttribute("slot") || slottedNode["s-sn"]) === slotName || slotName === "" && !slottedNode["s-sn"] && (slottedNode.nodeType === 8 /* CommentNode */ && slottedNode.nodeValue.indexOf(".") !== 1 || slottedNode.nodeType === 3 /* TextNode */))) {
904
- slottedNode["s-sn"] = slotName;
905
- slottedNodes[slotNodeId].push({ slot: slotNode, node: slottedNode, hostId });
906
- slottedNode = slottedNode.nextSibling;
907
- }
908
- };
909
- var findCorrespondingNode = (node, type) => {
910
- let sibling = node;
911
- do {
912
- sibling = sibling.nextSibling;
913
- } while (sibling && (sibling.nodeType !== type || !sibling.nodeValue));
914
- return sibling;
915
- };
916
- var createSupportsRuleRe = (selector) => {
917
- const safeSelector2 = escapeRegExpSpecialCharacters(selector);
918
- return new RegExp(
919
- // First capture group: match any context before the selector that's not inside @supports selector()
920
- // Using negative lookahead to avoid matching inside @supports selector(...) condition
921
- `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
922
- "g"
923
- );
924
- };
925
- createSupportsRuleRe("::slotted");
926
- createSupportsRuleRe(":host");
927
- createSupportsRuleRe(":host-context");
928
- var parsePropertyValue = (propValue, propType, isFormAssociated) => {
929
- if (typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
930
- try {
931
- propValue = JSON.parse(propValue);
932
- return propValue;
933
- } catch (e) {
934
- }
935
- }
936
- if (typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
937
- propValue = deserializeProperty(propValue);
938
- return propValue;
939
- }
940
- if (propValue != null && !isComplexType(propValue)) {
941
- if (propType & 4 /* Boolean */) {
942
- if (isFormAssociated && typeof propValue === "string") {
943
- return propValue === "" || !!propValue;
944
- } else {
945
- return propValue === "false" ? false : propValue === "" || !!propValue;
946
- }
947
- }
948
- if (propType & 2 /* Number */) {
949
- return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
950
- }
951
- if (propType & 1 /* String */) {
952
- return String(propValue);
953
- }
954
- return propValue;
955
- }
956
- return propValue;
957
- };
958
- var getElement = (ref) => ref;
959
-
960
- // src/runtime/event-emitter.ts
961
- var createEvent = (ref, name, flags) => {
962
- const elm = getElement(ref);
963
- return {
964
- emit: (detail) => {
965
- return emitEvent(elm, name, {
966
- bubbles: !!(flags & 4 /* Bubbles */),
967
- composed: !!(flags & 2 /* Composed */),
968
- cancelable: !!(flags & 1 /* Cancellable */),
969
- detail
970
- });
971
- }
972
- };
973
- };
974
- var emitEvent = (elm, name, opts) => {
975
- const ev = plt.ce(name, opts);
976
- elm.dispatchEvent(ev);
977
- return ev;
978
- };
979
- var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
980
- var registerStyle = (scopeId2, cssText, allowCS) => {
981
- let style = styles.get(scopeId2);
982
- if (supportsConstructableStylesheets && allowCS) {
983
- style = style || new CSSStyleSheet();
984
- if (typeof style === "string") {
985
- style = cssText;
986
- } else {
987
- style.replaceSync(cssText);
988
- }
989
- } else {
990
- style = cssText;
991
- }
992
- styles.set(scopeId2, style);
993
- };
994
- var addStyle = (styleContainerNode, cmpMeta, mode) => {
995
- var _a;
996
- const scopeId2 = getScopeId(cmpMeta);
997
- const style = styles.get(scopeId2);
998
- if (!win.document) {
999
- return scopeId2;
1000
- }
1001
- styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
1002
- if (style) {
1003
- if (typeof style === "string") {
1004
- styleContainerNode = styleContainerNode.head || styleContainerNode;
1005
- let appliedStyles = rootAppliedStyles.get(styleContainerNode);
1006
- let styleElm;
1007
- if (!appliedStyles) {
1008
- rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
1009
- }
1010
- if (!appliedStyles.has(scopeId2)) {
1011
- if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
1012
- styleElm.innerHTML = style;
1013
- } else {
1014
- styleElm = win.document.createElement("style");
1015
- styleElm.innerHTML = style;
1016
- const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
1017
- if (nonce != null) {
1018
- styleElm.setAttribute("nonce", nonce);
1019
- }
1020
- if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
1021
- if (styleContainerNode.nodeName === "HEAD") {
1022
- const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
1023
- const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
1024
- styleContainerNode.insertBefore(
1025
- styleElm,
1026
- (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
1027
- );
1028
- } else if ("host" in styleContainerNode) {
1029
- if (supportsConstructableStylesheets) {
1030
- const stylesheet = new CSSStyleSheet();
1031
- stylesheet.replaceSync(style);
1032
- styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
1033
- } else {
1034
- const existingStyleContainer = styleContainerNode.querySelector("style");
1035
- if (existingStyleContainer) {
1036
- existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
1037
- } else {
1038
- styleContainerNode.prepend(styleElm);
1039
- }
1040
- }
1041
- } else {
1042
- styleContainerNode.append(styleElm);
1043
- }
1044
- }
1045
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1046
- styleContainerNode.insertBefore(styleElm, null);
1047
- }
1048
- }
1049
- if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
1050
- styleElm.innerHTML += SLOT_FB_CSS;
1051
- }
1052
- if (appliedStyles) {
1053
- appliedStyles.add(scopeId2);
1054
- }
1055
- }
1056
- } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
1057
- styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
1058
- }
1059
- }
1060
- return scopeId2;
1061
- };
1062
- var attachStyles = (hostRef) => {
1063
- const cmpMeta = hostRef.$cmpMeta$;
1064
- const elm = hostRef.$hostElement$;
1065
- const flags = cmpMeta.$flags$;
1066
- const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
1067
- const scopeId2 = addStyle(
1068
- elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
1069
- cmpMeta);
1070
- if (flags & 10 /* needsScopedEncapsulation */) {
1071
- elm["s-sc"] = scopeId2;
1072
- elm.classList.add(scopeId2 + "-h");
1073
- }
1074
- endAttachStyles();
1075
- };
1076
- var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
1077
- var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
1078
- var hydrateScopedToShadow = () => {
1079
- if (!win.document) {
1080
- return;
1081
- }
1082
- const styles2 = win.document.querySelectorAll(`[${HYDRATED_STYLE_ID}]`);
1083
- let i2 = 0;
1084
- for (; i2 < styles2.length; i2++) {
1085
- registerStyle(styles2[i2].getAttribute(HYDRATED_STYLE_ID), convertScopedToShadow(styles2[i2].innerHTML), true);
1086
- }
1087
- };
1088
- var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
1089
- if (oldValue === newValue) {
1090
- return;
1091
- }
1092
- let isProp = isMemberInElement(elm, memberName);
1093
- let ln = memberName.toLowerCase();
1094
- if (memberName === "class") {
1095
- const classList = elm.classList;
1096
- const oldClasses = parseClassList(oldValue);
1097
- let newClasses = parseClassList(newValue);
1098
- if (elm["s-si"] && initialRender) {
1099
- newClasses.push(elm["s-si"]);
1100
- oldClasses.forEach((c) => {
1101
- if (c.startsWith(elm["s-si"])) newClasses.push(c);
1102
- });
1103
- newClasses = [...new Set(newClasses)];
1104
- classList.add(...newClasses);
1105
- } else {
1106
- classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
1107
- classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
1108
- }
1109
- } else if (memberName === "style") {
1110
- {
1111
- for (const prop in oldValue) {
1112
- if (!newValue || newValue[prop] == null) {
1113
- if (prop.includes("-")) {
1114
- elm.style.removeProperty(prop);
1115
- } else {
1116
- elm.style[prop] = "";
1117
- }
1118
- }
1119
- }
1120
- }
1121
- for (const prop in newValue) {
1122
- if (!oldValue || newValue[prop] !== oldValue[prop]) {
1123
- if (prop.includes("-")) {
1124
- elm.style.setProperty(prop, newValue[prop]);
1125
- } else {
1126
- elm.style[prop] = newValue[prop];
1127
- }
1128
- }
1129
- }
1130
- } else if (memberName === "key") ; else if (memberName === "ref") {
1131
- if (newValue) {
1132
- newValue(elm);
1133
- }
1134
- } else if ((!elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
1135
- if (memberName[2] === "-") {
1136
- memberName = memberName.slice(3);
1137
- } else if (isMemberInElement(win, ln)) {
1138
- memberName = ln.slice(2);
1139
- } else {
1140
- memberName = ln[2] + memberName.slice(3);
1141
- }
1142
- if (oldValue || newValue) {
1143
- const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
1144
- memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
1145
- if (oldValue) {
1146
- plt.rel(elm, memberName, oldValue, capture);
1147
- }
1148
- if (newValue) {
1149
- plt.ael(elm, memberName, newValue, capture);
1150
- }
1151
- }
1152
- } else {
1153
- const isComplex = isComplexType(newValue);
1154
- if ((isProp || isComplex && newValue !== null) && !isSvg) {
1155
- try {
1156
- if (!elm.tagName.includes("-")) {
1157
- const n = newValue == null ? "" : newValue;
1158
- if (memberName === "list") {
1159
- isProp = false;
1160
- } else if (oldValue == null || elm[memberName] != n) {
1161
- if (typeof elm.__lookupSetter__(memberName) === "function") {
1162
- elm[memberName] = n;
1163
- } else {
1164
- elm.setAttribute(memberName, n);
1165
- }
1166
- }
1167
- } else if (elm[memberName] !== newValue) {
1168
- elm[memberName] = newValue;
1169
- }
1170
- } catch (e) {
1171
- }
1172
- }
1173
- let xlink = false;
1174
- {
1175
- if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
1176
- memberName = ln;
1177
- xlink = true;
1178
- }
1179
- }
1180
- if (newValue == null || newValue === false) {
1181
- if (newValue !== false || elm.getAttribute(memberName) === "") {
1182
- if (xlink) {
1183
- elm.removeAttributeNS(XLINK_NS, memberName);
1184
- } else {
1185
- elm.removeAttribute(memberName);
1186
- }
1187
- }
1188
- } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
1189
- newValue = newValue === true ? "" : newValue;
1190
- if (xlink) {
1191
- elm.setAttributeNS(XLINK_NS, memberName, newValue);
1192
- } else {
1193
- elm.setAttribute(memberName, newValue);
1194
- }
1195
- }
1196
- }
1197
- };
1198
- var parseClassListRegex = /\s/;
1199
- var parseClassList = (value) => {
1200
- if (typeof value === "object" && value && "baseVal" in value) {
1201
- value = value.baseVal;
1202
- }
1203
- if (!value || typeof value !== "string") {
1204
- return [];
1205
- }
1206
- return value.split(parseClassListRegex);
1207
- };
1208
- var CAPTURE_EVENT_SUFFIX = "Capture";
1209
- var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
1210
-
1211
- // src/runtime/vdom/update-element.ts
1212
- var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
1213
- const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
1214
- const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
1215
- const newVnodeAttrs = newVnode.$attrs$ || {};
1216
- {
1217
- for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
1218
- if (!(memberName in newVnodeAttrs)) {
1219
- setAccessor(
1220
- elm,
1221
- memberName,
1222
- oldVnodeAttrs[memberName],
1223
- void 0,
1224
- isSvgMode2,
1225
- newVnode.$flags$,
1226
- isInitialRender
1227
- );
1228
- }
1229
- }
1230
- }
1231
- for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
1232
- setAccessor(
1233
- elm,
1234
- memberName,
1235
- oldVnodeAttrs[memberName],
1236
- newVnodeAttrs[memberName],
1237
- isSvgMode2,
1238
- newVnode.$flags$,
1239
- isInitialRender
1240
- );
1241
- }
1242
- };
1243
- function sortedAttrNames(attrNames) {
1244
- return attrNames.includes("ref") ? (
1245
- // we need to sort these to ensure that `'ref'` is the last attr
1246
- [...attrNames.filter((attr) => attr !== "ref"), "ref"]
1247
- ) : (
1248
- // no need to sort, return the original array
1249
- attrNames
1250
- );
1251
- }
1252
- var hostTagName;
1253
- var isSvgMode = false;
1254
- var createElm = (oldParentVNode, newParentVNode, childIndex) => {
1255
- const newVNode2 = newParentVNode.$children$[childIndex];
1256
- let i2 = 0;
1257
- let elm;
1258
- let childNode;
1259
- if (newVNode2.$text$ !== null) {
1260
- elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
1261
- } else {
1262
- if (!isSvgMode) {
1263
- isSvgMode = newVNode2.$tag$ === "svg";
1264
- }
1265
- if (!win.document) {
1266
- throw new Error(
1267
- "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
1268
- );
1269
- }
1270
- elm = newVNode2.$elm$ = win.document.createElementNS(
1271
- isSvgMode ? SVG_NS : HTML_NS,
1272
- newVNode2.$tag$
1273
- ) ;
1274
- if (isSvgMode && newVNode2.$tag$ === "foreignObject") {
1275
- isSvgMode = false;
1276
- }
1277
- {
1278
- updateElement(null, newVNode2, isSvgMode);
1279
- }
1280
- if (newVNode2.$children$) {
1281
- for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
1282
- childNode = createElm(oldParentVNode, newVNode2, i2);
1283
- if (childNode) {
1284
- elm.appendChild(childNode);
1285
- }
1286
- }
1287
- }
1288
- {
1289
- if (newVNode2.$tag$ === "svg") {
1290
- isSvgMode = false;
1291
- } else if (elm.tagName === "foreignObject") {
1292
- isSvgMode = true;
1293
- }
1294
- }
1295
- }
1296
- elm["s-hn"] = hostTagName;
1297
- return elm;
1298
- };
1299
- var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
1300
- let containerElm = parentElm;
1301
- let childNode;
1302
- if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
1303
- containerElm = containerElm.shadowRoot;
1304
- }
1305
- for (; startIdx <= endIdx; ++startIdx) {
1306
- if (vnodes[startIdx]) {
1307
- childNode = createElm(null, parentVNode, startIdx);
1308
- if (childNode) {
1309
- vnodes[startIdx].$elm$ = childNode;
1310
- insertBefore(containerElm, childNode, before);
1311
- }
1312
- }
1313
- }
1314
- };
1315
- var removeVnodes = (vnodes, startIdx, endIdx) => {
1316
- for (let index = startIdx; index <= endIdx; ++index) {
1317
- const vnode = vnodes[index];
1318
- if (vnode) {
1319
- const elm = vnode.$elm$;
1320
- nullifyVNodeRefs(vnode);
1321
- if (elm) {
1322
- elm.remove();
1323
- }
1324
- }
1325
- }
1326
- };
1327
- var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
1328
- let oldStartIdx = 0;
1329
- let newStartIdx = 0;
1330
- let idxInOld = 0;
1331
- let i2 = 0;
1332
- let oldEndIdx = oldCh.length - 1;
1333
- let oldStartVnode = oldCh[0];
1334
- let oldEndVnode = oldCh[oldEndIdx];
1335
- let newEndIdx = newCh.length - 1;
1336
- let newStartVnode = newCh[0];
1337
- let newEndVnode = newCh[newEndIdx];
1338
- let node;
1339
- let elmToMove;
1340
- while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
1341
- if (oldStartVnode == null) {
1342
- oldStartVnode = oldCh[++oldStartIdx];
1343
- } else if (oldEndVnode == null) {
1344
- oldEndVnode = oldCh[--oldEndIdx];
1345
- } else if (newStartVnode == null) {
1346
- newStartVnode = newCh[++newStartIdx];
1347
- } else if (newEndVnode == null) {
1348
- newEndVnode = newCh[--newEndIdx];
1349
- } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
1350
- patch(oldStartVnode, newStartVnode, isInitialRender);
1351
- oldStartVnode = oldCh[++oldStartIdx];
1352
- newStartVnode = newCh[++newStartIdx];
1353
- } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
1354
- patch(oldEndVnode, newEndVnode, isInitialRender);
1355
- oldEndVnode = oldCh[--oldEndIdx];
1356
- newEndVnode = newCh[--newEndIdx];
1357
- } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
1358
- patch(oldStartVnode, newEndVnode, isInitialRender);
1359
- insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
1360
- oldStartVnode = oldCh[++oldStartIdx];
1361
- newEndVnode = newCh[--newEndIdx];
1362
- } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
1363
- patch(oldEndVnode, newStartVnode, isInitialRender);
1364
- insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
1365
- oldEndVnode = oldCh[--oldEndIdx];
1366
- newStartVnode = newCh[++newStartIdx];
1367
- } else {
1368
- idxInOld = -1;
1369
- {
1370
- for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
1371
- if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
1372
- idxInOld = i2;
1373
- break;
1374
- }
1375
- }
1376
- }
1377
- if (idxInOld >= 0) {
1378
- elmToMove = oldCh[idxInOld];
1379
- if (elmToMove.$tag$ !== newStartVnode.$tag$) {
1380
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
1381
- } else {
1382
- patch(elmToMove, newStartVnode, isInitialRender);
1383
- oldCh[idxInOld] = void 0;
1384
- node = elmToMove.$elm$;
1385
- }
1386
- newStartVnode = newCh[++newStartIdx];
1387
- } else {
1388
- node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
1389
- newStartVnode = newCh[++newStartIdx];
1390
- }
1391
- if (node) {
1392
- {
1393
- insertBefore(oldStartVnode.$elm$.parentNode, node, oldStartVnode.$elm$);
1394
- }
1395
- }
1396
- }
1397
- }
1398
- if (oldStartIdx > oldEndIdx) {
1399
- addVnodes(
1400
- parentElm,
1401
- newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
1402
- newVNode2,
1403
- newCh,
1404
- newStartIdx,
1405
- newEndIdx
1406
- );
1407
- } else if (newStartIdx > newEndIdx) {
1408
- removeVnodes(oldCh, oldStartIdx, oldEndIdx);
1409
- }
1410
- };
1411
- var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
1412
- if (leftVNode.$tag$ === rightVNode.$tag$) {
1413
- if (!isInitialRender) {
1414
- return leftVNode.$key$ === rightVNode.$key$;
1415
- }
1416
- if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
1417
- leftVNode.$key$ = rightVNode.$key$;
1418
- }
1419
- return true;
1420
- }
1421
- return false;
1422
- };
1423
- var patch = (oldVNode, newVNode2, isInitialRender = false) => {
1424
- const elm = newVNode2.$elm$ = oldVNode.$elm$;
1425
- const oldChildren = oldVNode.$children$;
1426
- const newChildren = newVNode2.$children$;
1427
- const tag = newVNode2.$tag$;
1428
- const text = newVNode2.$text$;
1429
- if (text === null) {
1430
- {
1431
- isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
1432
- }
1433
- {
1434
- updateElement(oldVNode, newVNode2, isSvgMode, isInitialRender);
1435
- }
1436
- if (oldChildren !== null && newChildren !== null) {
1437
- updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
1438
- } else if (newChildren !== null) {
1439
- if (oldVNode.$text$ !== null) {
1440
- elm.textContent = "";
1441
- }
1442
- addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
1443
- } else if (
1444
- // don't do this on initial render as it can cause non-hydrated content to be removed
1445
- !isInitialRender && BUILD.updatable && oldChildren !== null
1446
- ) {
1447
- removeVnodes(oldChildren, 0, oldChildren.length - 1);
1448
- }
1449
- if (isSvgMode && tag === "svg") {
1450
- isSvgMode = false;
1451
- }
1452
- } else if (oldVNode.$text$ !== text) {
1453
- elm.data = text;
1454
- }
1455
- };
1456
- var nullifyVNodeRefs = (vNode) => {
1457
- {
1458
- vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
1459
- vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
1460
- }
1461
- };
1462
- var insertBefore = (parent, newNode, reference) => {
1463
- {
1464
- return parent == null ? void 0 : parent.insertBefore(newNode, reference);
1465
- }
1466
- };
1467
- var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
1468
- const hostElm = hostRef.$hostElement$;
1469
- const cmpMeta = hostRef.$cmpMeta$;
1470
- const oldVNode = hostRef.$vnode$ || newVNode(null, null);
1471
- const isHostElement = isHost(renderFnResults);
1472
- const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
1473
- hostTagName = hostElm.tagName;
1474
- if (cmpMeta.$attrsToReflect$) {
1475
- rootVnode.$attrs$ = rootVnode.$attrs$ || {};
1476
- cmpMeta.$attrsToReflect$.map(
1477
- ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
1478
- );
1479
- }
1480
- if (isInitialLoad && rootVnode.$attrs$) {
1481
- for (const key of Object.keys(rootVnode.$attrs$)) {
1482
- if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
1483
- rootVnode.$attrs$[key] = hostElm[key];
1484
- }
1485
- }
1486
- }
1487
- rootVnode.$tag$ = null;
1488
- rootVnode.$flags$ |= 4 /* isHost */;
1489
- hostRef.$vnode$ = rootVnode;
1490
- rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
1491
- patch(oldVNode, rootVnode, isInitialLoad);
1492
- };
1493
-
1494
- // src/runtime/update-component.ts
1495
- var attachToAncestor = (hostRef, ancestorComponent) => {
1496
- if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
1497
- const index = ancestorComponent["s-p"].push(
1498
- new Promise(
1499
- (r) => hostRef.$onRenderResolve$ = () => {
1500
- ancestorComponent["s-p"].splice(index - 1, 1);
1501
- r();
1502
- }
1503
- )
1504
- );
1505
- }
1506
- };
1507
- var scheduleUpdate = (hostRef, isInitialLoad) => {
1508
- {
1509
- hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
1510
- }
1511
- if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
1512
- hostRef.$flags$ |= 512 /* needsRerender */;
1513
- return;
1514
- }
1515
- attachToAncestor(hostRef, hostRef.$ancestorComponent$);
1516
- const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
1517
- return writeTask(dispatch) ;
1518
- };
1519
- var dispatchHooks = (hostRef, isInitialLoad) => {
1520
- const elm = hostRef.$hostElement$;
1521
- const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
1522
- const instance = elm;
1523
- if (!instance) {
1524
- throw new Error(
1525
- `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
1526
- );
1527
- }
1528
- let maybePromise;
1529
- if (isInitialLoad) {
1530
- maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
1531
- } else {
1532
- maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
1533
- }
1534
- maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
1535
- endSchedule();
1536
- return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
1537
- };
1538
- var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
1539
- console.error(err2);
1540
- fn();
1541
- }) : fn();
1542
- var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
1543
- var updateComponent = async (hostRef, instance, isInitialLoad) => {
1544
- var _a;
1545
- const elm = hostRef.$hostElement$;
1546
- const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
1547
- const rc = elm["s-rc"];
1548
- if (isInitialLoad) {
1549
- attachStyles(hostRef);
1550
- }
1551
- const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
1552
- {
1553
- callRender(hostRef, instance, elm, isInitialLoad);
1554
- }
1555
- if (rc) {
1556
- rc.map((cb) => cb());
1557
- elm["s-rc"] = void 0;
1558
- }
1559
- endRender();
1560
- endUpdate();
1561
- {
1562
- const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
1563
- const postUpdate = () => postUpdateComponent(hostRef);
1564
- if (childrenPromises.length === 0) {
1565
- postUpdate();
1566
- } else {
1567
- Promise.all(childrenPromises).then(postUpdate);
1568
- hostRef.$flags$ |= 4 /* isWaitingForChildren */;
1569
- childrenPromises.length = 0;
1570
- }
1571
- }
1572
- };
1573
- var callRender = (hostRef, instance, elm, isInitialLoad) => {
1574
- try {
1575
- instance = instance.render() ;
1576
- {
1577
- hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
1578
- }
1579
- {
1580
- hostRef.$flags$ |= 2 /* hasRendered */;
1581
- }
1582
- {
1583
- {
1584
- {
1585
- renderVdom(hostRef, instance, isInitialLoad);
1586
- }
1587
- }
1588
- }
1589
- } catch (e) {
1590
- consoleError(e, hostRef.$hostElement$);
1591
- }
1592
- return null;
1593
- };
1594
- var postUpdateComponent = (hostRef) => {
1595
- const tagName = hostRef.$cmpMeta$.$tagName$;
1596
- const elm = hostRef.$hostElement$;
1597
- const endPostUpdate = createTime("postUpdate", tagName);
1598
- const instance = elm;
1599
- const ancestorComponent = hostRef.$ancestorComponent$;
1600
- safeCall(instance, "componentDidRender", void 0, elm);
1601
- if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
1602
- hostRef.$flags$ |= 64 /* hasLoadedComponent */;
1603
- {
1604
- addHydratedFlag(elm);
1605
- }
1606
- safeCall(instance, "componentDidLoad", void 0, elm);
1607
- endPostUpdate();
1608
- {
1609
- hostRef.$onReadyResolve$(elm);
1610
- if (!ancestorComponent) {
1611
- appDidLoad();
1612
- }
1613
- }
1614
- } else {
1615
- safeCall(instance, "componentDidUpdate", void 0, elm);
1616
- endPostUpdate();
1617
- }
1618
- {
1619
- if (hostRef.$onRenderResolve$) {
1620
- hostRef.$onRenderResolve$();
1621
- hostRef.$onRenderResolve$ = void 0;
1622
- }
1623
- if (hostRef.$flags$ & 512 /* needsRerender */) {
1624
- nextTick(() => scheduleUpdate(hostRef, false));
1625
- }
1626
- hostRef.$flags$ &= -517;
1627
- }
1628
- };
1629
- var forceUpdate = (ref) => {
1630
- {
1631
- const hostRef = getHostRef(ref);
1632
- const isConnected = hostRef.$hostElement$.isConnected;
1633
- if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
1634
- scheduleUpdate(hostRef, false);
1635
- }
1636
- return isConnected;
1637
- }
1638
- };
1639
- var appDidLoad = (who) => {
1640
- nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
1641
- };
1642
- var safeCall = (instance, method, arg, elm) => {
1643
- if (instance && instance[method]) {
1644
- try {
1645
- return instance[method](arg);
1646
- } catch (e) {
1647
- consoleError(e, elm);
1648
- }
1649
- }
1650
- return void 0;
1651
- };
1652
- var addHydratedFlag = (elm) => {
1653
- var _a;
1654
- return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
1655
- };
1656
-
1657
- // src/runtime/set-value.ts
1658
- var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
1659
- var setValue = (ref, propName, newVal, cmpMeta) => {
1660
- const hostRef = getHostRef(ref);
1661
- const elm = ref;
1662
- const oldVal = hostRef.$instanceValues$.get(propName);
1663
- const flags = hostRef.$flags$;
1664
- const instance = elm;
1665
- newVal = parsePropertyValue(
1666
- newVal,
1667
- cmpMeta.$members$[propName][0],
1668
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1669
- );
1670
- const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
1671
- const didValueChange = newVal !== oldVal && !areBothNaN;
1672
- if (didValueChange) {
1673
- hostRef.$instanceValues$.set(propName, newVal);
1674
- {
1675
- if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
1676
- const watchMethods = cmpMeta.$watchers$[propName];
1677
- if (watchMethods) {
1678
- watchMethods.map((watchMethodName) => {
1679
- try {
1680
- instance[watchMethodName](newVal, oldVal, propName);
1681
- } catch (e) {
1682
- consoleError(e, elm);
1683
- }
1684
- });
1685
- }
1686
- }
1687
- if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
1688
- if (instance.componentShouldUpdate) {
1689
- if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
1690
- return;
1691
- }
1692
- }
1693
- scheduleUpdate(hostRef, false);
1694
- }
1695
- }
1696
- }
1697
- };
1698
-
1699
- // src/runtime/proxy-component.ts
1700
- var proxyComponent = (Cstr, cmpMeta, flags) => {
1701
- var _a, _b;
1702
- const prototype = Cstr.prototype;
1703
- if (cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
1704
- FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
1705
- const originalFormAssociatedCallback = prototype[cbName];
1706
- Object.defineProperty(prototype, cbName, {
1707
- value(...args) {
1708
- const hostRef = getHostRef(this);
1709
- const instance = this;
1710
- if (!instance) {
1711
- hostRef.$onReadyPromise$.then((asyncInstance) => {
1712
- const cb = asyncInstance[cbName];
1713
- typeof cb === "function" && cb.call(asyncInstance, ...args);
1714
- });
1715
- } else {
1716
- const cb = originalFormAssociatedCallback;
1717
- typeof cb === "function" && cb.call(instance, ...args);
1718
- }
1719
- }
1720
- });
1721
- });
1722
- }
1723
- if (cmpMeta.$members$ || (cmpMeta.$watchers$ || Cstr.watchers)) {
1724
- if (Cstr.watchers && !cmpMeta.$watchers$) {
1725
- cmpMeta.$watchers$ = Cstr.watchers;
1726
- }
1727
- const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
1728
- members.map(([memberName, [memberFlags]]) => {
1729
- if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
1730
- const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
1731
- if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
1732
- if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
1733
- {
1734
- Object.defineProperty(prototype, memberName, {
1735
- get() {
1736
- {
1737
- return origGetter ? origGetter.apply(this) : getValue(this, memberName);
1738
- }
1739
- },
1740
- configurable: true,
1741
- enumerable: true
1742
- });
1743
- }
1744
- Object.defineProperty(prototype, memberName, {
1745
- set(newValue) {
1746
- const ref = getHostRef(this);
1747
- if (origSetter) {
1748
- const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1749
- if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
1750
- newValue = ref.$instanceValues$.get(memberName);
1751
- } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
1752
- ref.$instanceValues$.set(memberName, currentValue);
1753
- }
1754
- origSetter.apply(this, [
1755
- parsePropertyValue(
1756
- newValue,
1757
- memberFlags,
1758
- !!(cmpMeta.$flags$ & 64 /* formAssociated */)
1759
- )
1760
- ]);
1761
- newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
1762
- setValue(this, memberName, newValue, cmpMeta);
1763
- return;
1764
- }
1765
- {
1766
- setValue(this, memberName, newValue, cmpMeta);
1767
- return;
1768
- }
1769
- }
1770
- });
1771
- }
1772
- });
1773
- {
1774
- const attrNameToPropName = /* @__PURE__ */ new Map();
1775
- prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
1776
- plt.jmp(() => {
1777
- var _a2;
1778
- const propName = attrNameToPropName.get(attrName);
1779
- if (this.hasOwnProperty(propName) && BUILD.lazyLoad) ; else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
1780
- this[propName] == newValue) {
1781
- return;
1782
- } else if (propName == null) {
1783
- const hostRef = getHostRef(this);
1784
- const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
1785
- if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
1786
- const elm = this;
1787
- const instance = elm;
1788
- const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
1789
- entry == null ? void 0 : entry.forEach((callbackName) => {
1790
- if (instance[callbackName] != null) {
1791
- instance[callbackName].call(instance, newValue, oldValue, attrName);
1792
- }
1793
- });
1794
- }
1795
- return;
1796
- }
1797
- const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
1798
- newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
1799
- if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
1800
- this[propName] = newValue;
1801
- }
1802
- });
1803
- };
1804
- Cstr.observedAttributes = Array.from(
1805
- /* @__PURE__ */ new Set([
1806
- ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
1807
- ...members.filter(([_, m]) => m[0] & 15 /* HasAttribute */).map(([propName, m]) => {
1808
- var _a2;
1809
- const attrName = m[1] || propName;
1810
- attrNameToPropName.set(attrName, propName);
1811
- if (m[0] & 512 /* ReflectAttr */) {
1812
- (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
1813
- }
1814
- return attrName;
1815
- })
1816
- ])
1817
- );
1818
- }
1819
- }
1820
- return Cstr;
1821
- };
1822
-
1823
- // src/runtime/initialize-component.ts
1824
- var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
1825
- let Cstr;
1826
- if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
1827
- hostRef.$flags$ |= 32 /* hasInitializedComponent */;
1828
- {
1829
- Cstr = elm.constructor;
1830
- const cmpTag = elm.localName;
1831
- customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
1832
- }
1833
- if (Cstr && Cstr.style) {
1834
- let style;
1835
- if (typeof Cstr.style === "string") {
1836
- style = Cstr.style;
1837
- }
1838
- const scopeId2 = getScopeId(cmpMeta);
1839
- if (!styles.has(scopeId2)) {
1840
- const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
1841
- registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
1842
- endRegisterStyles();
1843
- }
1844
- }
1845
- }
1846
- const ancestorComponent = hostRef.$ancestorComponent$;
1847
- const schedule = () => scheduleUpdate(hostRef, true);
1848
- if (ancestorComponent && ancestorComponent["s-rc"]) {
1849
- ancestorComponent["s-rc"].push(schedule);
1850
- } else {
1851
- schedule();
1852
- }
1853
- };
1854
- var fireConnectedCallback = (instance, elm) => {
1855
- };
1856
-
1857
- // src/runtime/connected-callback.ts
1858
- var connectedCallback = (elm) => {
1859
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1860
- const hostRef = getHostRef(elm);
1861
- const cmpMeta = hostRef.$cmpMeta$;
1862
- const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
1863
- if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
1864
- hostRef.$flags$ |= 1 /* hasConnected */;
1865
- let hostId;
1866
- {
1867
- hostId = elm.getAttribute(HYDRATE_ID);
1868
- if (hostId) {
1869
- if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
1870
- const scopeId2 = addStyle(elm.shadowRoot, cmpMeta);
1871
- elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
1872
- }
1873
- initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
1874
- }
1875
- }
1876
- {
1877
- let ancestorComponent = elm;
1878
- while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
1879
- if (ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
1880
- attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
1881
- break;
1882
- }
1883
- }
1884
- }
1885
- if (cmpMeta.$members$) {
1886
- Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
1887
- if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
1888
- const value = elm[memberName];
1889
- delete elm[memberName];
1890
- elm[memberName] = value;
1891
- }
1892
- });
1893
- }
1894
- if (BUILD.initializeNextTick) {
1895
- nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
1896
- } else {
1897
- initializeComponent(elm, hostRef, cmpMeta);
1898
- }
1899
- } else {
1900
- addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
1901
- if (hostRef == null ? void 0 : hostRef.$lazyInstance$) ; else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
1902
- hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
1903
- }
1904
- }
1905
- endConnected();
1906
- }
1907
- };
1908
- var disconnectedCallback = async (elm) => {
1909
- if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
1910
- const hostRef = getHostRef(elm);
1911
- {
1912
- if (hostRef.$rmListeners$) {
1913
- hostRef.$rmListeners$.map((rmListener) => rmListener());
1914
- hostRef.$rmListeners$ = void 0;
1915
- }
1916
- }
1917
- }
1918
- if (rootAppliedStyles.has(elm)) {
1919
- rootAppliedStyles.delete(elm);
1920
- }
1921
- if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
1922
- rootAppliedStyles.delete(elm.shadowRoot);
1923
- }
1924
- };
1925
- var proxyCustomElement = (Cstr, compactMeta) => {
1926
- const cmpMeta = {
1927
- $flags$: compactMeta[0],
1928
- $tagName$: compactMeta[1]
1929
- };
1930
- {
1931
- cmpMeta.$members$ = compactMeta[2];
1932
- }
1933
- {
1934
- cmpMeta.$listeners$ = compactMeta[3];
1935
- }
1936
- {
1937
- cmpMeta.$watchers$ = Cstr.$watchers$;
1938
- }
1939
- {
1940
- cmpMeta.$attrsToReflect$ = [];
1941
- }
1942
- {
1943
- hydrateScopedToShadow();
1944
- }
1945
- const originalConnectedCallback = Cstr.prototype.connectedCallback;
1946
- const originalDisconnectedCallback = Cstr.prototype.disconnectedCallback;
1947
- Object.assign(Cstr.prototype, {
1948
- __hasHostListenerAttached: false,
1949
- __registerHost() {
1950
- registerHost(this, cmpMeta);
1951
- },
1952
- connectedCallback() {
1953
- if (!this.__hasHostListenerAttached) {
1954
- const hostRef = getHostRef(this);
1955
- addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
1956
- this.__hasHostListenerAttached = true;
1957
- }
1958
- connectedCallback(this);
1959
- if (originalConnectedCallback) {
1960
- originalConnectedCallback.call(this);
1961
- }
1962
- },
1963
- disconnectedCallback() {
1964
- disconnectedCallback(this);
1965
- if (originalDisconnectedCallback) {
1966
- originalDisconnectedCallback.call(this);
1967
- }
1968
- },
1969
- __attachShadow() {
1970
- {
1971
- if (!this.shadowRoot) {
1972
- createShadowRoot.call(this, cmpMeta);
1973
- } else {
1974
- if (this.shadowRoot.mode !== "open") {
1975
- throw new Error(
1976
- `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`
1977
- );
1978
- }
1979
- }
1980
- }
1981
- }
1982
- });
1983
- Cstr.is = cmpMeta.$tagName$;
1984
- return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
1985
- };
1986
-
1987
- // src/runtime/fragment.ts
1988
- var Fragment = (_, children) => children;
1989
- var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
1990
- if (listeners && win.document) {
1991
- listeners.map(([flags, name, method]) => {
1992
- const target = getHostListenerTarget(win.document, elm, flags) ;
1993
- const handler = hostListenerProxy(hostRef, method);
1994
- const opts = hostListenerOpts(flags);
1995
- plt.ael(target, name, handler, opts);
1996
- (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
1997
- });
1998
- }
1999
- };
2000
- var hostListenerProxy = (hostRef, methodName) => (ev) => {
2001
- try {
2002
- {
2003
- hostRef.$hostElement$[methodName](ev);
2004
- }
2005
- } catch (e) {
2006
- consoleError(e, hostRef.$hostElement$);
2007
- }
2008
- };
2009
- var getHostListenerTarget = (doc, elm, flags) => {
2010
- if (flags & 8 /* TargetWindow */) {
2011
- return win;
2012
- }
2013
- return elm;
2014
- };
2015
- var hostListenerOpts = (flags) => supportsListenerOptions ? {
2016
- passive: (flags & 1 /* Passive */) !== 0,
2017
- capture: (flags & 2 /* Capture */) !== 0
2018
- } : (flags & 2 /* Capture */) !== 0;
2019
-
2020
- // src/runtime/nonce.ts
2021
- var setNonce = (nonce) => plt.$nonce$ = nonce;
2022
-
2023
- // src/runtime/platform-options.ts
2024
- var setPlatformOptions = (opts) => Object.assign(plt, opts);
2025
-
2026
- // src/runtime/render.ts
2027
- function render(vnode, container) {
2028
- const cmpMeta = {
2029
- $flags$: 0,
2030
- $tagName$: container.tagName
2031
- };
2032
- const ref = {
2033
- $cmpMeta$: cmpMeta,
2034
- $hostElement$: container
2035
- };
2036
- renderVdom(ref, vnode);
2037
- }
2038
-
2039
- export { Fragment as F, H, setAssetPath as a, setNonce as b, setPlatformOptions as c, Host as d, createEvent as e, forceUpdate as f, getAssetPath as g, h, readTask as i, getElement as j, proxyCustomElement as p, render as r, setPlatformHelpers as s };
2040
- //# sourceMappingURL=p-DzKDFBWC.js.map
2041
-
2042
- //# sourceMappingURL=p-DzKDFBWC.js.map