@siemens/ix 5.0.0 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (841) hide show
  1. package/READMEOSS.html +10 -10
  2. package/components/index.js +1 -1
  3. package/components/ix-action-card.js +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +1 -1
  6. package/components/ix-application.js +1 -1
  7. package/components/ix-avatar.js +1 -1
  8. package/components/ix-blind.js +1 -1
  9. package/components/ix-breadcrumb-item.js +1 -1
  10. package/components/ix-breadcrumb.js +1 -1
  11. package/components/ix-button.js +1 -1
  12. package/components/ix-card-accordion.js +1 -1
  13. package/components/ix-card-content.js +1 -1
  14. package/components/ix-card-list.js +1 -1
  15. package/components/ix-card-title.js +1 -1
  16. package/components/ix-card.js +1 -1
  17. package/components/ix-category-filter.js +1 -1
  18. package/components/ix-checkbox-group.js +1 -1
  19. package/components/ix-checkbox.js +1 -1
  20. package/components/ix-chip.js +1 -1
  21. package/components/ix-col.js +1 -1
  22. package/components/ix-content-header.js +1 -1
  23. package/components/ix-content.js +1 -1
  24. package/components/ix-css-grid-item.js +1 -1
  25. package/components/ix-css-grid.js +1 -1
  26. package/components/ix-custom-field.js +1 -1
  27. package/components/ix-date-dropdown.js +1 -1
  28. package/components/ix-date-input.js +1 -1
  29. package/components/ix-date-picker.js +1 -1
  30. package/components/ix-date-time-card.js +1 -1
  31. package/components/ix-datetime-input.js +1 -1
  32. package/components/ix-datetime-picker.js +1 -1
  33. package/components/ix-divider.js +1 -1
  34. package/components/ix-dropdown-button.js +1 -1
  35. package/components/ix-dropdown-header.js +1 -1
  36. package/components/ix-dropdown-item.js +1 -1
  37. package/components/ix-dropdown-quick-actions.js +1 -1
  38. package/components/ix-dropdown.js +1 -1
  39. package/components/ix-empty-state.js +1 -1
  40. package/components/ix-event-list-item.js +1 -1
  41. package/components/ix-event-list.js +1 -1
  42. package/components/ix-expanding-search.js +1 -1
  43. package/components/ix-field-label.js +1 -1
  44. package/components/ix-field-wrapper.js +1 -1
  45. package/components/ix-filter-chip.js +1 -1
  46. package/components/ix-flip-tile-content.js +1 -1
  47. package/components/ix-flip-tile.js +1 -1
  48. package/components/ix-group-context-menu.js +1 -1
  49. package/components/ix-group-item.js +1 -1
  50. package/components/ix-group.js +1 -1
  51. package/components/ix-helper-text.js +1 -1
  52. package/components/ix-icon-button.js +1 -1
  53. package/components/ix-icon-toggle-button.js +1 -1
  54. package/components/ix-input.js +1 -1
  55. package/components/ix-key-value-list.js +1 -1
  56. package/components/ix-key-value.js +1 -1
  57. package/components/ix-kpi.js +1 -1
  58. package/components/ix-layout-auto.js +1 -1
  59. package/components/ix-layout-grid.js +1 -1
  60. package/components/ix-link-button.js +1 -1
  61. package/components/ix-menu-about-item.js +1 -1
  62. package/components/ix-menu-about-news.js +1 -1
  63. package/components/ix-menu-about.js +1 -1
  64. package/components/ix-menu-avatar-item.js +1 -1
  65. package/components/ix-menu-avatar.js +1 -1
  66. package/components/ix-menu-category.js +1 -1
  67. package/components/ix-menu-expand-icon.js +1 -1
  68. package/components/ix-menu-item.js +1 -1
  69. package/components/ix-menu-settings-item.js +1 -1
  70. package/components/ix-menu-settings.js +1 -1
  71. package/components/ix-menu.js +1 -1
  72. package/components/ix-message-bar.js +1 -1
  73. package/components/ix-modal-content.js +1 -1
  74. package/components/ix-modal-footer.js +1 -1
  75. package/components/ix-modal-header.js +1 -1
  76. package/components/ix-modal-loading.js +1 -1
  77. package/components/ix-modal.js +1 -1
  78. package/components/ix-number-input.js +1 -1
  79. package/components/ix-pagination.js +1 -1
  80. package/components/ix-pane-layout.js +1 -1
  81. package/components/ix-pane.js +1 -1
  82. package/components/ix-pill.js +1 -1
  83. package/components/ix-popover-content.d.ts +11 -0
  84. package/components/ix-popover-content.js +1 -0
  85. package/components/ix-popover-footer.d.ts +11 -0
  86. package/components/ix-popover-footer.js +1 -0
  87. package/components/ix-popover-header.d.ts +11 -0
  88. package/components/ix-popover-header.js +1 -0
  89. package/components/ix-popover-image.d.ts +11 -0
  90. package/components/ix-popover-image.js +1 -0
  91. package/components/ix-popover.d.ts +11 -0
  92. package/components/ix-popover.js +1 -0
  93. package/components/ix-progress-indicator.js +1 -1
  94. package/components/ix-push-card.js +1 -1
  95. package/components/ix-radio-group.js +1 -1
  96. package/components/ix-radio.js +1 -1
  97. package/components/ix-range-field.js +1 -1
  98. package/components/ix-row.js +1 -1
  99. package/components/ix-select-item.js +1 -1
  100. package/components/ix-select.js +1 -1
  101. package/components/ix-slider.js +1 -1
  102. package/components/ix-spinner.js +1 -1
  103. package/components/ix-split-button.js +1 -1
  104. package/components/ix-tab-item.js +1 -1
  105. package/components/ix-tab-panel.js +1 -1
  106. package/components/ix-tab-set.js +1 -1
  107. package/components/ix-tabs.js +1 -1
  108. package/components/ix-textarea.js +1 -1
  109. package/components/ix-tile.js +1 -1
  110. package/components/ix-time-input.js +1 -1
  111. package/components/ix-time-picker.js +1 -1
  112. package/components/ix-toast-container.js +1 -1
  113. package/components/ix-toast.js +1 -1
  114. package/components/ix-toggle-button.js +1 -1
  115. package/components/ix-toggle.js +1 -1
  116. package/components/ix-tooltip.js +1 -1
  117. package/components/ix-tree-item.js +1 -1
  118. package/components/ix-tree.js +1 -1
  119. package/components/ix-typography.js +1 -1
  120. package/components/ix-upload.js +1 -1
  121. package/components/ix-workflow-step.js +1 -1
  122. package/components/ix-workflow-steps.js +1 -1
  123. package/{dist/siemens-ix/p-c350c5d0.entry.js → components/p-3VG6z9c3.js} +1 -1
  124. package/components/p-5ntkLbuJ.js +1 -0
  125. package/components/p-7HGOhDMX.js +1 -0
  126. package/components/p-B-O0ylt_.js +1 -0
  127. package/components/p-BBCsPlPH.js +1 -0
  128. package/components/p-BDlGgfYh.js +1 -0
  129. package/components/{p-BP8g-yqY.js → p-BNAvpXSk.js} +1 -1
  130. package/components/{p-BE4QI9tD.js → p-BST8QY5w.js} +1 -1
  131. package/components/{p-B4Yxzuow.js → p-BWH03B1n.js} +1 -1
  132. package/components/{p-C-wf4kbs.js → p-BWknDysp.js} +1 -1
  133. package/components/p-BbW5EIKF.js +1 -0
  134. package/components/p-BbwShqw_.js +1 -0
  135. package/components/p-BtSt9tC5.js +1 -0
  136. package/components/p-BuBQiemL.js +1 -0
  137. package/components/{p-DQql_9wo.js → p-BzFLbXmT.js} +1 -1
  138. package/components/{p-CcllZcv2.js → p-C-sZLWci.js} +1 -1
  139. package/components/{p-CVmLf9WY.js → p-C0WZnIxc.js} +1 -1
  140. package/components/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
  141. package/components/p-C2jvmCOl.js +1 -0
  142. package/components/p-C5UTTqsv.js +1 -0
  143. package/components/{p-BwC_Hmai.js → p-CAH3dF6j.js} +1 -1
  144. package/{dist/siemens-ix/p-Dl_bUxb7.js → components/p-CApDAYIa.js} +1 -1
  145. package/components/{p-B1q6Xh9M.js → p-CDf5TQum.js} +1 -1
  146. package/components/p-CG9cQxRO.js +1 -0
  147. package/components/p-CGHbrmJg.js +1 -0
  148. package/components/{p-BcxPyyrm.js → p-CIA8i4dm.js} +1 -1
  149. package/components/{p-DUkuP1OH.js → p-CJoOEoc-.js} +1 -1
  150. package/components/p-CMtwWb3-.js +1 -0
  151. package/components/p-CNLoALIl.js +1 -0
  152. package/components/p-CT5pAQCz.js +1 -0
  153. package/components/{p-DN2Mr91y.js → p-CTbTAb9U.js} +1 -1
  154. package/components/p-CpOGS2e_.js +1 -0
  155. package/components/{p-uIG84RqI.js → p-CrDBjFhu.js} +1 -1
  156. package/components/{p-JevOq-9X.js → p-CrLxhwo2.js} +1 -1
  157. package/components/{p-CsP_r-y6.js → p-CuFZ7CXu.js} +1 -1
  158. package/components/{p-CJ3dR7zd.js → p-Cy2KAdml.js} +1 -1
  159. package/components/{p-DSpVcflZ.js → p-Czy7a3I4.js} +1 -1
  160. package/components/p-DDvuSQX3.js +1 -0
  161. package/components/{p-DdMuwGlF.js → p-DHydRnvu.js} +1 -1
  162. package/components/{p-546lBshK.js → p-DKH7tPDu.js} +1 -1
  163. package/components/{p-qsIASuyM.js → p-DM7ma3Eh.js} +1 -1
  164. package/components/p-DT02jDB7.js +1 -0
  165. package/components/p-Dfd_ifAu.js +1 -0
  166. package/components/{p-MZOpritx.js → p-DhWkcMmR.js} +1 -1
  167. package/components/p-DiLKm3tq.js +1 -0
  168. package/components/{p-Cf71L4Ol.js → p-DtOqKp7K.js} +1 -1
  169. package/components/p-DtmgZu-S.js +1 -0
  170. package/components/p-Dw_A3HUC.js +1 -0
  171. package/components/{p-By6x--zJ.js → p-Dwe6tWhq.js} +1 -1
  172. package/components/p-DziPiOL3.js +1 -0
  173. package/components/{p-DfnCSsMy.js → p-GGleop6j.js} +1 -1
  174. package/components/p-GmOVROeD.js +1 -0
  175. package/components/{p-W0q0WVKl.js → p-ImMb0joA.js} +1 -1
  176. package/components/p-Wr4Qf8LA.js +1 -0
  177. package/components/{p-DTcUamMt.js → p-aUZgVnx5.js} +1 -1
  178. package/components/{p-zs7a2E3b.js → p-wFiL3dN1.js} +1 -1
  179. package/components/{p-_Uc7YwjU.js → p-zqHenwXl.js} +1 -1
  180. package/components/{p-CuswfnZ5.js → p-zyYHTdEN.js} +1 -1
  181. package/dist/cjs/{a11y-C_6YiIMa.js → a11y-_XjpTo2w.js} +10 -0
  182. package/dist/cjs/{base-button-C-1izOSS.js → base-button-BP6iIMR7.js} +3 -3
  183. package/dist/cjs/{base-icon-button-BeXf6v9s.js → base-icon-button-BmiGQb9v.js} +2 -2
  184. package/dist/cjs/{component-CYtonfpw.js → component-DgA9FH-W.js} +2 -2
  185. package/dist/cjs/dropdown-controller-kBwdbfGD.js +99 -0
  186. package/dist/cjs/{focus-proxy-BCuVbpDb.js → focus-proxy-CjxFZupW.js} +6 -5
  187. package/dist/cjs/focus-trap-Be3N4ytz.js +310 -0
  188. package/dist/cjs/{focus-utilities-yx7wWjEO.js → focus-utilities-5SZMxJg4.js} +65 -23
  189. package/dist/cjs/{focus-visible.mixin-BU5Ql7d1.js → focus-visible.mixin-1V7Eldn_.js} +2 -2
  190. package/dist/cjs/{helper-text-util-CvfY1JxE.js → helper-text-util-BkHm7ofh.js} +3 -3
  191. package/dist/cjs/{index-Dw-NwUuT.js → index-CwJ-mkQd.js} +2 -2
  192. package/dist/cjs/{index-BKQkUbyE.js → index-DnclGKUw.js} +21 -1
  193. package/dist/cjs/index.cjs.js +2 -2
  194. package/dist/cjs/{inherit-aria-attributes.mixin-Sl7J-OlO.js → inherit-aria-attributes.mixin-EyRU0cDO.js} +2 -2
  195. package/dist/cjs/{input-picker.mixin-EoIayQV9.js → input-picker.mixin-Cf82jV-C.js} +2 -2
  196. package/dist/cjs/{input.fc-CsACCdp7.js → input.fc-DM-hX3xb.js} +3 -3
  197. package/dist/cjs/ix-action-card.cjs.entry.js +5 -4
  198. package/dist/cjs/ix-application-header.cjs.entry.js +14 -14
  199. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +5 -5
  200. package/dist/cjs/ix-application.cjs.entry.js +28 -13
  201. package/dist/cjs/ix-avatar_2.cjs.entry.js +9 -9
  202. package/dist/cjs/ix-blind.cjs.entry.js +9 -9
  203. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +10 -10
  204. package/dist/cjs/ix-breadcrumb.cjs.entry.js +8 -8
  205. package/dist/cjs/ix-button.cjs.entry.js +8 -8
  206. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -7
  207. package/dist/cjs/ix-card-list.cjs.entry.js +8 -8
  208. package/dist/cjs/ix-card_2.cjs.entry.js +4 -4
  209. package/dist/cjs/ix-category-filter.cjs.entry.js +8 -8
  210. package/dist/cjs/ix-checkbox-group.cjs.entry.js +4 -4
  211. package/dist/cjs/ix-checkbox.cjs.entry.js +20 -7
  212. package/dist/cjs/ix-chip.cjs.entry.js +11 -11
  213. package/dist/cjs/ix-col_4.cjs.entry.js +21 -23
  214. package/dist/cjs/ix-content-header.cjs.entry.js +5 -5
  215. package/dist/cjs/ix-content.cjs.entry.js +6 -6
  216. package/dist/cjs/ix-css-grid-item.cjs.entry.js +2 -2
  217. package/dist/cjs/ix-css-grid.cjs.entry.js +2 -2
  218. package/dist/cjs/ix-custom-field.cjs.entry.js +3 -3
  219. package/dist/cjs/ix-date-dropdown.cjs.entry.js +14 -14
  220. package/dist/cjs/ix-date-input.cjs.entry.js +15 -14
  221. package/dist/cjs/ix-date-picker.cjs.entry.js +13 -13
  222. package/dist/cjs/ix-date-time-card.cjs.entry.js +3 -3
  223. package/dist/cjs/ix-datetime-input.cjs.entry.js +14 -13
  224. package/dist/cjs/ix-datetime-picker.cjs.entry.js +6 -6
  225. package/dist/cjs/ix-divider.cjs.entry.js +2 -2
  226. package/dist/cjs/ix-dropdown-button.cjs.entry.js +11 -11
  227. package/dist/cjs/ix-dropdown-header.cjs.entry.js +2 -2
  228. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +2 -2
  229. package/dist/cjs/ix-dropdown_2.cjs.entry.js +14 -13
  230. package/dist/cjs/ix-empty-state.cjs.entry.js +2 -2
  231. package/dist/cjs/ix-event-list-item.cjs.entry.js +7 -7
  232. package/dist/cjs/ix-event-list.cjs.entry.js +3 -3
  233. package/dist/cjs/ix-expanding-search.cjs.entry.js +6 -6
  234. package/dist/cjs/ix-field-label_2.cjs.entry.js +12 -12
  235. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +30 -13
  236. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +2 -2
  237. package/dist/cjs/ix-flip-tile.cjs.entry.js +6 -6
  238. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +4 -4
  239. package/dist/cjs/ix-group.cjs.entry.js +11 -11
  240. package/dist/cjs/ix-helper-text.cjs.entry.js +6 -6
  241. package/dist/cjs/ix-icon-button_2.cjs.entry.js +12 -12
  242. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +11 -11
  243. package/dist/cjs/ix-input.cjs.entry.js +11 -13
  244. package/dist/cjs/ix-key-value-list.cjs.entry.js +2 -2
  245. package/dist/cjs/ix-key-value.cjs.entry.js +2 -2
  246. package/dist/cjs/ix-kpi.cjs.entry.js +5 -5
  247. package/dist/cjs/ix-layout-auto.cjs.entry.js +2 -2
  248. package/dist/cjs/ix-link-button.cjs.entry.js +5 -5
  249. package/dist/cjs/ix-menu-about-item.cjs.entry.js +3 -3
  250. package/dist/cjs/ix-menu-about-news.cjs.entry.js +9 -9
  251. package/dist/cjs/ix-menu-about.cjs.entry.js +4 -4
  252. package/dist/cjs/ix-menu-avatar.cjs.entry.js +6 -6
  253. package/dist/cjs/ix-menu-category.cjs.entry.js +255 -38
  254. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +8 -8
  255. package/dist/cjs/ix-menu-item.cjs.entry.js +221 -32
  256. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +3 -3
  257. package/dist/cjs/ix-menu-settings.cjs.entry.js +4 -4
  258. package/dist/cjs/ix-menu.cjs.entry.js +195 -18
  259. package/dist/cjs/ix-message-bar.cjs.entry.js +3 -3
  260. package/dist/cjs/ix-modal-content_2.cjs.entry.js +6 -6
  261. package/dist/cjs/ix-modal-footer.cjs.entry.js +2 -2
  262. package/dist/cjs/ix-modal-loading.cjs.entry.js +2 -2
  263. package/dist/cjs/ix-modal.cjs.entry.js +6 -6
  264. package/dist/cjs/ix-number-input.cjs.entry.js +10 -10
  265. package/dist/cjs/ix-pagination.cjs.entry.js +7 -7
  266. package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -2
  267. package/dist/cjs/ix-pane.cjs.entry.js +102 -25
  268. package/dist/cjs/ix-pill_4.cjs.entry.js +23 -23
  269. package/dist/cjs/ix-popover-content.cjs.entry.js +26 -0
  270. package/dist/cjs/ix-popover-footer.cjs.entry.js +26 -0
  271. package/dist/cjs/ix-popover-header.cjs.entry.js +70 -0
  272. package/dist/cjs/ix-popover-image.cjs.entry.js +33 -0
  273. package/dist/cjs/ix-popover.cjs.entry.js +996 -0
  274. package/dist/cjs/ix-progress-indicator.cjs.entry.js +5 -5
  275. package/dist/cjs/ix-push-card.cjs.entry.js +2 -2
  276. package/dist/cjs/ix-radio-group.cjs.entry.js +4 -4
  277. package/dist/cjs/ix-radio.cjs.entry.js +6 -6
  278. package/dist/cjs/ix-range-field.cjs.entry.js +7 -7
  279. package/dist/cjs/ix-select.cjs.entry.js +394 -24
  280. package/dist/cjs/ix-slider.cjs.entry.js +10 -10
  281. package/dist/cjs/ix-split-button.cjs.entry.js +7 -7
  282. package/dist/cjs/ix-tab-panel.cjs.entry.js +5 -5
  283. package/dist/cjs/ix-textarea.cjs.entry.js +6 -6
  284. package/dist/cjs/ix-tile.cjs.entry.js +5 -5
  285. package/dist/cjs/ix-time-input.cjs.entry.js +15 -14
  286. package/dist/cjs/ix-toast-container.cjs.entry.js +3 -3
  287. package/dist/cjs/ix-toast.cjs.entry.js +4 -4
  288. package/dist/cjs/ix-toggle-button.cjs.entry.js +8 -8
  289. package/dist/cjs/ix-toggle.cjs.entry.js +10 -10
  290. package/dist/cjs/ix-tooltip.cjs.entry.js +12 -3
  291. package/dist/cjs/ix-tree-item.cjs.entry.js +6 -6
  292. package/dist/cjs/ix-tree.cjs.entry.js +4 -3
  293. package/dist/cjs/ix-typography.cjs.entry.js +2 -2
  294. package/dist/cjs/ix-upload.cjs.entry.js +6 -6
  295. package/dist/cjs/ix-workflow-step.cjs.entry.js +5 -5
  296. package/dist/cjs/ix-workflow-steps.cjs.entry.js +2 -2
  297. package/dist/cjs/{listener-BafrcTaM.js → listener-ClEsCfX0.js} +1 -1
  298. package/dist/cjs/loader.cjs.js +2 -2
  299. package/dist/cjs/{menu-service-D_QsHUgR.js → menu-service-DBg-0e5W.js} +13 -2
  300. package/dist/cjs/path-utils-CQKWhbQW.js +169 -0
  301. package/dist/cjs/{shadow-dom-BG8VqeIu.js → shadow-dom-BL5F7RFW.js} +13 -0
  302. package/dist/cjs/siemens-ix.cjs.js +3 -3
  303. package/dist/cjs/{tab.mixin-DObUK6A4.js → tab.mixin-C1KwKb64.js} +1 -1
  304. package/dist/cjs/uuid-Bo2QzEg9.js +15 -0
  305. package/dist/cjs/{validation-Dier-uPA.js → validation-DJaUH-UR.js} +1 -1
  306. package/dist/collection/collection-manifest.json +6 -1
  307. package/dist/collection/components/action-card/action-card.css +18 -0
  308. package/dist/collection/components/action-card/action-card.js +5 -1
  309. package/dist/collection/components/application/application.js +25 -10
  310. package/dist/collection/components/application-header/application-header.js +9 -9
  311. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.css +2 -2
  312. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +2 -2
  313. package/dist/collection/components/avatar/avatar.css +1 -1
  314. package/dist/collection/components/blind/blind.css +27 -0
  315. package/dist/collection/components/blind/blind.js +5 -5
  316. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  317. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +3 -3
  318. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +1 -1
  319. package/dist/collection/components/button/base-button.js +1 -1
  320. package/dist/collection/components/button/button.css +2 -2
  321. package/dist/collection/components/card/card.js +2 -2
  322. package/dist/collection/components/card-accordion/card-accordion.js +4 -4
  323. package/dist/collection/components/card-content/card-content.js +1 -1
  324. package/dist/collection/components/card-list/card-list.css +1 -1
  325. package/dist/collection/components/card-list/card-list.js +6 -6
  326. package/dist/collection/components/card-title/card-title.js +1 -1
  327. package/dist/collection/components/category-filter/category-filter.css +2 -2
  328. package/dist/collection/components/category-filter/category-filter.js +3 -3
  329. package/dist/collection/components/checkbox/checkbox.css +13 -4
  330. package/dist/collection/components/checkbox/checkbox.js +21 -3
  331. package/dist/collection/components/checkbox-group/checkbox-group.js +2 -2
  332. package/dist/collection/components/chip/chip.js +4 -4
  333. package/dist/collection/components/col/col.js +2 -2
  334. package/dist/collection/components/content/content.css +2 -2
  335. package/dist/collection/components/content/content.js +3 -3
  336. package/dist/collection/components/content-header/content-header.js +3 -3
  337. package/dist/collection/components/css-grid/css-grid-item.js +1 -1
  338. package/dist/collection/components/css-grid/css-grid.js +1 -1
  339. package/dist/collection/components/custom-field/custom-field.js +1 -1
  340. package/dist/collection/components/date-dropdown/date-dropdown.css +1 -1
  341. package/dist/collection/components/date-dropdown/date-dropdown.js +5 -5
  342. package/dist/collection/components/date-input/date-input.js +5 -4
  343. package/dist/collection/components/date-picker/date-picker.css +4 -0
  344. package/dist/collection/components/date-picker/date-picker.js +7 -7
  345. package/dist/collection/components/date-time-card/date-time-card.js +2 -2
  346. package/dist/collection/components/datetime-input/datetime-input.js +3 -3
  347. package/dist/collection/components/datetime-picker/datetime-picker.js +3 -3
  348. package/dist/collection/components/divider/divider.js +1 -1
  349. package/dist/collection/components/dropdown/dropdown-controller.js +20 -82
  350. package/dist/collection/components/dropdown/dropdown.js +2 -2
  351. package/dist/collection/components/dropdown-button/dropdown-button.js +6 -6
  352. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  353. package/dist/collection/components/dropdown-item/dropdown-item.js +3 -3
  354. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +1 -1
  355. package/dist/collection/components/empty-state/empty-state.js +1 -1
  356. package/dist/collection/components/event-list/event-list.js +2 -2
  357. package/dist/collection/components/event-list-item/event-list-item.js +4 -4
  358. package/dist/collection/components/expanding-search/expanding-search.js +4 -4
  359. package/dist/collection/components/field-label/field-label.js +2 -2
  360. package/dist/collection/components/field-wrapper/field-wrapper.js +2 -2
  361. package/dist/collection/components/filter-chip/filter-chip.css +3 -1
  362. package/dist/collection/components/filter-chip/filter-chip.js +31 -1
  363. package/dist/collection/components/flip-tile/flip-tile.js +3 -3
  364. package/dist/collection/components/flip-tile-content/flip-tile-content.js +1 -1
  365. package/dist/collection/components/group/group-context-menu.js +1 -1
  366. package/dist/collection/components/group/group.js +8 -8
  367. package/dist/collection/components/helper-text/helper-text.js +1 -1
  368. package/dist/collection/components/icon-button/icon-button.css +2 -2
  369. package/dist/collection/components/icon-button/icon-button.js +2 -2
  370. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +2 -2
  371. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +2 -2
  372. package/dist/collection/components/input/input.css +2 -2
  373. package/dist/collection/components/input/input.js +5 -7
  374. package/dist/collection/components/input/number-input.js +5 -5
  375. package/dist/collection/components/input/textarea.js +2 -2
  376. package/dist/collection/components/ix-playground/ix-playground.js +1 -1
  377. package/dist/collection/components/key-value/key-value.js +1 -1
  378. package/dist/collection/components/key-value-list/key-value-list.js +1 -1
  379. package/dist/collection/components/kpi/kpi.js +3 -3
  380. package/dist/collection/components/layout-auto/layout-auto.js +1 -1
  381. package/dist/collection/components/layout-grid/layout-grid.js +2 -2
  382. package/dist/collection/components/link-button/link-button.js +3 -3
  383. package/dist/collection/components/menu/menu-expand-icon.css +1 -1
  384. package/dist/collection/components/menu/menu-expand-icon.js +3 -3
  385. package/dist/collection/components/menu/menu.css +21 -3
  386. package/dist/collection/components/menu/menu.js +238 -14
  387. package/dist/collection/components/menu-about/menu-about.js +2 -2
  388. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  389. package/dist/collection/components/menu-about-news/menu-about-news.js +4 -4
  390. package/dist/collection/components/menu-avatar/menu-avatar.js +2 -2
  391. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +1 -1
  392. package/dist/collection/components/menu-category/menu-category.js +122 -32
  393. package/dist/collection/components/menu-item/menu-item.js +117 -19
  394. package/dist/collection/components/menu-settings/menu-settings.js +2 -2
  395. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  396. package/dist/collection/components/message-bar/message-bar.js +1 -1
  397. package/dist/collection/components/modal/modal.js +3 -3
  398. package/dist/collection/components/modal-content/modal-content.js +1 -1
  399. package/dist/collection/components/modal-footer/modal-footer.js +1 -1
  400. package/dist/collection/components/modal-header/modal-header.css +1 -0
  401. package/dist/collection/components/modal-header/modal-header.js +1 -1
  402. package/dist/collection/components/modal-loading/modal-loading.js +1 -1
  403. package/dist/collection/components/pagination/pagination.css +2 -2
  404. package/dist/collection/components/pagination/pagination.js +2 -2
  405. package/dist/collection/components/pane/pane.css +4 -0
  406. package/dist/collection/components/pane/pane.js +119 -21
  407. package/dist/collection/components/pane-layout/pane-layout.js +1 -1
  408. package/dist/collection/components/pill/pill.js +4 -4
  409. package/dist/collection/components/popover/popover-controller.js +161 -0
  410. package/dist/collection/components/popover/popover.css +75 -0
  411. package/dist/collection/components/popover/popover.js +940 -0
  412. package/dist/collection/components/popover/test/popover.constants.js +19 -0
  413. package/dist/collection/components/popover/test/popover.fixtures.js +111 -0
  414. package/dist/collection/components/popover/test/popover.page.js +318 -0
  415. package/dist/collection/components/popover-content/popover-content.css +81 -0
  416. package/dist/collection/components/popover-content/popover-content.js +67 -0
  417. package/dist/collection/components/popover-footer/popover-footer.css +91 -0
  418. package/dist/collection/components/popover-footer/popover-footer.js +68 -0
  419. package/dist/collection/components/popover-header/popover-header.css +105 -0
  420. package/dist/collection/components/popover-header/popover-header.js +205 -0
  421. package/dist/collection/components/popover-image/popover-image.css +80 -0
  422. package/dist/collection/components/popover-image/popover-image.js +96 -0
  423. package/dist/collection/components/progress-indicator/progress-indicator.js +3 -3
  424. package/dist/collection/components/push-card/push-card.js +1 -1
  425. package/dist/collection/components/radio/radio.js +3 -3
  426. package/dist/collection/components/radio-group/radio-group.js +2 -2
  427. package/dist/collection/components/range-field/range-field.js +2 -2
  428. package/dist/collection/components/row/row.js +1 -1
  429. package/dist/collection/components/select/select.css +25 -3
  430. package/dist/collection/components/select/select.js +420 -16
  431. package/dist/collection/components/select-item/select-item.css +5 -0
  432. package/dist/collection/components/select-item/select-item.js +33 -3
  433. package/dist/collection/components/slider/slider.js +6 -6
  434. package/dist/collection/components/spinner/spinner.js +1 -1
  435. package/dist/collection/components/split-button/split-button.js +1 -1
  436. package/dist/collection/components/tab-item/tab-item.js +5 -5
  437. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  438. package/dist/collection/components/tab-set/tab-set.js +1 -1
  439. package/dist/collection/components/tabs/tabs.js +5 -5
  440. package/dist/collection/components/tile/tile.js +4 -4
  441. package/dist/collection/components/time-input/time-input.js +5 -4
  442. package/dist/collection/components/time-picker/time-picker.js +17 -19
  443. package/dist/collection/components/toast/toast-container.js +2 -2
  444. package/dist/collection/components/toast/toast.js +2 -2
  445. package/dist/collection/components/toggle/toggle.js +3 -3
  446. package/dist/collection/components/toggle-button/toggle-button.css +2 -2
  447. package/dist/collection/components/tooltip/tooltip.js +11 -2
  448. package/dist/collection/components/tree/tree.js +1 -1
  449. package/dist/collection/components/tree-item/tree-item.js +4 -4
  450. package/dist/collection/components/typography/typography.js +1 -1
  451. package/dist/collection/components/upload/upload.js +3 -3
  452. package/dist/collection/components/utils/a11y.js +9 -0
  453. package/dist/collection/components/utils/focus/focus-proxy.js +5 -4
  454. package/dist/collection/components/utils/focus/focus-trap.js +286 -69
  455. package/dist/collection/components/utils/focus/focus-utilities.js +65 -23
  456. package/dist/collection/components/utils/menu-service/menu-service.js +13 -2
  457. package/dist/collection/components/utils/nested-overlay/hierarchy.js +44 -0
  458. package/dist/collection/components/utils/nested-overlay/index.js +11 -0
  459. package/dist/collection/components/utils/nested-overlay/nested-overlay-stack.js +101 -0
  460. package/dist/collection/components/utils/nested-overlay/path-utils.js +17 -0
  461. package/dist/collection/components/utils/nested-overlay/types.js +1 -0
  462. package/dist/collection/components/utils/shadow-dom.js +12 -0
  463. package/dist/collection/components/workflow-step/workflow-step.js +3 -3
  464. package/dist/collection/components/workflow-steps/workflow-steps.js +1 -1
  465. package/dist/esm/{a11y-B5k8YVR0.js → a11y-C21npbUc.js} +10 -1
  466. package/dist/esm/{base-button-hppF0uUM.js → base-button-DZdtpLxn.js} +3 -3
  467. package/dist/esm/{base-icon-button-_xVULsPr.js → base-icon-button-DufFLJC-.js} +2 -2
  468. package/dist/esm/{component-Chfbghog.js → component-DqJSHc3A.js} +2 -2
  469. package/dist/esm/dropdown-controller-Jfg3ZWk6.js +96 -0
  470. package/dist/esm/{focus-proxy-BgLEsVE2.js → focus-proxy-BQyoX-Kl.js} +6 -5
  471. package/dist/esm/focus-trap-IK9ialav.js +304 -0
  472. package/dist/esm/{focus-utilities-DnaItyVQ.js → focus-utilities-6ZxKp7Jn.js} +66 -24
  473. package/dist/esm/{focus-visible.mixin-CoMZ6z5Z.js → focus-visible.mixin-CaRK3Ex_.js} +2 -2
  474. package/dist/esm/{helper-text-util-AEl-1QU6.js → helper-text-util-D0LEFZuB.js} +3 -3
  475. package/dist/esm/{index-Cl7fhG1I.js → index-DgUGsIlh.js} +2 -2
  476. package/dist/esm/{index-Ca5WUunf.js → index-EBgS4zhE.js} +21 -1
  477. package/dist/esm/index.js +2 -2
  478. package/dist/esm/{inherit-aria-attributes.mixin-CBuZQFB-.js → inherit-aria-attributes.mixin-nCmPujqf.js} +2 -2
  479. package/dist/esm/{input-picker.mixin-Bo_sZpC4.js → input-picker.mixin-DudWFH-e.js} +2 -2
  480. package/dist/esm/{input.fc-DjE-oOZc.js → input.fc-CE3kP-L_.js} +3 -3
  481. package/dist/esm/ix-action-card.entry.js +5 -4
  482. package/dist/esm/ix-application-header.entry.js +14 -14
  483. package/dist/esm/ix-application-switch-modal.entry.js +5 -5
  484. package/dist/esm/ix-application.entry.js +28 -13
  485. package/dist/esm/ix-avatar_2.entry.js +9 -9
  486. package/dist/esm/ix-blind.entry.js +9 -9
  487. package/dist/esm/ix-breadcrumb-item.entry.js +10 -10
  488. package/dist/esm/ix-breadcrumb.entry.js +8 -8
  489. package/dist/esm/ix-button.entry.js +8 -8
  490. package/dist/esm/ix-card-accordion_2.entry.js +7 -7
  491. package/dist/esm/ix-card-list.entry.js +8 -8
  492. package/dist/esm/ix-card_2.entry.js +4 -4
  493. package/dist/esm/ix-category-filter.entry.js +8 -8
  494. package/dist/esm/ix-checkbox-group.entry.js +4 -4
  495. package/dist/esm/ix-checkbox.entry.js +20 -7
  496. package/dist/esm/ix-chip.entry.js +11 -11
  497. package/dist/esm/ix-col_4.entry.js +21 -23
  498. package/dist/esm/ix-content-header.entry.js +5 -5
  499. package/dist/esm/ix-content.entry.js +6 -6
  500. package/dist/esm/ix-css-grid-item.entry.js +2 -2
  501. package/dist/esm/ix-css-grid.entry.js +2 -2
  502. package/dist/esm/ix-custom-field.entry.js +3 -3
  503. package/dist/esm/ix-date-dropdown.entry.js +14 -14
  504. package/dist/esm/ix-date-input.entry.js +15 -14
  505. package/dist/esm/ix-date-picker.entry.js +13 -13
  506. package/dist/esm/ix-date-time-card.entry.js +3 -3
  507. package/dist/esm/ix-datetime-input.entry.js +14 -13
  508. package/dist/esm/ix-datetime-picker.entry.js +6 -6
  509. package/dist/esm/ix-divider.entry.js +2 -2
  510. package/dist/esm/ix-dropdown-button.entry.js +11 -11
  511. package/dist/esm/ix-dropdown-header.entry.js +2 -2
  512. package/dist/esm/ix-dropdown-quick-actions.entry.js +2 -2
  513. package/dist/esm/ix-dropdown_2.entry.js +14 -13
  514. package/dist/esm/ix-empty-state.entry.js +2 -2
  515. package/dist/esm/ix-event-list-item.entry.js +7 -7
  516. package/dist/esm/ix-event-list.entry.js +3 -3
  517. package/dist/esm/ix-expanding-search.entry.js +6 -6
  518. package/dist/esm/ix-field-label_2.entry.js +12 -12
  519. package/dist/esm/ix-filter-chip_2.entry.js +30 -13
  520. package/dist/esm/ix-flip-tile-content.entry.js +2 -2
  521. package/dist/esm/ix-flip-tile.entry.js +6 -6
  522. package/dist/esm/ix-group-context-menu_2.entry.js +4 -4
  523. package/dist/esm/ix-group.entry.js +11 -11
  524. package/dist/esm/ix-helper-text.entry.js +6 -6
  525. package/dist/esm/ix-icon-button_2.entry.js +12 -12
  526. package/dist/esm/ix-icon-toggle-button.entry.js +11 -11
  527. package/dist/esm/ix-input.entry.js +11 -13
  528. package/dist/esm/ix-key-value-list.entry.js +2 -2
  529. package/dist/esm/ix-key-value.entry.js +2 -2
  530. package/dist/esm/ix-kpi.entry.js +5 -5
  531. package/dist/esm/ix-layout-auto.entry.js +2 -2
  532. package/dist/esm/ix-link-button.entry.js +5 -5
  533. package/dist/esm/ix-menu-about-item.entry.js +3 -3
  534. package/dist/esm/ix-menu-about-news.entry.js +9 -9
  535. package/dist/esm/ix-menu-about.entry.js +4 -4
  536. package/dist/esm/ix-menu-avatar.entry.js +6 -6
  537. package/dist/esm/ix-menu-category.entry.js +255 -38
  538. package/dist/esm/ix-menu-expand-icon.entry.js +8 -8
  539. package/dist/esm/ix-menu-item.entry.js +220 -31
  540. package/dist/esm/ix-menu-settings-item.entry.js +3 -3
  541. package/dist/esm/ix-menu-settings.entry.js +4 -4
  542. package/dist/esm/ix-menu.entry.js +195 -18
  543. package/dist/esm/ix-message-bar.entry.js +3 -3
  544. package/dist/esm/ix-modal-content_2.entry.js +6 -6
  545. package/dist/esm/ix-modal-footer.entry.js +2 -2
  546. package/dist/esm/ix-modal-loading.entry.js +2 -2
  547. package/dist/esm/ix-modal.entry.js +6 -6
  548. package/dist/esm/ix-number-input.entry.js +10 -10
  549. package/dist/esm/ix-pagination.entry.js +7 -7
  550. package/dist/esm/ix-pane-layout.entry.js +2 -2
  551. package/dist/esm/ix-pane.entry.js +102 -25
  552. package/dist/esm/ix-pill_4.entry.js +23 -23
  553. package/dist/esm/ix-popover-content.entry.js +24 -0
  554. package/dist/esm/ix-popover-footer.entry.js +24 -0
  555. package/dist/esm/ix-popover-header.entry.js +68 -0
  556. package/dist/esm/ix-popover-image.entry.js +31 -0
  557. package/dist/esm/ix-popover.entry.js +994 -0
  558. package/dist/esm/ix-progress-indicator.entry.js +5 -5
  559. package/dist/esm/ix-push-card.entry.js +2 -2
  560. package/dist/esm/ix-radio-group.entry.js +4 -4
  561. package/dist/esm/ix-radio.entry.js +6 -6
  562. package/dist/esm/ix-range-field.entry.js +7 -7
  563. package/dist/esm/ix-select.entry.js +394 -24
  564. package/dist/esm/ix-slider.entry.js +10 -10
  565. package/dist/esm/ix-split-button.entry.js +7 -7
  566. package/dist/esm/ix-tab-panel.entry.js +5 -5
  567. package/dist/esm/ix-textarea.entry.js +6 -6
  568. package/dist/esm/ix-tile.entry.js +5 -5
  569. package/dist/esm/ix-time-input.entry.js +15 -14
  570. package/dist/esm/ix-toast-container.entry.js +3 -3
  571. package/dist/esm/ix-toast.entry.js +4 -4
  572. package/dist/esm/ix-toggle-button.entry.js +8 -8
  573. package/dist/esm/ix-toggle.entry.js +10 -10
  574. package/dist/esm/ix-tooltip.entry.js +12 -3
  575. package/dist/esm/ix-tree-item.entry.js +6 -6
  576. package/dist/esm/ix-tree.entry.js +4 -3
  577. package/dist/esm/ix-typography.entry.js +2 -2
  578. package/dist/esm/ix-upload.entry.js +6 -6
  579. package/dist/esm/ix-workflow-step.entry.js +5 -5
  580. package/dist/esm/ix-workflow-steps.entry.js +2 -2
  581. package/dist/esm/{listener-Dk6XGheN.js → listener-BjluJgvO.js} +1 -1
  582. package/dist/esm/loader.js +3 -3
  583. package/dist/esm/{menu-service-DTIYRV47.js → menu-service-DYOa8RGJ.js} +13 -2
  584. package/dist/esm/path-utils-CNLoALIl.js +165 -0
  585. package/dist/esm/{shadow-dom-BIe8Nw9M.js → shadow-dom-BClJdFQP.js} +13 -1
  586. package/dist/esm/siemens-ix.js +4 -4
  587. package/dist/esm/{tab.mixin-2hU1i4Yk.js → tab.mixin-BjAM99yM.js} +1 -1
  588. package/dist/esm/uuid-D3T7Lr4G.js +13 -0
  589. package/dist/esm/{validation-BT5aAuSO.js → validation-VVt5EFy0.js} +1 -1
  590. package/dist/siemens-ix/index.esm.js +1 -1
  591. package/dist/siemens-ix/p-074c8b24.entry.js +1 -0
  592. package/dist/siemens-ix/p-080147bd.entry.js +1 -0
  593. package/dist/siemens-ix/p-0d60bd71.entry.js +1 -0
  594. package/dist/siemens-ix/p-0eb3a12a.entry.js +1 -0
  595. package/dist/siemens-ix/p-12930fcd.entry.js +1 -0
  596. package/dist/siemens-ix/p-18cae4df.entry.js +1 -0
  597. package/dist/siemens-ix/p-1a6b7e92.entry.js +1 -0
  598. package/dist/siemens-ix/{p-a5d60068.entry.js → p-2072682b.entry.js} +1 -1
  599. package/dist/siemens-ix/{p-65b8ad90.entry.js → p-21b09017.entry.js} +1 -1
  600. package/dist/siemens-ix/{p-6fb379fb.entry.js → p-21e8ccb6.entry.js} +1 -1
  601. package/dist/siemens-ix/{p-232da11d.entry.js → p-2202ae94.entry.js} +1 -1
  602. package/dist/siemens-ix/{p-12750b7b.entry.js → p-247d2e7a.entry.js} +1 -1
  603. package/dist/siemens-ix/{p-84fbdef9.entry.js → p-24c54468.entry.js} +1 -1
  604. package/dist/siemens-ix/p-264e971c.entry.js +1 -0
  605. package/dist/siemens-ix/p-2b9f7512.entry.js +1 -0
  606. package/dist/siemens-ix/{p-756c8779.entry.js → p-2f7b1e1e.entry.js} +1 -1
  607. package/dist/siemens-ix/p-321a10b6.entry.js +1 -0
  608. package/dist/siemens-ix/{p-df13643b.entry.js → p-34f61a28.entry.js} +1 -1
  609. package/dist/siemens-ix/p-35bfaa91.entry.js +1 -0
  610. package/dist/siemens-ix/{p-48386b43.entry.js → p-3854287c.entry.js} +1 -1
  611. package/dist/siemens-ix/p-3bb5600a.entry.js +1 -0
  612. package/dist/siemens-ix/p-3bc384b7.entry.js +1 -0
  613. package/dist/siemens-ix/p-3pidUFd-.js +1 -0
  614. package/dist/siemens-ix/{p-8493e35e.entry.js → p-46768472.entry.js} +1 -1
  615. package/dist/siemens-ix/p-46b2b660.entry.js +1 -0
  616. package/dist/siemens-ix/p-4bc4a175.entry.js +1 -0
  617. package/dist/siemens-ix/p-4f0f97dd.entry.js +1 -0
  618. package/dist/siemens-ix/p-52dc064a.entry.js +1 -0
  619. package/dist/siemens-ix/p-54a22a58.entry.js +1 -0
  620. package/dist/siemens-ix/{p-986142f0.entry.js → p-5685a2e6.entry.js} +1 -1
  621. package/dist/siemens-ix/p-56d2d54c.entry.js +1 -0
  622. package/dist/siemens-ix/p-5ff289c7.entry.js +1 -0
  623. package/dist/siemens-ix/p-601224bd.entry.js +1 -0
  624. package/dist/siemens-ix/{p-d798773f.entry.js → p-62a7ae9c.entry.js} +1 -1
  625. package/dist/siemens-ix/p-63491f83.entry.js +1 -0
  626. package/dist/siemens-ix/p-641bc66c.entry.js +1 -0
  627. package/dist/siemens-ix/{p-21c0d22c.entry.js → p-646d5219.entry.js} +1 -1
  628. package/dist/siemens-ix/{p-6e63af65.entry.js → p-66b4875e.entry.js} +1 -1
  629. package/dist/siemens-ix/p-6ZxKp7Jn.js +1 -0
  630. package/dist/siemens-ix/{p-5024bd91.entry.js → p-6f78e0f1.entry.js} +1 -1
  631. package/dist/siemens-ix/{p-077cb0a7.entry.js → p-705eded9.entry.js} +1 -1
  632. package/dist/siemens-ix/p-710d32a6.entry.js +1 -0
  633. package/dist/siemens-ix/{p-edb738d9.entry.js → p-71feb871.entry.js} +1 -1
  634. package/dist/siemens-ix/p-7c120d09.entry.js +1 -0
  635. package/dist/siemens-ix/p-7e6a5c38.entry.js +1 -0
  636. package/dist/siemens-ix/p-7fc7c67f.entry.js +1 -0
  637. package/dist/siemens-ix/p-81248fd2.entry.js +1 -0
  638. package/dist/siemens-ix/p-8164a98b.entry.js +1 -0
  639. package/dist/siemens-ix/p-83f4cd88.entry.js +1 -0
  640. package/dist/siemens-ix/{p-38cb18b4.entry.js → p-8900e229.entry.js} +1 -1
  641. package/dist/siemens-ix/p-8969b2f9.entry.js +1 -0
  642. package/dist/siemens-ix/{p-0de68f63.entry.js → p-8c2365cc.entry.js} +1 -1
  643. package/dist/siemens-ix/p-8cea823b.entry.js +1 -0
  644. package/dist/siemens-ix/p-8d05ae35.entry.js +1 -0
  645. package/dist/siemens-ix/{p-68eb9150.entry.js → p-8d73ddac.entry.js} +1 -1
  646. package/dist/siemens-ix/{p-f847a799.entry.js → p-90a5cda7.entry.js} +1 -1
  647. package/dist/siemens-ix/{p-782fb465.entry.js → p-957b77ec.entry.js} +1 -1
  648. package/dist/siemens-ix/{p-280d8b68.entry.js → p-9a88ff9c.entry.js} +1 -1
  649. package/dist/siemens-ix/{p-222881a1.entry.js → p-9d9fec8c.entry.js} +1 -1
  650. package/dist/siemens-ix/p-B0y5hnj5.js +1 -0
  651. package/dist/siemens-ix/p-B4oiZyZC.js +1 -0
  652. package/dist/siemens-ix/p-BClJdFQP.js +1 -0
  653. package/dist/siemens-ix/p-BKuq0po2.js +1 -0
  654. package/{components/p-Dx8kFukG.js → dist/siemens-ix/p-BWgttsqY.js} +1 -1
  655. package/dist/siemens-ix/p-BbwShqw_.js +1 -0
  656. package/dist/siemens-ix/{p-B5k8YVR0.js → p-C21npbUc.js} +1 -1
  657. package/dist/siemens-ix/{p-DnCbHs-d.js → p-C518yBiI.js} +1 -1
  658. package/dist/siemens-ix/p-CNLoALIl.js +1 -0
  659. package/dist/siemens-ix/{p-BgL7Z4IG.js → p-CXbob2Ew.js} +1 -1
  660. package/dist/siemens-ix/p-D3T7Lr4G.js +1 -0
  661. package/dist/siemens-ix/p-DT02jDB7.js +1 -0
  662. package/dist/siemens-ix/p-DVJeDueL.js +1 -0
  663. package/dist/siemens-ix/p-DgUGsIlh.js +1 -0
  664. package/dist/siemens-ix/p-HpQs38Y0.js +1 -0
  665. package/dist/siemens-ix/{p-a44e8a8f.entry.js → p-a6a0b240.entry.js} +1 -1
  666. package/dist/siemens-ix/{p-bd60b9fe.entry.js → p-ae07f671.entry.js} +1 -1
  667. package/dist/siemens-ix/p-aec23f79.entry.js +1 -0
  668. package/dist/siemens-ix/p-b13f34d1.entry.js +1 -0
  669. package/dist/siemens-ix/p-b181bf0b.entry.js +1 -0
  670. package/dist/siemens-ix/p-b534dadd.entry.js +1 -0
  671. package/dist/siemens-ix/{p-5b3f7baa.entry.js → p-b63d7f36.entry.js} +1 -1
  672. package/dist/siemens-ix/p-b75db823.entry.js +1 -0
  673. package/dist/siemens-ix/{p-c56497da.entry.js → p-b7f2f229.entry.js} +1 -1
  674. package/dist/siemens-ix/p-b8beb613.entry.js +1 -0
  675. package/dist/siemens-ix/p-ba9dcd79.entry.js +1 -0
  676. package/dist/siemens-ix/{p-fcac86a5.entry.js → p-bc0f5cbe.entry.js} +1 -1
  677. package/dist/siemens-ix/{p-dedd5fc0.entry.js → p-bc11adcd.entry.js} +1 -1
  678. package/dist/siemens-ix/{p-2d7e415f.entry.js → p-bfb758cb.entry.js} +1 -1
  679. package/dist/siemens-ix/p-c0c6d772.entry.js +1 -0
  680. package/dist/siemens-ix/p-c0dc5a8e.entry.js +1 -0
  681. package/dist/siemens-ix/{p-04bbcd53.entry.js → p-c6d63b3c.entry.js} +1 -1
  682. package/dist/siemens-ix/{p-3f752a9c.entry.js → p-c97c218d.entry.js} +1 -1
  683. package/dist/siemens-ix/p-cYKY6sUE.js +1 -0
  684. package/dist/siemens-ix/{p-44a3f1f0.entry.js → p-d13c0b78.entry.js} +1 -1
  685. package/dist/siemens-ix/p-d1ab68b3.entry.js +1 -0
  686. package/dist/siemens-ix/p-d253dadb.entry.js +1 -0
  687. package/dist/siemens-ix/{p-2bef3c58.entry.js → p-d6c906b7.entry.js} +1 -1
  688. package/dist/siemens-ix/p-d74baa8a.entry.js +1 -0
  689. package/dist/siemens-ix/{p-d8c99656.entry.js → p-d770d8ba.entry.js} +1 -1
  690. package/dist/siemens-ix/p-d80e7d50.entry.js +1 -0
  691. package/dist/siemens-ix/{p-b17053bc.entry.js → p-d830e3d6.entry.js} +1 -1
  692. package/dist/siemens-ix/{p-ae5569aa.entry.js → p-da2e0f0e.entry.js} +1 -1
  693. package/dist/siemens-ix/{p-f107a580.entry.js → p-db105778.entry.js} +1 -1
  694. package/dist/siemens-ix/{p-1fa6a663.entry.js → p-dc16a32d.entry.js} +1 -1
  695. package/dist/siemens-ix/p-de58069d.entry.js +1 -0
  696. package/dist/siemens-ix/{p-85ce0a9f.entry.js → p-e283d7d1.entry.js} +1 -1
  697. package/dist/siemens-ix/p-e5d2a048.entry.js +1 -0
  698. package/dist/siemens-ix/p-e698e193.entry.js +1 -0
  699. package/dist/siemens-ix/{p-c921c01b.entry.js → p-e9b37020.entry.js} +1 -1
  700. package/dist/siemens-ix/{p-5ae844d7.entry.js → p-ee1617da.entry.js} +1 -1
  701. package/dist/siemens-ix/p-f0d97723.entry.js +1 -0
  702. package/dist/siemens-ix/p-f1257e08.entry.js +1 -0
  703. package/dist/siemens-ix/{p-d440cd94.entry.js → p-f8561834.entry.js} +1 -1
  704. package/dist/siemens-ix/{p-7a83e693.entry.js → p-f9628912.entry.js} +1 -1
  705. package/dist/siemens-ix/{p-2afcdc78.entry.js → p-fa5c236f.entry.js} +1 -1
  706. package/dist/siemens-ix/p-fb1e66a7.entry.js +1 -0
  707. package/dist/siemens-ix/p-fdec73d4.entry.js +1 -0
  708. package/dist/siemens-ix/{p-ed2aea43.entry.js → p-ff1967de.entry.js} +1 -1
  709. package/dist/siemens-ix/{p-yAf8WIcn.js → p-vphIrWGB.js} +1 -1
  710. package/dist/siemens-ix/p-wfVRhTWc.js +1 -0
  711. package/dist/siemens-ix/{p-D148LCh1.js → p-yZFaEeBW.js} +1 -1
  712. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  713. package/dist/types/components/action-card/action-card.d.ts +3 -0
  714. package/dist/types/components/application/application.d.ts +2 -0
  715. package/dist/types/components/checkbox/checkbox.d.ts +5 -0
  716. package/dist/types/components/dropdown/dropdown-controller.d.ts +1 -3
  717. package/dist/types/components/filter-chip/filter-chip.d.ts +6 -0
  718. package/dist/types/components/input/input.d.ts +1 -0
  719. package/dist/types/components/menu/menu.d.ts +31 -1
  720. package/dist/types/components/menu-category/menu-category.d.ts +28 -2
  721. package/dist/types/components/menu-item/menu-item.d.ts +39 -2
  722. package/dist/types/components/pane/pane.d.ts +14 -1
  723. package/dist/types/components/popover/popover-controller.d.ts +52 -0
  724. package/dist/types/components/popover/popover.d.ts +190 -0
  725. package/dist/types/components/popover/test/popover.constants.d.ts +11 -0
  726. package/dist/types/components/popover/test/popover.fixtures.d.ts +29 -0
  727. package/dist/types/components/popover/test/popover.page.d.ts +118 -0
  728. package/dist/types/components/popover-content/popover-content.d.ts +16 -0
  729. package/dist/types/components/popover-footer/popover-footer.d.ts +17 -0
  730. package/dist/types/components/popover-header/popover-header.d.ts +49 -0
  731. package/dist/types/components/popover-image/popover-image.d.ts +21 -0
  732. package/dist/types/components/select/select.d.ts +49 -0
  733. package/dist/types/components/select-item/select-item.d.ts +7 -0
  734. package/dist/types/components/tooltip/tooltip.d.ts +2 -0
  735. package/dist/types/components/utils/a11y.d.ts +5 -0
  736. package/dist/types/components/utils/focus/focus-proxy.d.ts +6 -4
  737. package/dist/types/components/utils/focus/focus-trap.d.ts +16 -1
  738. package/dist/types/components/utils/focus/focus-utilities.d.ts +2 -2
  739. package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -0
  740. package/dist/types/components/utils/nested-overlay/hierarchy.d.ts +6 -0
  741. package/dist/types/components/utils/nested-overlay/index.d.ts +6 -0
  742. package/dist/types/components/utils/nested-overlay/nested-overlay-stack.d.ts +28 -0
  743. package/dist/types/components/utils/nested-overlay/path-utils.d.ts +1 -0
  744. package/dist/types/components/utils/nested-overlay/types.d.ts +13 -0
  745. package/dist/types/components/utils/shadow-dom.d.ts +1 -0
  746. package/dist/types/components.d.ts +486 -12
  747. package/dist/types/stencil-public-runtime.d.ts +1 -0
  748. package/hydrate/index.js +3360 -684
  749. package/hydrate/index.mjs +3360 -684
  750. package/package.json +4 -4
  751. package/components/p-5jph302v.js +0 -1
  752. package/components/p-B1ZcjHve.js +0 -1
  753. package/components/p-B8RlWbEh.js +0 -1
  754. package/components/p-B_czElDE.js +0 -1
  755. package/components/p-BooU9e46.js +0 -1
  756. package/components/p-Btv5ReUJ.js +0 -1
  757. package/components/p-BtvsjuLo.js +0 -1
  758. package/components/p-C95SE6lT.js +0 -1
  759. package/components/p-CDKHgTB8.js +0 -1
  760. package/components/p-CKYjdhXo.js +0 -1
  761. package/components/p-CQj_gEvY.js +0 -1
  762. package/components/p-CYgb41KQ.js +0 -1
  763. package/components/p-C_95k0nq.js +0 -1
  764. package/components/p-CgOv_MV_.js +0 -1
  765. package/components/p-D4RWuUBi.js +0 -1
  766. package/components/p-D4T7_gkf.js +0 -1
  767. package/components/p-D5gbubPJ.js +0 -1
  768. package/components/p-D6Wm2E-0.js +0 -1
  769. package/components/p-D8Wb4thH.js +0 -1
  770. package/components/p-DOCAISxs.js +0 -1
  771. package/components/p-JXbYOM9q.js +0 -1
  772. package/components/p-NLlCSNeG.js +0 -1
  773. package/components/p-VEcjhpT4.js +0 -1
  774. package/components/p-XBJqkmoc.js +0 -1
  775. package/components/p-wEbi9beJ.js +0 -1
  776. package/dist/cjs/dropdown-controller-DeBeUVhj.js +0 -160
  777. package/dist/cjs/focus-trap-_cyPFvFq.js +0 -106
  778. package/dist/esm/dropdown-controller-D6Wm2E-0.js +0 -157
  779. package/dist/esm/focus-trap-DDLHqzV2.js +0 -102
  780. package/dist/siemens-ix/p-12647d5d.entry.js +0 -1
  781. package/dist/siemens-ix/p-15aefb52.entry.js +0 -1
  782. package/dist/siemens-ix/p-1629de03.entry.js +0 -1
  783. package/dist/siemens-ix/p-1ce32501.entry.js +0 -1
  784. package/dist/siemens-ix/p-2142fab0.entry.js +0 -1
  785. package/dist/siemens-ix/p-23aaf08e.entry.js +0 -1
  786. package/dist/siemens-ix/p-25c784e4.entry.js +0 -1
  787. package/dist/siemens-ix/p-2a735134.entry.js +0 -1
  788. package/dist/siemens-ix/p-2d8f3ea3.entry.js +0 -1
  789. package/dist/siemens-ix/p-2e5e7ccf.entry.js +0 -1
  790. package/dist/siemens-ix/p-40a26154.entry.js +0 -1
  791. package/dist/siemens-ix/p-45552c4c.entry.js +0 -1
  792. package/dist/siemens-ix/p-50b75fdf.entry.js +0 -1
  793. package/dist/siemens-ix/p-58d349a2.entry.js +0 -1
  794. package/dist/siemens-ix/p-5a44cb29.entry.js +0 -1
  795. package/dist/siemens-ix/p-5c478e3e.entry.js +0 -1
  796. package/dist/siemens-ix/p-61a481f3.entry.js +0 -1
  797. package/dist/siemens-ix/p-65bc8a0d.entry.js +0 -1
  798. package/dist/siemens-ix/p-69459b73.entry.js +0 -1
  799. package/dist/siemens-ix/p-6df3d9e4.entry.js +0 -1
  800. package/dist/siemens-ix/p-82f44b05.entry.js +0 -1
  801. package/dist/siemens-ix/p-834330b3.entry.js +0 -1
  802. package/dist/siemens-ix/p-8937e9b1.entry.js +0 -1
  803. package/dist/siemens-ix/p-8cfddec2.entry.js +0 -1
  804. package/dist/siemens-ix/p-8d76c0b0.entry.js +0 -1
  805. package/dist/siemens-ix/p-9015a4c5.entry.js +0 -1
  806. package/dist/siemens-ix/p-91b02cb7.entry.js +0 -1
  807. package/dist/siemens-ix/p-9362c304.entry.js +0 -1
  808. package/dist/siemens-ix/p-9586a886.entry.js +0 -1
  809. package/dist/siemens-ix/p-9907d408.entry.js +0 -1
  810. package/dist/siemens-ix/p-9b8f1bc7.entry.js +0 -1
  811. package/dist/siemens-ix/p-BIe8Nw9M.js +0 -1
  812. package/dist/siemens-ix/p-BZApVtkF.js +0 -1
  813. package/dist/siemens-ix/p-CgOv_MV_.js +0 -1
  814. package/dist/siemens-ix/p-Cl7fhG1I.js +0 -1
  815. package/dist/siemens-ix/p-CxGywkh5.js +0 -1
  816. package/dist/siemens-ix/p-D6Wm2E-0.js +0 -1
  817. package/dist/siemens-ix/p-DIWED8Ls.js +0 -1
  818. package/dist/siemens-ix/p-DnaItyVQ.js +0 -1
  819. package/dist/siemens-ix/p-DzWThpzp.js +0 -1
  820. package/dist/siemens-ix/p-GLcPX9PU.js +0 -1
  821. package/dist/siemens-ix/p-Z4IKO1Dx.js +0 -1
  822. package/dist/siemens-ix/p-afa900f7.entry.js +0 -1
  823. package/dist/siemens-ix/p-b1930204.entry.js +0 -1
  824. package/dist/siemens-ix/p-b517c2e1.entry.js +0 -1
  825. package/dist/siemens-ix/p-b96eabf7.entry.js +0 -1
  826. package/dist/siemens-ix/p-ba0eaaf5.entry.js +0 -1
  827. package/dist/siemens-ix/p-bef76eac.entry.js +0 -1
  828. package/dist/siemens-ix/p-c78a5414.entry.js +0 -1
  829. package/dist/siemens-ix/p-cb9f8b47.entry.js +0 -1
  830. package/dist/siemens-ix/p-d34c0c51.entry.js +0 -1
  831. package/dist/siemens-ix/p-da8840cc.entry.js +0 -1
  832. package/dist/siemens-ix/p-dd2b271e.entry.js +0 -1
  833. package/dist/siemens-ix/p-de79c9cf.entry.js +0 -1
  834. package/dist/siemens-ix/p-df32a25c.entry.js +0 -1
  835. package/dist/siemens-ix/p-e09fcd95.entry.js +0 -1
  836. package/dist/siemens-ix/p-e316d8a5.entry.js +0 -1
  837. package/dist/siemens-ix/p-ea440d84.entry.js +0 -1
  838. package/dist/siemens-ix/p-fpBGwEVT.js +0 -1
  839. package/dist/siemens-ix/p-jBB3q9qq.js +0 -1
  840. /package/components/{p-Bxdy-8CE.js → p-CtDOTMOT.js} +0 -0
  841. /package/dist/siemens-ix/{p-Ca5WUunf.js → p-EBgS4zhE.js} +0 -0
@@ -0,0 +1 @@
1
+ import{p as t,M as e,e as i,h as a,d as r,t as s}from"./p-CtDOTMOT.js";import{f as o,c as h,a as n,o as d,b as l,s as c,d as u,h as g}from"./p-Bxrgt3H_.js";import{b as p}from"./p-CKoABG1h.js";import{b,g as m,f as v}from"./p-DtmgZu-S.js";import{D as C,r as A}from"./p-CApDAYIa.js";import{I as f}from"./p-BST8QY5w.js";import{C as w}from"./p-Dpk_WgCl.js";import{m as k}from"./p-Djkc69iv.js";import{r as x}from"./p-BEuV0Xpe.js";import{N as y,p as T}from"./p-CNLoALIl.js";const P=new class{stack=new y({blocksOutsideDismiss:t=>!t.closeOnClickOutside},(t=>this.dismiss(t)));presentationOrder=[];isWindowListenerActive=!1;connected(t){this.isWindowListenerActive||this.addOverlayListeners(),this.stack.connect(t)}disconnected(t){this.removeFromPresentationOrder(t.getId()),this.stack.disconnect(t)}removeFromNestedPopoverIds(t){this.stack.removeFromHierarchy(t)}syncNestedPopoverIds(t){this.stack.setChildIds(t.getId(),t.getNestedPopoverIds())}present(t){this.presentAndWait(t)}async presentAndWait(t){!t.isPresent()&&t.willPresent?.()&&(this.dismissOthers(t.getId()),this.syncNestedPopoverIds(t),await t.present(),this.recordPresented(t.getId()))}dismissChildren(t){this.dismissChildrenWithFocus(t)}dismiss(t,e="restore-trigger"){const i=t.isPresent(),a=t.willDismiss?.()??!0;i&&a&&(this.dismissChildrenWithFocus(t.getId(),e),t.dismiss(e),this.stack.deleteChildIdsEntry(t.getId()),this.removeFromPresentationOrder(t.getId()))}dismissChildrenWithFocus(t,e="restore-trigger"){for(const i of this.stack.getChildIds(t)){const t=this.stack.get(i);t&&this.dismiss(t,e)}}dismissAll(t=!1){this.stack.dismissAll(t?{ignorePolicyForIds:this.stack.keys()}:void 0)}dismissTopmost(){const t=this.getTopmostForEscape();t&&this.dismiss(t)}dismissOthers(t){this.stack.dismissOthers(t)}pathIncludesTrigger(t){return T(t,"data-ix-popover-trigger")}recordPresented(t){this.removeFromPresentationOrder(t),this.presentationOrder.push(t)}removeFromPresentationOrder(t){const e=this.presentationOrder.indexOf(t);e>-1&&this.presentationOrder.splice(e,1)}isTopmostPresentedHost(t){return this.getTopmostForEscape()?.hostElement===t}getTopmostForEscape(){for(let t=this.presentationOrder.length-1;t>=0;t--){const e=this.stack.get(this.presentationOrder[t]);if(e?.isPresent())return e}let t;return this.stack.forEach((e=>{e.isPresent()&&(t=e)})),t}getPopoverDialog(t){return t.shadowRoot?.querySelector("dialog")??null}pathIncludesPopover(t){for(const e of t)if(e instanceof HTMLElement){if("IX-POPOVER"===e.tagName)return!0;for(const t of this.stack.values()){if(e===t.hostElement)return!0;const i=this.getPopoverDialog(t.hostElement);if(i&&e===i)return!0}}return!1}dismissAllFromOutsideClick(){this.stack.forEach((t=>{t.closeOnClickOutside&&t.isPresent()&&this.dismiss(t,"release")}))}addOverlayListeners(){this.isWindowListenerActive=!0,window.addEventListener("click",(t=>{const e=this.pathIncludesTrigger(t.composedPath()),i=this.pathIncludesPopover(t.composedPath());e||i||this.dismissAllFromOutsideClick()})),window.addEventListener("keydown",(t=>{"Escape"===t.key&&this.dismissTopmost()}))}},O=t=>null==t?"":t+"px",D=t(class extends(e(...C,f,w)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=i(this,"showChange",7),this.showChanged=i(this,"showChanged",7)}get hostElement(){return this}trigger;show=!1;placement="bottom";hasSpike=!1;triggerMode="click";closeOnClickOutside=!1;showChange;showChanged;dialogRef=k();triggerElement;disposeAutoUpdate;disposeTriggerListener;disposeDialogListener;focusTrap;hideTimeout;assignedNestedPopoverIds=[];hasFocusableContent=!1;suppressShowWatch=!1;isOpeningPopover=!1;closeFocus="restore-trigger";hasDisconnected=!1;triggerRegistryId=0;suppressFocusPresent=!1;get spikeElement(){return this.hostElement.shadowRoot.querySelector(".spike")}getFocusTrapOptions(){return{trapFocusInShadowDom:"both",listenOnDocument:!0,shouldDeferTabTrap:t=>!P.isTopmostPresentedHost(t)}}get popoverPanelId(){return"ix-component-ix-popover-"+this.$internal_id}getId(){return this.getHostElementId()}getNestedPopoverIds(){return this.assignedNestedPopoverIds}cacheNestedPopoverId(t){const{detail:e}=t;e===this.getId()||this.assignedNestedPopoverIds.includes(e)||(this.assignedNestedPopoverIds.push(e),P.syncNestedPopoverIds(this),t.stopImmediatePropagation(),t.preventDefault())}isPresent(){return this.show}willPresent(){return!this.showChange.emit(!0).defaultPrevented}willDismiss(){return!this.showChange.emit(!1).defaultPrevented}present(){return this.openPopover()}dismiss(t="restore-trigger"){this.closeFocus=t,this.closePopover()}async showPopover(){await P.presentAndWait(this)}async hidePopover(){P.dismiss(this)}onTriggerChange(t,e){t!==e&&this.registerTriggerListener()}onTriggerModeChange(){this.registerTriggerListener()}onShowChange(t){this.suppressShowWatch||(t?this.openPopover({fromShowWatch:!0}):this.closePopover({fromShowWatch:!0}))}connectedCallback(){this.hasDisconnected&&(P.connected(this),this.initializePopover())}componentDidLoad(){P.connected(this),this.initializePopover()}async initializePopover(){await this.registerTriggerListener(),this.show&&await this.openPopover({fromShowWatch:!0})}componentDidRender(){this.trigger&&!this.triggerElement&&this.registerTriggerListener()}disconnectedCallback(){this.hasDisconnected=!0,this.clearHideTimeout(),this.disposeAutoUpdate?.(),this.disposeTriggerListener?.(),this.disposeDialogListener?.(),this.focusTrap?.destroy(),P.disconnected(this),this.clearTriggerAria()}async openPopover(t){if(!this.isOpeningPopover&&(t?.fromShowWatch||!this.show)){this.isOpeningPopover=!0;try{const t=await this.dialogRef.waitForCurrent();if(!t||!this.hostElement.isConnected)return;if(this.suppressShowWatch=!0,this.show=!0,this.suppressShowWatch=!1,t.showPopover(),this.registerHoverDialogListener(t),this.detectFocusableContent(),!this.triggerElement&&this.trigger&&await this.registerTriggerListener(),this.triggerElement&&(await this.applyPopoverPosition(this.triggerElement,t),this.updateTriggerAria(!0)),this.hasFocusableContent){const t=await b(this.hostElement,this.getFocusTrapOptions());this.hostElement.isConnected&&this.show?(this.focusTrap=t,"hover"!==this.triggerMode&&this.focusFirstElement()):t.destroy()}x((()=>{this.showChanged.emit(!0)}))}finally{this.isOpeningPopover=!1}}}async closePopover(t){if(!t?.fromShowWatch&&!this.show)return;const e=await this.dialogRef.waitForCurrent();e&&this.hostElement.isConnected&&(this.disposeAutoUpdate?.(),this.disposeAutoUpdate=void 0,this.disposeDialogListener?.(),this.disposeDialogListener=void 0,this.focusTrap?.destroy(),this.focusTrap=void 0,this.applyCloseFocus(),e.hidePopover(),"release"===this.closeFocus&&this.blurTriggerElement(),this.schedulePostCloseFocus(),this.suppressShowWatch=!0,this.show=!1,this.suppressShowWatch=!1,this.closeFocus="restore-trigger",this.updateTriggerAria(!1),x((()=>{this.showChanged.emit(!1)})))}detectFocusableContent(){this.hasFocusableContent=m(this.hostElement,this.getFocusTrapOptions()).length>0}focusFirstElement(){const t=this.getFocusTrapOptions();x((()=>{v(this.hostElement,t)}))}applyCloseFocus(){this.hasFocusableContent&&this.triggerElement&&("hover"!==this.triggerMode||"release"!==this.closeFocus?A():this.releasePopoverFocus())}schedulePostCloseFocus(){if(!this.hasFocusableContent||!this.triggerElement)return;if("hover"===this.triggerMode&&"release"===this.closeFocus)return;const t="restore-trigger"===this.closeFocus;x((()=>{if(t)return"hover"===this.triggerMode&&(this.suppressFocusPresent=!0),this.triggerElement?.focus(),void x((()=>{this.suppressFocusPresent=!1}));this.releasePopoverFocus(),x((()=>{this.blurTriggerElement()}))}))}releasePopoverFocus(){const t=document.activeElement;t instanceof HTMLElement&&this.containsPopoverTarget(t)&&t.blur(),this.blurTriggerElement()}blurTriggerElement(){if(!this.triggerElement)return;const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t?.blur(),this.triggerElement!==t&&this.triggerElement.blur()}async registerTriggerListener(){if(this.disposeTriggerListener?.(),this.clearTriggerAria(),!this.trigger)return;const t=++this.triggerRegistryId,e=this.trigger,i=this.triggerMode;try{const a=await o(e,this.hostElement);if(t!==this.triggerRegistryId||this.trigger!==e||this.triggerMode!==i||!this.hostElement.isConnected)return;this.triggerElement=a,a.dataset.ixPopoverTrigger="",this.updateTriggerAria(this.show),this.discoverNestedPopover(),this.disposeTriggerListener=p("click"===this.triggerMode?[{element:a,eventType:"click",callback:()=>this.togglePopover()},{element:a,eventType:"keydown",callback:t=>{const e=t.key;"Enter"!==e&&" "!==e||(t.preventDefault(),this.togglePopover())}}]:[{element:a,eventType:"mouseenter",callback:()=>{this.clearHideTimeout(),this.show||P.present(this)}},{element:a,eventType:"mouseleave",callback:t=>this.scheduleHideFromTrigger(t)},{element:a,eventType:"focus",callback:()=>{if(this.clearHideTimeout(),!this.show){if(this.suppressFocusPresent)return;P.present(this)}}},{element:a,eventType:"focusout",callback:t=>this.scheduleHideFromTrigger(t)}])}catch{}}discoverNestedPopover(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-popover",{bubbles:!0,composed:!0,cancelable:!0,detail:this.getId()}))}togglePopover(){this.show?P.dismiss(this):P.present(this)}containsPopoverTarget(t){if(!(t instanceof Node))return!1;if(t===this.hostElement)return!0;if(this.hostElement.contains(t))return!0;const e=this.hostElement.shadowRoot;return!!e?.contains(t)}scheduleHideFromTrigger(t){this.containsPopoverTarget(t.relatedTarget)||("focusout"!==t.type?this.scheduleHide():x((()=>{this.containsPopoverTarget(document.activeElement)||this.scheduleHide()})))}scheduleHide(){this.clearHideTimeout(),this.hideTimeout=setTimeout((()=>{this.show&&P.dismiss(this,"release")}),150)}clearHideTimeout(){void 0!==this.hideTimeout&&(clearTimeout(this.hideTimeout),this.hideTimeout=void 0)}getTriggerAriaTarget(){const t=this.triggerElement;if(t){if("IX-BUTTON"===t.tagName||"IX-ICON-BUTTON"===t.tagName){const e=t.shadowRoot?.querySelector('button, a[role="button"]');if(e)return e}return t}}clearTriggerAriaAttributes(t){t.removeAttribute("aria-expanded"),t.removeAttribute("aria-controls"),t.removeAttribute("aria-haspopup")}updateTriggerAria(t){const e=this.triggerElement,i=this.getTriggerAriaTarget();e&&i&&(i.setAttribute("aria-haspopup","dialog"),i.setAttribute("aria-expanded",t+""),i.setAttribute("aria-controls",this.popoverPanelId),i!==e&&this.clearTriggerAriaAttributes(e))}clearTriggerAria(){if(!this.triggerElement)return;this.clearTriggerAriaAttributes(this.triggerElement);const t=this.triggerElement.shadowRoot?.querySelector('button, a[role="button"]');t&&this.clearTriggerAriaAttributes(t),delete this.triggerElement.dataset.ixPopoverTrigger,this.triggerElement=void 0}computeSpikePosition({placement:t,middlewareData:e}){if(!e.arrow)return;const{x:i,y:a}=e.arrow,r={top:"unset",right:"unset",bottom:"unset",left:"unset"};return t.startsWith("top")?{...r,left:O(i),bottom:O(-6)}:t.startsWith("right")?{...r,left:O(-6),top:O(a)}:t.startsWith("bottom")?{...r,left:O(i),top:O(-6)}:t.startsWith("left")?{...r,right:O(-6),top:O(a)}:void 0}async computePopoverPosition(t,e){const i=[d(12),l({fallbackStrategy:"initialPlacement"}),c({padding:10})];return this.hasSpike&&this.spikeElement&&i.push(u({element:this.spikeElement})),i.push(g()),h(t,e,{strategy:"fixed",placement:this.placement,middleware:i})}async applyPopoverPosition(t,e){this.disposeAutoUpdate?.();const i=async()=>{if(!this.show)return;const i=await this.computePopoverPosition(t,e);if(!this.show)return;const a=i.middlewareData.hide?.referenceHidden;if(a)return P.dismiss(this,"release"),i;if(this.hasSpike&&i.middlewareData.arrow){const t=this.computeSpikePosition(i);t&&this.spikeElement&&Object.assign(this.spikeElement.style,t)}return Object.assign(e.style,{left:O(i.x),top:O(i.y)}),i};await i(),this.show&&this.hostElement.isConnected&&(this.disposeAutoUpdate=n(t,e,i,{ancestorResize:!0,ancestorScroll:!0,elementResize:!0}))}registerHoverDialogListener(t){this.disposeDialogListener?.(),"hover"===this.triggerMode&&(this.disposeDialogListener=p([{element:t,eventType:"click",callback:t=>{t.stopPropagation()}}]))}onDialogMouseEnter(){"hover"===this.triggerMode&&this.clearHideTimeout()}onDialogMouseLeave(){"hover"===this.triggerMode&&this.scheduleHide()}render(){return a(r,{key:"5056bfaf705bbc83271b31181ba1d3187dd62d60",class:{visible:this.show},"data-ix-popover":this.popoverPanelId},a("dialog",{key:"464d57af0ebb424975704e63c0eef5373be6c502",ref:this.dialogRef,id:this.popoverPanelId,class:"dialog",popover:"manual",inert:!this.show,...this.inheritAriaAttributes,role:this.inheritAriaAttributes.role??"dialog",onMouseEnter:()=>this.onDialogMouseEnter(),onMouseLeave:()=>this.onDialogMouseLeave()},a("div",{key:"414e84e36191a3e43e7ef68006e06f87a7a2fd06",class:"popover-container"},a("div",{key:"dd676856983f4dfbaf7e052e81d61bfab6d042dd",class:"popover-body"},a("slot",{key:"dcbfceaf19576233123bbf411e5a9e84c464c079"})),this.hasSpike?a("div",{class:"spike"}):null)))}static get watchers(){return{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}}static get style(){return':host{--theme-popover--background:var(--theme-color-2);--theme-popover--border-color:transparent;--theme-popover--color:var(--theme-color-std-text);--theme-popover--elevation-filter:drop-shadow(0 0 2px var(--theme-color-shadow-2)) drop-shadow(0 4px 8px var(--theme-color-shadow-3)) drop-shadow(0 12px 18px var(--theme-color-shadow-3));--theme-popover-close--color:var(--theme-color-soft-text);--theme-popover-close-btn--background:transparent;--theme-popover-close-btn--background--active:var(--theme-color-ghost--active);--theme-popover-close-btn--background--hover:var(--theme-color-ghost--hover)}:host dialog.dialog{margin:0;padding:0;border:none;background-color:transparent;box-shadow:none;overflow:visible;position:fixed;inset:unset;width:25rem;min-width:15rem;max-width:37.5rem;max-height:calc(100vh - 2rem)}:host .popover-container{display:flex;flex-direction:column;position:relative;width:100%;max-height:calc(100vh - 2rem);background:var(--theme-popover--background);color:var(--theme-popover--color);border:1px solid var(--theme-popover--border-color);box-shadow:var(--theme-shadow-4);border-radius:var(--theme-default-border-radius);overflow:visible}:host .popover-body{position:relative;z-index:1;display:block;width:100%}:host .popover-container:has(.spike){box-shadow:none;filter:var(--theme-popover--elevation-filter)}:host .spike,:host .spike::before{position:absolute;width:12px;height:12px;background:inherit}:host .spike{visibility:hidden;z-index:0;pointer-events:none}:host .spike::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-popover--background)}'}},[769,"ix-popover",{trigger:[1],show:[1540],placement:[1],hasSpike:[4,"has-spike"],triggerMode:[1,"trigger-mode"],closeOnClickOutside:[4,"close-on-click-outside"],inheritAriaAttributes:[32],showPopover:[64],hidePopover:[64]},[[0,"ix-assign-sub-popover","cacheNestedPopoverId"]],{role:[{ariaAttributeChanged:0}],"aria-activedescendant":[{ariaAttributeChanged:0}],"aria-atomic":[{ariaAttributeChanged:0}],"aria-autocomplete":[{ariaAttributeChanged:0}],"aria-braillelabel":[{ariaAttributeChanged:0}],"aria-brailleroledescription":[{ariaAttributeChanged:0}],"aria-busy":[{ariaAttributeChanged:0}],"aria-checked":[{ariaAttributeChanged:0}],"aria-colcount":[{ariaAttributeChanged:0}],"aria-colindex":[{ariaAttributeChanged:0}],"aria-colindextext":[{ariaAttributeChanged:0}],"aria-colspan":[{ariaAttributeChanged:0}],"aria-controls":[{ariaAttributeChanged:0}],"aria-current":[{ariaAttributeChanged:0}],"aria-describedby":[{ariaAttributeChanged:0}],"aria-description":[{ariaAttributeChanged:0}],"aria-details":[{ariaAttributeChanged:0}],"aria-disabled":[{ariaAttributeChanged:0}],"aria-errormessage":[{ariaAttributeChanged:0}],"aria-expanded":[{ariaAttributeChanged:0}],"aria-flowto":[{ariaAttributeChanged:0}],"aria-haspopup":[{ariaAttributeChanged:0}],"aria-hidden":[{ariaAttributeChanged:0}],"aria-invalid":[{ariaAttributeChanged:0}],"aria-keyshortcuts":[{ariaAttributeChanged:0}],"aria-label":[{ariaAttributeChanged:0}],"aria-labelledby":[{ariaAttributeChanged:0}],"aria-level":[{ariaAttributeChanged:0}],"aria-live":[{ariaAttributeChanged:0}],"aria-multiline":[{ariaAttributeChanged:0}],"aria-multiselectable":[{ariaAttributeChanged:0}],"aria-orientation":[{ariaAttributeChanged:0}],"aria-owns":[{ariaAttributeChanged:0}],"aria-placeholder":[{ariaAttributeChanged:0}],"aria-posinset":[{ariaAttributeChanged:0}],"aria-pressed":[{ariaAttributeChanged:0}],"aria-readonly":[{ariaAttributeChanged:0}],"aria-relevant":[{ariaAttributeChanged:0}],"aria-required":[{ariaAttributeChanged:0}],"aria-roledescription":[{ariaAttributeChanged:0}],"aria-rowcount":[{ariaAttributeChanged:0}],"aria-rowindex":[{ariaAttributeChanged:0}],"aria-rowindextext":[{ariaAttributeChanged:0}],"aria-rowspan":[{ariaAttributeChanged:0}],"aria-selected":[{ariaAttributeChanged:0}],"aria-setsize":[{ariaAttributeChanged:0}],"aria-sort":[{ariaAttributeChanged:0}],"aria-valuemax":[{ariaAttributeChanged:0}],"aria-valuemin":[{ariaAttributeChanged:0}],"aria-valuenow":[{ariaAttributeChanged:0}],"aria-valuetext":[{ariaAttributeChanged:0}],trigger:[{onTriggerChange:0}],triggerMode:[{onTriggerModeChange:0}],show:[{onShowChange:0}]}]),I=D,E=function(){"undefined"!=typeof customElements&&["ix-popover"].forEach((t=>{"ix-popover"===t&&(customElements.get(s(t))||customElements.define(s(t),D))}))};export{I as IxPopover,E as defineCustomElement}
@@ -1 +1 @@
1
- import{h as r,p as e,H as t,F as o,d as i,t as s}from"./p-Bxdy-8CE.js";import{N as a,a as c,c as n,d as l,b as h}from"./p-CQj_gEvY.js";import{d as g}from"./p-XBJqkmoc.js";import{d as p}from"./p-MZOpritx.js";function d({value:e,status:t}){return r("div",{class:"linear-progress-container "+t},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":!0},style:{width:e+"%"},"data-value":e})))}const x=(e,t)=>{const{value:o,size:i,alignment:s}=e,a=function(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":default:return 32;case"lg":return 48;case"xl":return 64}}(i),c=a/2,n=2*Math.PI*c,l=Math.round(n*((100-o)/100)),h="lg"===i||"xl"===i;return r("div",{class:{"circular-progress-container":!0,["align-"+s]:!!s,[e.status]:!0}},r("svg",{width:a,height:a,viewBox:`-${.125*a} -${.125*a} ${1.25*a} ${1.25*a}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:c,cx:c,cy:c,fill:"transparent",stroke:"var(--ix-progress-indicator-track-color)","stroke-width":"3px"}),l>0&&r("circle",{r:c,cx:c,cy:c,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-dashoffset":l+"px",fill:"transparent","stroke-dasharray":n+"px"}),r("foreignObject",{x:"0px",y:"0px",width:a+"px",height:a+"px",style:{transform:`rotate(90deg) translate(0px, -${a}px)`}},h&&r("div",{class:"slotted-container slotted-container-inside"},t))),!h&&r("div",{class:"slotted-container"},t))},m=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type="linear";size="md";value=0;min=0;max=100;status="default";label;helperText;textAlignment="left";showTextAsTooltip=!1;getHelperText(){let e=null;switch(this.status){case"error":e=h;break;case"info":e=l;break;case"warning":e=n;break;case"success":e=c;break;case"paused":e=a;break;default:e=null}return this.helperText?r("div",{class:{"helper-text":!0,[this.status]:!0}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:{text:!0,"align-left":"left"===this.textAlignment,"align-center":"center"===this.textAlignment,"align-right":"right"===this.textAlignment}},this.helperText),r("slot",{name:"helper-text"})):r("slot",{name:"helper-text"})}render(){const e=Math.max(0,Math.min((this.value-this.min)/(this.max-this.min)*100,100));return r(i,{key:"b7422413aa3645c9eed7b3d6ab547fc5ee7a0322",class:{linear:"linear"===this.type,circular:"circular"===this.type},tabIndex:-1},r("div",{key:"ee59c601c1c9814de20b10fc42f6770102873f8e",class:{"progress-indicator":!0,[this.size]:!0,[this.status]:!0,"text-center":"center"===this.textAlignment,"text-left":"left"===this.textAlignment,"text-right":"right"===this.textAlignment}},this.label&&r("ix-typography",{key:"b87dc78097b0148cb1af311b9ad636877732155d",format:"label",textColor:"error"===this.status?"alarm":"soft",class:"label"},this.label),r("div",{key:"2c5706e0381b581b846c6c925738653dc730fe6c",class:"progress-container"},"linear"===this.type?r(o,null,r(d,{value:e,status:this.status}),r("div",{class:"linear-slot"},r("slot",null))):r(x,{status:this.status,alignment:this.textAlignment,value:e,size:this.size},r("slot",null))),!0===this.showTextAsTooltip&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}static get style(){return":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem;color:var(--theme-progress-indicator-helper--color)}:host .helper-text ix-icon{margin:0.125rem;color:var(--theme-progress-indicator-helper-icon--color)}:host .helper-text.success{color:var(--theme-progress-indicator-helper-success--color)}:host .helper-text.success ix-icon{color:var(--theme-progress-indicator-helper-icon-success--color)}:host .helper-text.error{color:var(--theme-progress-indicator-helper-error--color)}:host .helper-text.error ix-icon{color:var(--theme-progress-indicator-helper-icon-error--color)}:host .helper-text.info{color:var(--theme-progress-indicator-helper-info--color)}:host .helper-text.info ix-icon{color:var(--theme-progress-indicator-helper-icon-info--color)}:host .helper-text.warning{color:var(--theme-progress-indicator-helper-warning--color)}:host .helper-text.warning ix-icon{color:var(--theme-progress-indicator-helper-icon-warning--color)}:host .helper-text.paused{color:var(--theme-progress-indicator-helper-paused--color)}:host .helper-text.paused ix-icon{color:var(--theme-progress-indicator-helper-icon-paused--color)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator{--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator{--ix-progress-indicator-color:var( --theme-progress-indicator-fill--background )}:host .progress-indicator.success{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-success--background )}:host .progress-indicator.error{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-error--background )}:host .progress-indicator.info{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-info--background )}:host .progress-indicator.warning{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-warning--background )}:host .progress-indicator.paused{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-paused--background )}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-progress-indicator-track--background);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .linear-progress-container.success{background-color:var(--theme-progress-indicator-track-success--background)}:host(.linear) .linear-progress-container.error{background-color:var(--theme-progress-indicator-track-error--background)}:host(.linear) .linear-progress-container.info{background-color:var(--theme-progress-indicator-track-info--background)}:host(.linear) .linear-progress-container.warning{background-color:var(--theme-progress-indicator-track-warning--background)}:host(.linear) .linear-progress-container.paused{background-color:var(--theme-progress-indicator-track-paused--background)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track--background );display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .circular-progress-container.success{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-success--background )}:host(.circular) .circular-progress-container.error{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-error--background )}:host(.circular) .circular-progress-container.info{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-info--background )}:host(.circular) .circular-progress-container.warning{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-warning--background )}:host(.circular) .circular-progress-container.paused{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-paused--background )}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}"}},[769,"ix-progress-indicator",{type:[1],size:[1],value:[2],min:[2],max:[2],status:[1],label:[1],helperText:[1,"helper-text"],textAlignment:[1,"text-alignment"],showTextAsTooltip:[4,"show-text-as-tooltip"]}]),u=m,f=function(){"undefined"!=typeof customElements&&["ix-progress-indicator","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-progress-indicator":customElements.get(s(r))||customElements.define(s(r),m);break;case"ix-tooltip":customElements.get(s(r))||g();break;case"ix-typography":customElements.get(s(r))||p()}}))};export{u as IxProgressIndicator,f as defineCustomElement}
1
+ import{h as r,p as e,H as t,F as o,d as i,t as s}from"./p-CtDOTMOT.js";import{N as a,a as c,c as n,d as l,b as h}from"./p-BtSt9tC5.js";import{d as g}from"./p-Dfd_ifAu.js";import{d as p}from"./p-DhWkcMmR.js";function d({value:e,status:t}){return r("div",{class:"linear-progress-container "+t},r("div",{class:"progress",role:"progressbar","aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100},r("div",{class:{"progress-bar":!0},style:{width:e+"%"},"data-value":e})))}const x=(e,t)=>{const{value:o,size:i,alignment:s}=e,a=function(r){switch(r){case"xs":return 16;case"sm":return 24;case"md":default:return 32;case"lg":return 48;case"xl":return 64}}(i),c=a/2,n=2*Math.PI*c,l=Math.round(n*((100-o)/100)),h="lg"===i||"xl"===i;return r("div",{class:{"circular-progress-container":!0,["align-"+s]:!!s,[e.status]:!0}},r("svg",{width:a,height:a,viewBox:`-${.125*a} -${.125*a} ${1.25*a} ${1.25*a}`,version:"1.1",xmlns:"http://www.w3.org/2000/svg",style:{transform:"rotate(-90deg)"}},r("circle",{r:c,cx:c,cy:c,fill:"transparent",stroke:"var(--ix-progress-indicator-track-color)","stroke-width":"3px"}),l>0&&r("circle",{r:c,cx:c,cy:c,stroke:"var(--ix-progress-indicator-color)","stroke-width":"3px","stroke-dashoffset":l+"px",fill:"transparent","stroke-dasharray":n+"px"}),r("foreignObject",{x:"0px",y:"0px",width:a+"px",height:a+"px",style:{transform:`rotate(90deg) translate(0px, -${a}px)`}},h&&r("div",{class:"slotted-container slotted-container-inside"},t))),!h&&r("div",{class:"slotted-container"},t))},m=e(class extends t{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type="linear";size="md";value=0;min=0;max=100;status="default";label;helperText;textAlignment="left";showTextAsTooltip=!1;getHelperText(){let e=null;switch(this.status){case"error":e=h;break;case"info":e=l;break;case"warning":e=n;break;case"success":e=c;break;case"paused":e=a;break;default:e=null}return this.helperText?r("div",{class:{"helper-text":!0,[this.status]:!0}},e&&r("ix-icon",{name:e,size:"16"}),r("div",{class:{text:!0,"align-left":"left"===this.textAlignment,"align-center":"center"===this.textAlignment,"align-right":"right"===this.textAlignment}},this.helperText),r("slot",{name:"helper-text"})):r("slot",{name:"helper-text"})}render(){const e=Math.max(0,Math.min((this.value-this.min)/(this.max-this.min)*100,100));return r(i,{key:"4c8ce44855219cefbe2adc70d46d6194d02edc2d",class:{linear:"linear"===this.type,circular:"circular"===this.type},tabIndex:-1},r("div",{key:"4204012c4368150615e95d16bc52026a9ae893c6",class:{"progress-indicator":!0,[this.size]:!0,[this.status]:!0,"text-center":"center"===this.textAlignment,"text-left":"left"===this.textAlignment,"text-right":"right"===this.textAlignment}},this.label&&r("ix-typography",{key:"522744e8f2be71e94fa6e87ec1f053c9f2b141fe",format:"label",textColor:"error"===this.status?"alarm":"soft",class:"label"},this.label),r("div",{key:"c5a2069c251c44ff3a33bfe7caea66f657b03d5e",class:"progress-container"},"linear"===this.type?r(o,null,r(d,{value:e,status:this.status}),r("div",{class:"linear-slot"},r("slot",null))):r(x,{status:this.status,alignment:this.textAlignment,value:e,size:this.size},r("slot",null))),!0===this.showTextAsTooltip&&this.helperText?r("ix-tooltip",{for:this.hostElement,showDelay:500,placement:"bottom"},this.getHelperText()):this.getHelperText()))}static get style(){return":host{display:block;position:relative;width:24rem;height:-moz-fit-content;height:fit-content}:host .progress-container{display:flex;width:100%;align-items:center;gap:0.25rem;flex-wrap:nowrap}:host .label{margin:0.5rem 0 0.25rem 0}:host .helper-text{display:flex;align-items:center;margin:0.25rem 0px;gap:0.25rem;color:var(--theme-progress-indicator-helper--color)}:host .helper-text ix-icon{margin:0.125rem;color:var(--theme-progress-indicator-helper-icon--color)}:host .helper-text.success{color:var(--theme-progress-indicator-helper-success--color)}:host .helper-text.success ix-icon{color:var(--theme-progress-indicator-helper-icon-success--color)}:host .helper-text.error{color:var(--theme-progress-indicator-helper-error--color)}:host .helper-text.error ix-icon{color:var(--theme-progress-indicator-helper-icon-error--color)}:host .helper-text.info{color:var(--theme-progress-indicator-helper-info--color)}:host .helper-text.info ix-icon{color:var(--theme-progress-indicator-helper-icon-info--color)}:host .helper-text.warning{color:var(--theme-progress-indicator-helper-warning--color)}:host .helper-text.warning ix-icon{color:var(--theme-progress-indicator-helper-icon-warning--color)}:host .helper-text.paused{color:var(--theme-progress-indicator-helper-paused--color)}:host .helper-text.paused ix-icon{color:var(--theme-progress-indicator-helper-icon-paused--color)}:host .helper-text .text.align-left{text-align:start}:host .helper-text .text.align-right{text-align:end}:host .helper-text .text.align-center{text-align:center}:host .progress-indicator{display:flex;flex-direction:column}:host .progress-indicator.text-center{align-items:center}:host .progress-indicator.text-left{align-items:flex-start}:host .progress-indicator.text-right{align-items:flex-end}:host .progress-indicator{--ix-progress-indicator-margin:0.5rem 0;height:100%}:host .progress-indicator.xs{--ix-progress-indicator-height:0.125rem;--ix-progress-indicator-margin:0.25rem 0}:host .progress-indicator.sm{--ix-progress-indicator-height:0.25rem;--ix-progress-indicator-margin:0.375rem 0}:host .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host .progress-indicator{--ix-progress-indicator-color:var( --theme-progress-indicator-fill--background )}:host .progress-indicator.success{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-success--background )}:host .progress-indicator.error{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-error--background )}:host .progress-indicator.info{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-info--background )}:host .progress-indicator.warning{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-warning--background )}:host .progress-indicator.paused{--ix-progress-indicator-color:var( --theme-progress-indicator-fill-paused--background )}:host(.linear) .progress-indicator.xs{--ix-progress-indicator-height:0.125rem}:host(.linear) .progress-indicator.sm{--ix-progress-indicator-height:0.25rem}:host(.linear) .progress-indicator.md{--ix-progress-indicator-height:0.5rem}:host(.linear) .progress-indicator.lg{--ix-progress-indicator-height:1rem}:host(.linear) .progress-indicator.xl{--ix-progress-indicator-height:1.5rem}:host(.linear) .linear-progress-container{width:100%;height:var(--ix-progress-indicator-height);background-color:var(--theme-progress-indicator-track--background);border-radius:2px;overflow:hidden;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.linear) .linear-progress-container.success{background-color:var(--theme-progress-indicator-track-success--background)}:host(.linear) .linear-progress-container.error{background-color:var(--theme-progress-indicator-track-error--background)}:host(.linear) .linear-progress-container.info{background-color:var(--theme-progress-indicator-track-info--background)}:host(.linear) .linear-progress-container.warning{background-color:var(--theme-progress-indicator-track-warning--background)}:host(.linear) .linear-progress-container.paused{background-color:var(--theme-progress-indicator-track-paused--background)}:host(.linear) .progress{width:100%;height:100%;position:relative}:host(.linear) .progress-bar{height:100%;background-color:var(--ix-progress-indicator-color);transition:width 0.3s ease}:host(.linear) .linear-slot{min-width:2.25rem}:host(.circular) .circular-progress-container{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track--background );display:flex;align-items:center;width:100%;gap:0.25rem;margin:var(--ix-progress-indicator-margin, 0.5rem 0)}:host(.circular) .circular-progress-container.align-left{justify-content:flex-start}:host(.circular) .circular-progress-container.align-center{justify-content:center}:host(.circular) .circular-progress-container.align-right{justify-content:flex-end}:host(.circular) .circular-progress-container.success{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-success--background )}:host(.circular) .circular-progress-container.error{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-error--background )}:host(.circular) .circular-progress-container.info{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-info--background )}:host(.circular) .circular-progress-container.warning{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-warning--background )}:host(.circular) .circular-progress-container.paused{--ix-progress-indicator-track-color:var( --theme-progress-indicator-track-paused--background )}:host(.circular) .slotted-container{height:100%}:host(.circular) .slotted-container.slotted-container-inside{display:flex;align-items:center;justify-content:center;width:100%;height:100%}"}},[769,"ix-progress-indicator",{type:[1],size:[1],value:[2],min:[2],max:[2],status:[1],label:[1],helperText:[1,"helper-text"],textAlignment:[1,"text-alignment"],showTextAsTooltip:[4,"show-text-as-tooltip"]}]),u=m,f=function(){"undefined"!=typeof customElements&&["ix-progress-indicator","ix-tooltip","ix-typography"].forEach((r=>{switch(r){case"ix-progress-indicator":customElements.get(s(r))||customElements.define(s(r),m);break;case"ix-tooltip":customElements.get(s(r))||g();break;case"ix-typography":customElements.get(s(r))||p()}}))};export{u as IxProgressIndicator,f as defineCustomElement}
@@ -1 +1 @@
1
- import{p as r,H as e,h as a,d as o,t}from"./p-Bxdy-8CE.js";import{d as c}from"./p-CJ3dR7zd.js";import{d}from"./p-zs7a2E3b.js";import{d as i}from"./p-_Uc7YwjU.js";import{d as s}from"./p-5jph302v.js";import{d as n}from"./p-MZOpritx.js";const h=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return a(o,{key:"5380f3adc73e74559c0fc996e7de3cdaf965650c",class:"card-"+this.variant},a("ix-card",{key:"9e0b3ee1196fce31e4e475c6e365de6e0bd68350",variant:this.variant,passive:this.passive},a("ix-card-content",{key:"aa6998c8d7b9a7b2a2329e73ed53dcf736822e91"},a("ix-card-title",{key:"9ad22d217648716115d3bbd1eb5c0dc38f7af26e"},this.icon?a("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,a("ix-typography",{key:"1d11c4efa541af33c0db5b7f8ab6ead6160273e6",format:"display-xxl"},this.notification??0),a("slot",{key:"a96ae7771c8fcf54f17874f97b2fb01529dc7aa8",name:"title-action"})),a("ix-typography",{key:"842b4a4cd60f935a1cbb2fe4fc2ee661a56d0757",format:"h4"},this.heading),a("ix-typography",{key:"a355342f44ca44a492e2756be614c7af340c508e"},this.subheading)),a("ix-card-accordion",{key:"0e2fc1caa5c33899c31bfe8e0076834229385c3a",collapse:!this.expanded,variant:this.variant},a("slot",{key:"f7f08c778f246a9226887ddbf7a55eb7f3119f5b"}))))}static get style(){return":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}"}},[769,"ix-push-card",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],notification:[1],heading:[1],subheading:[1],variant:[1],expanded:[4],passive:[4]}]),b=h,m=function(){"undefined"!=typeof customElements&&["ix-push-card","ix-card","ix-card-accordion","ix-card-content","ix-card-title","ix-typography"].forEach((r=>{switch(r){case"ix-push-card":customElements.get(t(r))||customElements.define(t(r),h);break;case"ix-card":customElements.get(t(r))||c();break;case"ix-card-accordion":customElements.get(t(r))||d();break;case"ix-card-content":customElements.get(t(r))||i();break;case"ix-card-title":customElements.get(t(r))||s();break;case"ix-typography":customElements.get(t(r))||n()}}))};export{b as IxPushCard,m as defineCustomElement}
1
+ import{p as r,H as a,h as e,d as o,t}from"./p-CtDOTMOT.js";import{d as c}from"./p-Cy2KAdml.js";import{d}from"./p-wFiL3dN1.js";import{d as i}from"./p-zqHenwXl.js";import{d as s}from"./p-DDvuSQX3.js";import{d as n}from"./p-DhWkcMmR.js";const h=r(class extends a{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}icon;ariaLabelIcon;notification;heading;subheading;variant="outline";expanded=!1;passive=!1;render(){return e(o,{key:"4f607dbe48bd80e6528f16d3dd70b1759e00f643",class:"card-"+this.variant},e("ix-card",{key:"4fafba1c8dbdd0b8503c14c53dc3c888567725c7",variant:this.variant,passive:this.passive},e("ix-card-content",{key:"c7ac7e9ea9061af15c28ad79b3773ac4cd511a93"},e("ix-card-title",{key:"4206e4413e42e914b11526b40e44cd5e5360d403"},this.icon?e("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,e("ix-typography",{key:"91384db0e1c690aa9715bda38220127f545353b3",format:"display-xxl"},this.notification??0),e("slot",{key:"37cb75b3f6c2578cfa958982c20a5f0c9fa661dc",name:"title-action"})),e("ix-typography",{key:"349b36fe5eaa7faf0b8fa9da84b8b201fd1a173d",format:"h4"},this.heading),e("ix-typography",{key:"edd40ab8765df06b960b8014e318f06cd8c0f56f"},this.subheading)),e("ix-card-accordion",{key:"db0a3f66d0ea0fc8bed61b15651bea6381d812b1",collapse:!this.expanded,variant:this.variant},e("slot",{key:"5095d6f7f3f9b23c17daccf9599ede0426db8b01"}))))}static get style(){return":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}"}},[769,"ix-push-card",{icon:[1],ariaLabelIcon:[1,"aria-label-icon"],notification:[1],heading:[1],subheading:[1],variant:[1],expanded:[4],passive:[4]}]),b=h,m=function(){"undefined"!=typeof customElements&&["ix-push-card","ix-card","ix-card-accordion","ix-card-content","ix-card-title","ix-typography"].forEach((r=>{switch(r){case"ix-push-card":customElements.get(t(r))||customElements.define(t(r),h);break;case"ix-card":customElements.get(t(r))||c();break;case"ix-card-accordion":customElements.get(t(r))||d();break;case"ix-card-content":customElements.get(t(r))||i();break;case"ix-card-title":customElements.get(t(r))||s();break;case"ix-typography":customElements.get(t(r))||n()}}))};export{b as IxPushCard,m as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,e as i,h as s,d as o,t as a}from"./p-Bxdy-8CE.js";import{m as r}from"./p-Djkc69iv.js";import{d as n}from"./p-Cf71L4Ol.js";import{d as l}from"./p-CuswfnZ5.js";import{d as h}from"./p-XBJqkmoc.js";import{d}from"./p-MZOpritx.js";import{H as c}from"./p-C-wf4kbs.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7)}get hostElement(){return this}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=r();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{i!==e.length-1&&(t.checked=!1)}));const t=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!t&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{t===e.target?(t.checked=!0,this.valueChange.emit(t.value)):t.checked=!1}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:o}){this.isInvalid=e||o,this.isInfo=t,this.isValid=i,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,t=!0){const{radiobuttonElements:i}=this,{length:s}=i;if(s<=1)return;const o=i.indexOf(e),a=t?1:-1;let r=(o+a+s)%s;for(;i[r].disabled;){if(r===o)return;r=(r+a+s)%s}const n=i[r];n.setCheckedState(!0),n.focus()}render(){return s(o,{key:"bd4e0a22376eff4ee73490013feacc1097330558",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"18b2eef5eb0cc31c50d2282bb05d45b263e6d6c2",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"36f69aee31fa35337d1b14eafc9d06ca6dd234e5",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"294428b89f46622315677a2e4dc0ef0841ef81c4"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}static get style(){return":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}"}},[769,"ix-radio-group",{helperText:[1,"helper-text"],label:[1],value:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],direction:[1],required:[4],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64],setCheckedToNextItem:[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{value:[{onValueChangeHandler:0}]}]);!function(e,t,i,s){var o,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,i,r):o(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)}([c({includeChildren:!0})],u.prototype,"onClassField",null);const f=u,p=function(){"undefined"!=typeof customElements&&["ix-radio-group","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-radio-group":customElements.get(a(e))||customElements.define(a(e),u);break;case"ix-field-label":customElements.get(a(e))||n();break;case"ix-field-wrapper":customElements.get(a(e))||l();break;case"ix-tooltip":customElements.get(a(e))||h();break;case"ix-typography":customElements.get(a(e))||d()}}))};export{f as IxRadioGroup,p as defineCustomElement}
1
+ import{p as e,H as t,e as i,h as s,d as o,t as a}from"./p-CtDOTMOT.js";import{m as r}from"./p-Djkc69iv.js";import{d as n}from"./p-DtOqKp7K.js";import{d as l}from"./p-zyYHTdEN.js";import{d as h}from"./p-Dfd_ifAu.js";import{d}from"./p-DhWkcMmR.js";import{H as c}from"./p-BWknDysp.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=i(this,"valueChange",7)}get hostElement(){return this}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=r();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((t,i)=>{i!==e.length-1&&(t.checked=!1)}));const t=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!t&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((t=>{t.checked=t.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((t=>{t===e.target?(t.checked=!0,this.valueChange.emit(t.value)):t.checked=!1}))}onClassField({isInvalid:e,isInfo:t,isValid:i,isWarning:s,isInvalidByRequired:o}){this.isInvalid=e||o,this.isInfo=t,this.isValid=i,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,t=!0){const{radiobuttonElements:i}=this,{length:s}=i;if(s<=1)return;const o=i.indexOf(e),a=t?1:-1;let r=(o+a+s)%s;for(;i[r].disabled;){if(r===o)return;r=(r+a+s)%s}const n=i[r];n.setCheckedState(!0),n.focus()}render(){return s(o,{key:"52fe1cdeb484f3114564701e714e686479ad27cb",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"21591f15dbea1dbbe7fcf625b4f866ecfc95f8bb",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"1acbd13c448af7fc4b76690ceafe8afbf19e66b8",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"cca579b75a01d8bd2755de0eb5d1e48e1eb2125d"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}static get style(){return":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}"}},[769,"ix-radio-group",{helperText:[1,"helper-text"],label:[1],value:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],direction:[1],required:[4],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64],setCheckedToNextItem:[64]},[[0,"checkedChange","onCheckedChangeHandler"]],{value:[{onValueChangeHandler:0}]}]);!function(e,t,i,s){var o,a=arguments.length,r=a<3?t:null===s?s=Object.getOwnPropertyDescriptor(t,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,i,s);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(r=(a<3?o(r):a>3?o(t,i,r):o(t,i))||r);a>3&&r&&Object.defineProperty(t,i,r)}([c({includeChildren:!0})],u.prototype,"onClassField",null);const f=u,p=function(){"undefined"!=typeof customElements&&["ix-radio-group","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-radio-group":customElements.get(a(e))||customElements.define(a(e),u);break;case"ix-field-label":customElements.get(a(e))||n();break;case"ix-field-wrapper":customElements.get(a(e))||l();break;case"ix-tooltip":customElements.get(a(e))||h();break;case"ix-typography":customElements.get(a(e))||d()}}))};export{f as IxRadioGroup,p as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-Bxdy-8CE.js";import{a as i}from"./p-B5k8YVR0.js";import{d as t}from"./p-MZOpritx.js";import{c as n}from"./p-C-wf4kbs.js";const h=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=o(this,"checkedChange",7),this.valueChange=o(this,"valueChange",7),this.ixBlur=o(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;value;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=n(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"5e76cfa3be05a7b0354e987f2ec3f3e5df152c4c","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"78ed2a34ead25c7f1836be8e1588a2cb70c107c0"},d("div",{key:"a06de9d6645e89b86daa35ff7b495bdf77d72377",class:"radio-button"},d("div",{key:"bb4e8c6cea96503bc6211c43464ce0ea14923048","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"eca09b300d52b090f83e7e6bffa6b08b6bbad30d",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"e80c0237090a0b5069f6a33ea0aaa831f197da59",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"9a0db47b61423675b443a0e7bb5fa36f99f141ba"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}"}},[833,"ix-radio",{name:[513],value:[513],label:[1],disabled:[516],checked:[1540],required:[516],setCheckedState:[64],hasValidValue:[64],getAssociatedFormElement:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]),b=h,k=function(){"undefined"!=typeof customElements&&["ix-radio","ix-typography"].forEach((e=>{switch(e){case"ix-radio":customElements.get(c(e))||customElements.define(c(e),h);break;case"ix-typography":customElements.get(c(e))||t()}}))};export{b as IxRadio,k as defineCustomElement}
1
+ import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-CtDOTMOT.js";import{a as i}from"./p-C21npbUc.js";import{d as t}from"./p-DhWkcMmR.js";import{c as n}from"./p-BWknDysp.js";const h=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.checkedChange=o(this,"checkedChange",7),this.valueChange=o(this,"valueChange",7),this.ixBlur=o(this,"ixBlur",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;value;label;disabled=!1;checked=!1;required=!1;checkedChange;valueChange;ixBlur;classMutationObserver;async setCheckedState(e){this.checked||this.checkedChange.emit(e).defaultPrevented||(this.checked=e)}async onCheckedChange(){this.updateFormInternalValue()}onValueChange(){this.valueChange.emit(this.value)}connectedCallback(){const e=this.hostElement.closest("ix-radio-group");e&&(this.classMutationObserver=n(e,(()=>{this.hostElement.classList.toggle("ix-invalid--required",e.classList.contains("ix-invalid--required"))})))}disconnectedCallback(){this.classMutationObserver&&this.classMutationObserver.destroy()}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){this.formInternals.setFormValue(this.checked?this.value??"on":null)}onKeyDown(e){if(this.disabled)return;let r=!1;"Space"===e.code&&(r=!0,this.setCheckedState(!0));const o=this.hostElement.closest("ix-radio-group");switch(e.code){case"ArrowUp":case"ArrowLeft":r=!0,o?.setCheckedToNextItem(this.hostElement,!1);break;case"ArrowDown":case"ArrowRight":r=!0,o?.setCheckedToNextItem(this.hostElement,!0)}r&&(e.stopPropagation(),e.preventDefault())}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}render(){let e=0;return this.disabled&&(e=-1),d(a,{key:"38a5132a44f733662ff6b744cb4469595df3d2b9","aria-checked":i(this.checked),"aria-disabled":i(this.disabled),role:"radio",tabindex:e,class:{disabled:this.disabled,checked:this.checked},onClick:()=>{this.disabled||this.setCheckedState(!0)},onKeyDown:e=>this.onKeyDown(e),onBlur:()=>this.ixBlur.emit()},d("label",{key:"2505290137ef4bf9771119b347c95896afd3bfb2"},d("div",{key:"774c09d5a0bb29a13cf6fb091e912f81d17e3ea8",class:"radio-button"},d("div",{key:"1a44e92780fa8fa8ecee253400b23febfa3de481","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"e2e26bd36cbc7c94be84fed124f30dda3aee4086",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"c96621fb5011671d18b32d38bb619585ba2aaa35",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"849c0c96db14348798bb2ca509e3e828dfd40600"}))))}static get formAssociated(){return!0}static get watchers(){return{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:inline-block;position:relative}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .radio-checkmark{all:unset;display:inline-flex;position:relative;align-items:center;justify-content:center;width:1.125rem;min-width:1.125rem;max-width:1.125rem;height:1.125rem;min-height:1.125rem;max-height:1.125rem;border:1px solid white;border-radius:100px}:host .radio-button{height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}:host label{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%}:host .checkmark{border-radius:100px;background-color:var(--theme-color-primary--contrast);width:0.5rem;height:0.5rem}:host .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.checked) .radio-checkmark,:host([indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.checked:hover) .radio-checkmark,:host([indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.checked:active) .radio-checkmark,:host([indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.checked.disabled) .radio-checkmark,:host([indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(:focus-visible){outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:var(--theme-radiobtn--focus--outline-offset)}ix-typography{margin:0.125rem 0 0.125rem 0.5rem}:host(.ix-info:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--info );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--info--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--info--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--info );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--info--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--info--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--info );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--info--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--info--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--info );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--info--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--info--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--info );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--info--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--info--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--info );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--info--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--info--active )}:host(.ix-info) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-info:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-info:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-info.checked) .radio-checkmark,:host(.ix-info[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-info.checked:hover) .radio-checkmark,:host(.ix-info[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-info.checked:active) .radio-checkmark,:host(.ix-info[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-info.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-info.checked.disabled) .radio-checkmark,:host(.ix-info[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-warning:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--warning );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--warning--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--warning--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--warning );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--warning--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--warning--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--warning );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--warning--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--warning--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--warning );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--warning--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--warning--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--warning );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--warning--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--warning--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--warning );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--warning--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--warning--active )}:host(.ix-warning) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-warning:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-warning:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-warning.checked) .radio-checkmark,:host(.ix-warning[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-warning.checked:hover) .radio-checkmark,:host(.ix-warning[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-warning.checked:active) .radio-checkmark,:host(.ix-warning[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-warning.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-warning.checked.disabled) .radio-checkmark,:host(.ix-warning[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid--required:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid--required) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid--required:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid--required:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid--required.checked) .radio-checkmark,:host(.ix-invalid--required[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid--required.checked:hover) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid--required.checked:active) .radio-checkmark,:host(.ix-invalid--required[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid--required.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid--required.checked.disabled) .radio-checkmark,:host(.ix-invalid--required[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}:host(.ix-invalid:not(.disabled)) .radio-checkmark{--theme-radiobtn-unchecked--background:var( --theme-radiobtn-unchecked--background--invalid );--theme-radiobtn-unchecked--background--hover:var( --theme-radiobtn-unchecked--background--invalid--hover );--theme-radiobtn-unchecked--background--active:var( --theme-radiobtn-unchecked--background--invalid--active );--theme-radiobtn-unchecked--border-color:var( --theme-radiobtn-unchecked--border-color--invalid );--theme-radiobtn-unchecked--border-color--hover:var( --theme-radiobtn-unchecked--border-color--invalid--hover );--theme-radiobtn-unchecked--border-color--active:var( --theme-radiobtn-unchecked--border-color--invalid--active );--theme-radiobtn-checked--background:var( --theme-radiobtn-checked--background--invalid );--theme-radiobtn-checked--background--hover:var( --theme-radiobtn-checked--background--invalid--hover );--theme-radiobtn-checked--background--active:var( --theme-radiobtn-checked--background--invalid--active );--theme-radiobtn-checked--border-color:var( --theme-radiobtn-checked--border-color--invalid );--theme-radiobtn-checked--border-color--hover:var( --theme-radiobtn-checked--border-color--invalid--hover );--theme-radiobtn-checked--border-color--active:var( --theme-radiobtn-checked--border-color--invalid--active );--theme-radiobtn-mixed--background:var( --theme-radiobtn-mixed--background--invalid );--theme-radiobtn-mixed--background--hover:var( --theme-radiobtn-mixed--background--invalid--hover );--theme-radiobtn-mixed--background--active:var( --theme-radiobtn-mixed--background--invalid--active );--theme-radiobtn-mixed--border-color:var( --theme-radiobtn-mixed--border-color--invalid );--theme-radiobtn-mixed--border-color--hover:var( --theme-radiobtn-mixed--border-color--invalid--hover );--theme-radiobtn-mixed--border-color--active:var( --theme-radiobtn-mixed--border-color--invalid--active )}:host(.ix-invalid) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color)}:host(.ix-invalid:hover) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--hover)}:host(.ix-invalid:active) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--active)}:host(.ix-invalid.checked) .radio-checkmark,:host(.ix-invalid[indeterminate]) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color)}:host(.ix-invalid.checked:hover) .radio-checkmark,:host(.ix-invalid[indeterminate]:hover) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--hover);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--hover)}:host(.ix-invalid.checked:active) .radio-checkmark,:host(.ix-invalid[indeterminate]:active) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--active);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--active)}:host(.ix-invalid.disabled) .radio-checkmark{background-color:var(--theme-radiobtn-unchecked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-unchecked--border-color--disabled)}:host(.ix-invalid.checked.disabled) .radio-checkmark,:host(.ix-invalid[indeterminate].disabled) .radio-checkmark{background-color:var(--theme-radiobtn-checked--background--disabled);border:var(--theme-radiobtn--border-thickness) solid var(--theme-radiobtn-checked--border-color--disabled)}"}},[833,"ix-radio",{name:[513],value:[513],label:[1],disabled:[516],checked:[1540],required:[516],setCheckedState:[64],hasValidValue:[64],getAssociatedFormElement:[64]},void 0,{checked:[{onCheckedChange:0}],value:[{onValueChange:0}]}]),b=h,k=function(){"undefined"!=typeof customElements&&["ix-radio","ix-typography"].forEach((e=>{switch(e){case"ix-radio":customElements.get(c(e))||customElements.define(c(e),h);break;case"ix-typography":customElements.get(c(e))||t()}}))};export{b as IxRadio,k as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,M as t,h as r,d as a,t as i}from"./p-Bxdy-8CE.js";import{O as s}from"./p-CQj_gEvY.js";import{i as o,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-Dx8kFukG.js";import{r as d}from"./p-BEuV0Xpe.js";const c=e(class extends(t(...l)){constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(e,t){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw Error("Input range type is not specified.");const e=this.hostElement?.children;if(!e)return;if(2!==e?.length)throw Error("Input range must have exactly two child elements.");let t=!1;if("time-range"===this.type?t=Array.from(e).every((e=>"ix-time-input"===e.tagName.toLowerCase())):"date-range"===this.type?t=Array.from(e).every((e=>"ix-date-input"===e.tagName.toLowerCase())):"datetime-range"===this.type&&(t=Array.from(e).every((e=>"ix-datetime-input"===e.tagName.toLowerCase()))),!t)throw Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(e).map((e=>e.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(e),this.hasLabel=this.elements.some((e=>!!e.label)),this.hasLabel&&this.elements.forEach((e=>{e.label?e.classList.remove("fallback-label-margin"):e.classList.add("fallback-label-margin")}))}async onValueChange(e){if(!this.elements)return;const[t,r]=this.elements;if(h())return;if(!e.detail||e.target!==t)return;if(!o(t))return void this.warnInDev("First element is not an input field component.",t);if(!o(r))return void this.warnInDev("Second element is not an input field component.",r);const a=await r.getNativeInputElement();a?.focus(),n(r)?d((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return r(a,{key:"9a7a7fe48f24b453a0ec97441a295ecdedce01bc",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&r("ix-icon",{key:"6e70058b9ed46a3d0d8a9d81db96a1449a94eb00","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:s}),r("slot",{key:"f700e47951e5a58c9232adb5a79fa01f42d369fa"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}"}},[769,"ix-range-field",{type:[1],hideArrow:[4,"hide-arrow"],hasLabel:[32]},[[0,"ixChange","onValueChange"]]]),b=c,m=function(){"undefined"!=typeof customElements&&["ix-range-field"].forEach((e=>{"ix-range-field"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))};export{b as IxRangeField,m as defineCustomElement}
1
+ import{p as t,M as e,h as r,d as a,t as i}from"./p-CtDOTMOT.js";import{O as s}from"./p-BtSt9tC5.js";import{i as o,a as n}from"./p-XBTykBKS.js";import{D as l,h}from"./p-CApDAYIa.js";import{r as c}from"./p-BEuV0Xpe.js";const d=t(class extends(e(...l)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}type;hideArrow=!1;observeElements;hasLabel=!1;elements;warnInDev(t,e){}componentWillLoad(){this.observeElements=new MutationObserver((()=>{this.validateRangeElements()})),this.observeElements.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["label"]}),this.validateRangeElements()}disconnectedCallback(){this.observeElements?.disconnect()}validateRangeElements(){if(!this.type)throw Error("Input range type is not specified.");const t=this.hostElement?.children;if(!t)return;if(2!==t?.length)throw Error("Input range must have exactly two child elements.");let e=!1;if("time-range"===this.type?e=Array.from(t).every((t=>"ix-time-input"===t.tagName.toLowerCase())):"date-range"===this.type?e=Array.from(t).every((t=>"ix-date-input"===t.tagName.toLowerCase())):"datetime-range"===this.type&&(e=Array.from(t).every((t=>"ix-datetime-input"===t.tagName.toLowerCase()))),!e)throw Error(`Input range elements are not valid for the specified type (type=${this.type}). Current elements: ${Array.from(t).map((t=>t.tagName.toLowerCase())).join(", ")}`);this.elements=Array.from(t),this.hasLabel=this.elements.some((t=>!!t.label)),this.hasLabel&&this.elements.forEach((t=>{t.label?t.classList.remove("fallback-label-margin"):t.classList.add("fallback-label-margin")}))}async onValueChange(t){if(!this.elements)return;const[e,r]=this.elements;if(h())return;if(!t.detail||t.target!==e)return;if(!o(e))return void this.warnInDev("First element is not an input field component.",e);if(!o(r))return void this.warnInDev("Second element is not an input field component.",r);const a=await r.getNativeInputElement();a?.focus(),n(r)?c((()=>r.openPicker())):this.warnInDev("Second element is not an input field with picker component.",r)}render(){return r(a,{key:"a3fe83cc2529f7b415a7c2b7cc6f03685078df51",class:{"hide-arrow":this.hideArrow},role:"group"},!this.hideArrow&&r("ix-icon",{key:"10503bc358606a043a4cd3f56c399bc500fb4714","aria-hidden":"true",class:{"range-delimiter":!0,"has-label":this.hasLabel},name:s}),r("slot",{key:"2b97358a113fa98803c17dda0d1202d94d1cdc34"}))}static get style(){return":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host{display:inline-flex;position:relative;gap:0.25rem}:host .range-delimiter{order:2;flex:0 0 auto;margin-top:0.25rem}:host .range-delimiter.has-label{margin-top:2rem}:host ::slotted(:first-child),:host ::slotted(:last-child){flex:1 1 0;min-width:0}:host ::slotted(:first-child){order:1}:host ::slotted(:last-child){order:3}:host ::slotted(.fallback-label-margin){margin-top:1.8rem}:host(.hide-arrow){gap:0.5rem}"}},[769,"ix-range-field",{type:[1],hideArrow:[4,"hide-arrow"],hasLabel:[32]},[[0,"ixChange","onValueChange"]]]),b=d,m=function(){"undefined"!=typeof customElements&&["ix-range-field"].forEach((t=>{"ix-range-field"===t&&(customElements.get(i(t))||customElements.define(i(t),d))}))};export{b as IxRangeField,m as defineCustomElement}
@@ -1 +1 @@
1
- import{R as o,d as s}from"./p-BP8g-yqY.js";const p=o,r=s;export{p as IxRow,r as defineCustomElement}
1
+ import{R as o,d as p}from"./p-BNAvpXSk.js";const s=o,r=p;export{s as IxRow,r as defineCustomElement}
@@ -1 +1 @@
1
- import{S as o,d as s}from"./p-D5gbubPJ.js";const p=o,r=s;export{p as IxSelectItem,r as defineCustomElement}
1
+ import{S as o,d as r}from"./p-CGHbrmJg.js";const s=o,m=r;export{s as IxSelectItem,m as defineCustomElement}
@@ -1 +1 @@
1
- import{S as o,d as s}from"./p-D4T7_gkf.js";const p=o,r=s;export{p as IxSelect,r as defineCustomElement}
1
+ import{S as o,d as p}from"./p-CpOGS2e_.js";const s=o,r=p;export{s as IxSelect,r as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as t,e as r,h as a,d as i,t as o}from"./p-Bxdy-8CE.js";import{b as s}from"./p-B5k8YVR0.js";import{O as n}from"./p-CsP_r-y6.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-Cf71L4Ol.js";import{d as h}from"./p-CuswfnZ5.js";import{d}from"./p-XBJqkmoc.js";import{d as u}from"./p-MZOpritx.js";import{H as b}from"./p-C-wf4kbs.js";var m=function(e,t,r,a){var i,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s};function p(e,t,r){return t<e?e:t>r?r:t}const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=c();thumbRef=c();tooltipRef=c();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:e,isInfo:t,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=e||i,this.isInfo=t,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=s(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=p(this.min,this.value,this.max),this.rangeTraceReference=p(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(e){this.setFormValueIfChanged(e),this.valueChange.emit(e)}setFormValueIfChanged(e){const t=""+e;this.lastFormValue!==t&&(this.formInternals.setFormValue(t),this.lastFormValue=t)}onInput(e){e.stopPropagation();const t=parseFloat(this.slider.value);if(!isNaN(t)){const e=this.rangeInput;this.rangeInput=t;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=e,this.slider.value=""+e):this.updateFormInternalValue(t)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(e){return e>=Math.min(this.traceReference,this.rangeInput)&&e<=Math.max(this.traceReference,this.rangeInput)}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.rangeMax-this.rangeMin;let t=(this.rangeTraceReference-this.rangeMin)/e,r=(this.rangeInput-this.rangeMin)/e,o=t,s=r;return r-t<=0&&(o=r,s=t),a(i,{key:"4e158f7b4af6a8786274b094fcbdc26a00ec19ed",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"a18bd3265b8f50d1a3383b59e70efe0bfb829f39",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"e01718c2e79b41df00aff2cafd6c8e5becdba85d",class:"slider-container"},a("div",{key:"8b83be7e28cac0484b54768c6283d1d37a74e857",class:"slider"},a("div",{key:"9fa8db2173cd87de771d6a0d5a2ace01820fe128",class:"track"},a("div",{key:"46b3b6487f23f4a9219420642587813906c53ce8",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"53a69bb9f7e79558323d7558d60655293a467012",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((e=>e>=this.min&&e<=this.max)).map((t=>{const r=(t-this.rangeMin)/e;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(t)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":""+r}})})))),a("input",{key:"e92242dc3fa7207e1d86071369e76178c9ae6ddf",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:e=>this.onInput(e),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":""+r,"--trace-reference":""+t,"--trace-start":""+o,"--trace-end":""+s},class:{trace:this.trace&&t!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"aff89362b88b37ec1d9b6bd9f6ba59646dd538a0",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"34feab8797c1338f3063e17e145811ea33518f4e",class:"label"},a("div",{key:"c95ca806e153beab2c91451859b12c82f2e89a65"},a("slot",{key:"e49498aba11ed8f8711db171308f4979a942a93c",name:"label-start"})),a("div",{key:"ac2e3855bc845f00f3ac8f79022c767befa2c7ea"},a("slot",{key:"a21bc3e1329c8467762e5b44801fc8db0868ec13",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}static get style(){return':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}'}},[833,"ix-slider",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],step:[2],min:[2],max:[2],value:[2],marker:[16],trace:[4],traceReference:[2,"trace-reference"],disabled:[4],rangeInput:[32],rangeMin:[32],rangeMax:[32],rangeTraceReference:[32],showTooltip:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64]},void 0,{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}]);m([b()],v.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],v.prototype,"onPointerUp",null);const g=v,k=function(){"undefined"!=typeof customElements&&["ix-slider","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-slider":customElements.get(o(e))||customElements.define(o(e),v);break;case"ix-field-label":customElements.get(o(e))||l();break;case"ix-field-wrapper":customElements.get(o(e))||h();break;case"ix-tooltip":customElements.get(o(e))||d();break;case"ix-typography":customElements.get(o(e))||u()}}))};export{g as IxSlider,k as defineCustomElement}
1
+ import{p as e,H as t,e as r,h as a,d as i,t as o}from"./p-CtDOTMOT.js";import{b as s}from"./p-C21npbUc.js";import{O as n}from"./p-CuFZ7CXu.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-DtOqKp7K.js";import{d as h}from"./p-zyYHTdEN.js";import{d}from"./p-Dfd_ifAu.js";import{d as u}from"./p-DhWkcMmR.js";import{H as b}from"./p-BWknDysp.js";var m=function(e,t,r,a){var i,o=arguments.length,s=o<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(i=e[n])&&(s=(o<3?i(s):o>3?i(t,r,s):i(t,r))||s);return o>3&&s&&Object.defineProperty(t,r,s),s};function p(e,t,r){return t<e?e:t>r?r:t}const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=r(this,"valueChange",7),this.formInternals=this.attachInternals()}formInternals;get hostElement(){return this}helperText;label;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;step=1;min=0;max=100;value=0;marker;trace=!1;traceReference=0;disabled=!1;valueChange;rangeInput=0;rangeMin=0;rangeMax=100;rangeTraceReference=0;showTooltip=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;a11yAttributes;lastFormValue;touched=!1;controlRef=c();thumbRef=c();tooltipRef=c();get hasLabels(){return!!this.hostElement.querySelector('[slot="label-start"], [slot="label-end"]')}get tooltip(){return this.tooltipRef.current}get pseudoThumb(){return this.thumbRef.current}get slider(){return this.hostElement.shadowRoot?.getElementById("slider")}onShowTooltipChange(){this.showTooltip&&this.pseudoThumb?this.tooltip?.showTooltip(this.pseudoThumb):this.tooltip?.hideTooltip()}onClassField({isInvalid:e,isInfo:t,isValid:r,isWarning:a,isInvalidByRequired:i}){this.isInvalid=e||i,this.isInfo=t,this.isValid=r,this.isWarning=a}componentWillLoad(){this.a11yAttributes=s(this.hostElement,["role","aria-valuemin","aria-valuemax","aria-valuenow"]),this.updateRangeVariables(),this.setFormValueIfChanged(this.value)}updateRangeVariables(){this.rangeInput=p(this.min,this.value,this.max),this.rangeTraceReference=p(this.min,this.traceReference,this.max),this.rangeMin=Math.min(this.min,this.max),this.rangeMax=Math.max(this.min,this.max),void 0!==this.value&&this.setFormValueIfChanged(this.value)}updateFormInternalValue(e){this.setFormValueIfChanged(e),this.valueChange.emit(e)}setFormValueIfChanged(e){const t=""+e;this.lastFormValue!==t&&(this.formInternals.setFormValue(t),this.lastFormValue=t)}onInput(e){e.stopPropagation();const t=parseFloat(this.slider.value);if(!isNaN(t)){const e=this.rangeInput;this.rangeInput=t;const{defaultPrevented:r}=this.emitInputEvent();r?(this.rangeInput=e,this.slider.value=""+e):this.updateFormInternalValue(t)}}emitInputEvent(){return this.valueChange.emit(this.rangeInput)}isMarkerActive(e){return e>=Math.min(this.traceReference,this.rangeInput)&&e<=Math.max(this.traceReference,this.rangeInput)}onPointerUp(){this.showTooltip=!1}hasValidValue(){return Promise.resolve(!0)}isTouched(){return Promise.resolve(this.touched)}render(){const e=this.rangeMax-this.rangeMin;let t=(this.rangeTraceReference-this.rangeMin)/e,r=(this.rangeInput-this.rangeMin)/e,o=t,s=r;return r-t<=0&&(o=r,s=t),a(i,{key:"5eed909b2857b9bfbea41402736fe01d7ad9a434",class:{disabled:this.disabled,invalid:this.isInvalid,info:this.isInfo,valid:this.isValid,warning:this.isWarning},onPointerDown:()=>setTimeout((()=>this.showTooltip=!0))},a("ix-field-wrapper",{key:"6f5ef62c132260787b91ea5b5f08faf21153735f",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.controlRef},a("div",{key:"c67536334750605b342859dbf6c38abcc730c6a6",class:"slider-container"},a("div",{key:"33649db602e05ea4f2496c6b7b5a3620eca81a49",class:"slider"},a("div",{key:"f282b195ad420d036e90b4cc45c59fe9232b5919",class:"track"},a("div",{key:"f68211f2d377f2741eaedcdc4ca7fcbcd0f1bbfb",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"50576c072bbd33c8689017d7f67b83694d73516c",class:"ticks",xmlns:"http://www.w3.org/2000/svg"},this.marker?.filter((e=>e>=this.min&&e<=this.max)).map((t=>{const r=(t-this.rangeMin)/e;return a("circle",{class:{tick:!0,"tick-active":this.isMarkerActive(t)&&this.trace,"tick-at-min":0===r,"tick-at-max":1===r},cx:"0",cy:"0",style:{"--tick-value":""+r}})})))),a("input",{key:"3ee47514d9a51488410c2b0984f05f39e74153a7",id:"slider",ref:this.controlRef,type:"range",list:this.marker?"markers":void 0,step:this.step,min:this.min,max:this.max,value:this.rangeInput,tabindex:this.disabled?-1:0,onInput:e=>this.onInput(e),onFocus:()=>{this.showTooltip=!0,this.touched=!0},onBlur:()=>{this.showTooltip=!1},style:{"--value":""+r,"--trace-reference":""+t,"--trace-start":""+o,"--trace-end":""+s},class:{trace:this.trace&&t!==r,"hide-trace-reference":this.trace&&(this.traceReference<=this.min||this.traceReference>=this.max)},role:"slider","aria-valuenow":this.rangeInput,"aria-valuemin":this.min,"aria-valuemax":this.max,...this.a11yAttributes}),a("ix-tooltip",{key:"740ea0d7cf7a200c7db7ea8ac70fd2537b84b4a5",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"d5264eaabacd9f667600df1f0cdf8e89b24d7730",class:"label"},a("div",{key:"4ac2ebda49543e04e619452bd59c3f30a0404879"},a("slot",{key:"dcc9ecd173f1d49133e1070b72b34b8485cc9860",name:"label-start"})),a("div",{key:"022869a430a0644e24932553a321da5fa8dd4df2"},a("slot",{key:"4da9fdcb1d570657a3796a32d0925025e16dc4b7",name:"label-end"}))))))}static get formAssociated(){return!0}static get watchers(){return{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}}static get style(){return':host{display:flex;flex-direction:column;min-height:2rem;justify-content:center;--thumb-size:1rem;--value:0;--trace-start:0;--trace-end:0;--trace-reference:0;--trace-reference-color:var(--theme-slider-track-marker--background);--trace-color:var(--theme-slider-trace--background);--tick-color:var(--theme-slider-track-marker--background);--tick-color--active:var(--theme-slider-trace-marker--background);--track-color:var(--theme-slider-track--background)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=range]{position:absolute;top:50%;transform:translateY(-50%);left:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;width:100%;height:1.5rem;margin:0}:host input[type=range].trace::before{content:"";position:absolute;display:block;z-index:-1;width:calc((var(--trace-end) - var(--trace-start)) * 100%);left:calc(var(--trace-start) * 100%);height:4px;background-color:var(--trace-color);top:50%;transform:translateY(-50%);border-radius:clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (var(--trace-end) - 0.99) * 999rem, 0.125rem) clamp(0rem, (0.01 - var(--trace-start)) * 999rem, 0.125rem)}:host .slider-container{width:100%}:host .slider-container .slider{width:100%}:host .slider-container .slider input[type=range]{width:100%}:host input[type=range].trace:not(.hide-trace-reference)::after{content:"";position:absolute;display:block;width:2px;height:16px;background-color:var(--trace-reference-color);top:50%;transform:translateY(-50%);left:calc(100% * var(--trace-reference))}:host input[type=range]::-webkit-slider-runnable-track{background:transparent;height:0.25rem}:host input[type=range]::-moz-range-track{background:transparent;height:0.25rem}:host input[type=range i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px}:host input[type=range i]::-moz-range-thumb{border:none;border-radius:0}:host input[type=range]::-webkit-slider-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-webkit-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]::-moz-range-thumb{border-radius:50%;background-color:var(--theme-slider-thumb--background);height:var(--thumb-size);width:var(--thumb-size);-moz-transition:all var(--theme-default-time) ease-in-out;transition:all var(--theme-default-time) ease-in-out;z-index:10}:host input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--hover)}:host input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--active)}:host input[type=range]:focus{outline:none}:host input[type=range]:focus-visible::-webkit-slider-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host input[type=range]:focus-visible::-moz-range-thumb{outline:1px solid var(--theme-color-focus-bdr);outline-offset:0.125rem}:host{}:host .ticks{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}:host .ticks circle.tick{--tick-size:6px;--tick-radius:calc(var(--tick-size) / 2);r:var(--tick-radius);fill:var(--tick-color);transform:translate(calc(var(--tick-value) * (100% - var(--thumb-size)) + var(--thumb-size) / 2), 50%)}:host .ticks .tick.tick-at-min{transform:translate(var(--tick-radius), 50%)}:host .ticks .tick.tick-at-max{transform:translate(calc(100% - var(--tick-radius)), 50%)}:host .ticks .tick.tick-active{fill:var(--tick-color--active)}:host .slider{position:relative;display:block;width:100%;height:1.5rem}:host .track{position:absolute;background-color:var(--track-color);height:4px;width:100%;top:50%;transform:translateY(-50%);left:0px;border-radius:2px}:host .thumb{display:block;position:absolute;background-color:transparent;height:1rem;width:1rem;border-radius:100px;top:50%;transform:translateY(-50%)}:host .hide-tooltip{display:none}:host .label{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;margin-top:0.5rem;min-height:0px}:host(.invalid){--trace-color:var(--theme-slider-trace--background--invalid);--tick-color--active:var(--theme-slider-trace-marker--background--invalid)}:host(.invalid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid)}:host(.invalid) input[type=range]:hover::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:hover::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--hover)}:host(.invalid) input[type=range]:active::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.invalid) input[type=range]:active::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--invalid--active)}:host(.disabled){pointer-events:none;--track-color:var(--theme-slider-track--background--disabled);--trace-color:var(--theme-slider-trace--background--disabled);--tick-color:var(--theme-slider-track-marker--background--disabled);--tick-color--active:var(--theme-slider-trace-marker--background--disabled)}:host(.disabled) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.disabled) input[type=range]::-moz-range-thumb{background-color:var(--theme-slider-thumb--background--disabled)}:host(.warning){--trace-color:var(--theme-color-warning-40);--tick-color--active:var(--theme-color-warning)}:host(.warning) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-warning)}:host(.warning) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-warning)}:host(.info){--trace-color:var(--theme-color-info-40);--tick-color--active:var(--theme-color-info)}:host(.info) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-info)}:host(.info) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-info)}:host(.valid){--trace-color:var(--theme-color-success-40);--tick-color--active:var(--theme-color-success)}:host(.valid) input[type=range]::-webkit-slider-thumb{background-color:var(--theme-color-success)}:host(.valid) input[type=range]::-moz-range-thumb{background-color:var(--theme-color-success)}'}},[833,"ix-slider",{helperText:[1,"helper-text"],label:[1],invalidText:[1,"invalid-text"],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],step:[2],min:[2],max:[2],value:[2],marker:[16],trace:[4],traceReference:[2,"trace-reference"],disabled:[4],rangeInput:[32],rangeMin:[32],rangeMax:[32],rangeTraceReference:[32],showTooltip:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],hasValidValue:[64],isTouched:[64]},void 0,{showTooltip:[{onShowTooltipChange:0}],value:[{updateRangeVariables:0}],max:[{updateRangeVariables:0}],min:[{updateRangeVariables:0}],traceReference:[{updateRangeVariables:0}]}]);m([b()],v.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],v.prototype,"onPointerUp",null);const g=v,k=function(){"undefined"!=typeof customElements&&["ix-slider","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-slider":customElements.get(o(e))||customElements.define(o(e),v);break;case"ix-field-label":customElements.get(o(e))||l();break;case"ix-field-wrapper":customElements.get(o(e))||h();break;case"ix-tooltip":customElements.get(o(e))||d();break;case"ix-typography":customElements.get(o(e))||u()}}))};export{g as IxSlider,k as defineCustomElement}
@@ -1 +1 @@
1
- import{S as o,d as s}from"./p-By6x--zJ.js";const p=o,r=s;export{p as IxSpinner,r as defineCustomElement}
1
+ import{S as o,d as s}from"./p-Dwe6tWhq.js";const t=o,p=s;export{t as IxSpinner,p as defineCustomElement}
@@ -1 +1 @@
1
- import{p as t,M as o,e,h as r,d as i,t as s}from"./p-Bxdy-8CE.js";import{z as a}from"./p-CQj_gEvY.js";import{P as n,u as l,a as b,F as d}from"./p-DOCAISxs.js";import{D as h}from"./p-Dx8kFukG.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-Btv5ReUJ.js";import{d as p}from"./p-B1ZcjHve.js";import{d as m}from"./p-CDKHgTB8.js";import{d as x}from"./p-NLlCSNeG.js";import{d as g}from"./p-By6x--zJ.js";const k=t(class extends(o(...h,c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=e(this,"buttonClick",7)}get hostElement(){return this}variant="primary";closeBehavior="both";label;ariaLabelButton;icon;splitIcon;ariaLabelSplitIconButton;disabled=!1;disableButton=!1;disableDropdownButton=!1;enableTopLayer=!1;buttonClick;showDropdown=!1;internalId="ix-split-button";observeChildrenChange;componentDidLoad(){super.componentDidLoad(),this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}get isDisabledButton(){return this.disabled||this.disableButton}get isDisabledIcon(){return this.disabled||this.disableDropdownButton}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(".right-button")}isAriaActiveDescendantActive(){return this.showDropdown}getAriaActiveDescendantProxyItemId(){return n}updateProxyList(){const t=this.hostElement.querySelectorAll("ix-dropdown-item"),o=this.hostElement.shadowRoot.querySelector(".proxy-list");o&&l(o,Array.from(t),((t,o)=>{o.role="menuitem",o.innerText=t.label??t.textContent??"",o.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.variant.toLocaleLowerCase().includes("secondary"),o={variant:this.variant,disabled:this.isDisabledButton,class:{"left-button":!0,"left-button-border":!t}};return r(i,{key:"4e8f8a306c40e3d6d5d95d86ecbc6f868cb19c1e"},this.label?r("ix-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton},this.label):r("ix-icon-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton}),r("ix-dropdown-button",{key:"5dff21af4a06267188147000d77ead850d879339",class:"right-button","aria-label":this.ariaLabelSplitIconButton,icon:this.splitIcon??a,enableTopLayer:this.enableTopLayer,closeBehavior:this.closeBehavior,disabled:this.isDisabledIcon,suppressAriaActiveDescendant:!0,onShowChanged:({detail:t})=>this.showDropdown=t,"aria-controls":`${this.internalId}-${b}`},r(d,{key:"667a0a407632385534a22e7e3e136a9cb29ba317",hostId:this.internalId,otherProps:{}}),r("slot",{key:"e1b22d82b508dde989decb1a93047a8a78f31449"})))}static get style(){return".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-split-button",{variant:[1],closeBehavior:[8,"close-behavior"],label:[1],ariaLabelButton:[1,"aria-label-button"],icon:[1],splitIcon:[1,"split-icon"],ariaLabelSplitIconButton:[1,"aria-label-split-icon-button"],disabled:[4],disableButton:[4,"disable-button"],disableDropdownButton:[4,"disable-dropdown-button"],enableTopLayer:[4,"enable-top-layer"]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]),f=k,v=function(){"undefined"!=typeof customElements&&["ix-split-button","ix-button","ix-dropdown","ix-dropdown-button","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-split-button":customElements.get(s(t))||customElements.define(s(t),k);break;case"ix-button":customElements.get(s(t))||u();break;case"ix-dropdown":customElements.get(s(t))||p();break;case"ix-dropdown-button":customElements.get(s(t))||m();break;case"ix-icon-button":customElements.get(s(t))||x();break;case"ix-spinner":customElements.get(s(t))||g()}}))};export{f as IxSplitButton,v as defineCustomElement}
1
+ import{p as t,M as o,e as r,h as e,d as i,t as s}from"./p-CtDOTMOT.js";import{z as a}from"./p-BtSt9tC5.js";import{P as n,u as b,a as l,F as d}from"./p-BBCsPlPH.js";import{D as h}from"./p-CApDAYIa.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-Wr4Qf8LA.js";import{d as p}from"./p-B-O0ylt_.js";import{d as m}from"./p-BDlGgfYh.js";import{d as x}from"./p-3VG6z9c3.js";import{d as f}from"./p-Dwe6tWhq.js";const g=t(class extends(o(...h,c)){constructor(t){super(!1),!1!==t&&this.__registerHost(),this.__attachShadow(),this.buttonClick=r(this,"buttonClick",7)}get hostElement(){return this}variant="primary";closeBehavior="both";label;ariaLabelButton;icon;splitIcon;ariaLabelSplitIconButton;disabled=!1;disableButton=!1;disableDropdownButton=!1;enableTopLayer=!1;buttonClick;showDropdown=!1;internalId="ix-split-button";observeChildrenChange;componentDidLoad(){super.componentDidLoad(),this.observeChildrenChange=new MutationObserver((()=>{this.updateProxyList()})),this.observeChildrenChange.observe(this.hostElement,{childList:!0,subtree:!0}),this.updateProxyList()}disconnectedCallback(){super.disconnectedCallback(),this.observeChildrenChange?.disconnect()}get isDisabledButton(){return this.disabled||this.disableButton}get isDisabledIcon(){return this.disabled||this.disableDropdownButton}getControllingAriaElement(){return this.hostElement.shadowRoot.querySelector(".right-button")}isAriaActiveDescendantActive(){return this.showDropdown}getAriaActiveDescendantProxyItemId(){return n}updateProxyList(){const t=this.hostElement.querySelectorAll("ix-dropdown-item"),o=this.hostElement.shadowRoot.querySelector(".proxy-list");o&&b(o,Array.from(t),((t,o)=>{o.role="menuitem",o.innerText=t.label??t.textContent??"",o.ariaLabel=t.ariaLabel??t.label??t.textContent??""}))}render(){const t=this.variant.toLocaleLowerCase().includes("secondary"),o={variant:this.variant,disabled:this.isDisabledButton,class:{"left-button":!0,"left-button-border":!t}};return e(i,{key:"1b867c8b33fe52356804497afd93bb1bf26afb69"},this.label?e("ix-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton},this.label):e("ix-icon-button",{...o,icon:this.icon,onClick:t=>this.buttonClick.emit(t),"aria-label":this.ariaLabelButton}),e("ix-dropdown-button",{key:"9b2400c1a1b84369af89a9709e36fc743af4a8e5",class:"right-button","aria-label":this.ariaLabelSplitIconButton,icon:this.splitIcon??a,enableTopLayer:this.enableTopLayer,closeBehavior:this.closeBehavior,disabled:this.isDisabledIcon,suppressAriaActiveDescendant:!0,onShowChanged:({detail:t})=>this.showDropdown=t,"aria-controls":`${this.internalId}-${l}`},e(d,{key:"b2e0e0547df9f6f19ed110629189bfc27a8c1876",hostId:this.internalId,otherProps:{}}),e("slot",{key:"b54b7d8c86e66b60f9e71f63965561a84c437707"})))}static get style(){return".btn-group ix-button:first-child .btn{border-top-right-radius:0px;border-bottom-right-radius:0px;border-right:0px}.btn-group ix-button:last-child .btn{border-top-left-radius:0px;border-bottom-left-radius:0px}.btn-group ix-button:not(:first-child):not(:last-child) .btn{border-radius:0px;border-right:0px}:host{position:relative;display:inline-flex;vertical-align:middle}:host .left-button{width:calc(100% - 2rem);--ix-button-border-radius-right:0}:host .right-button{width:2rem;--ix-dropdown-button-border-radius-left:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .left-button-border{border-top-width:0.125rem;border-right-width:0;border-left-width:0.125rem;border-bottom-width:0.125rem;margin-right:0.125rem}:host .proxy-list{all:unset;position:absolute;left:0px;top:0px;overflow:hidden;color:transparent;opacity:0;pointer-events:all;z-index:1000}:host .proxy-list li{height:2px;width:2px;pointer-events:all}"}},[769,"ix-split-button",{variant:[1],closeBehavior:[8,"close-behavior"],label:[1],ariaLabelButton:[1,"aria-label-button"],icon:[1],splitIcon:[1,"split-icon"],ariaLabelSplitIconButton:[1,"aria-label-split-icon-button"],disabled:[4],disableButton:[4,"disable-button"],disableDropdownButton:[4,"disable-dropdown-button"],enableTopLayer:[4,"enable-top-layer"]},[[4,"ixFocusVisibleChange","$internal_onActiveDescendantChange"]]]),k=g,w=function(){"undefined"!=typeof customElements&&["ix-split-button","ix-button","ix-dropdown","ix-dropdown-button","ix-icon-button","ix-spinner"].forEach((t=>{switch(t){case"ix-split-button":customElements.get(s(t))||customElements.define(s(t),g);break;case"ix-button":customElements.get(s(t))||u();break;case"ix-dropdown":customElements.get(s(t))||p();break;case"ix-dropdown-button":customElements.get(s(t))||m();break;case"ix-icon-button":customElements.get(s(t))||x();break;case"ix-spinner":customElements.get(s(t))||f()}}))};export{k as IxSplitButton,w as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-CVmLf9WY.js";const m=o,p=s;export{m as IxTabItem,p as defineCustomElement}
1
+ import{T as o,d as s}from"./p-C0WZnIxc.js";const p=o,r=s;export{p as IxTabItem,r as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-B4Yxzuow.js";const p=o,r=s;export{p as IxTabPanel,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-BWH03B1n.js";const p=o,r=s;export{p as IxTabPanel,r as defineCustomElement}
@@ -1 +1 @@
1
- import{T as s,d as o}from"./p-DfnCSsMy.js";const p=s,r=o;export{p as IxTabSet,r as defineCustomElement}
1
+ import{T as o,d as p}from"./p-GGleop6j.js";const s=o,r=p;export{s as IxTabSet,r as defineCustomElement}
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-DUkuP1OH.js";const p=o,r=s;export{p as IxTabs,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-CJoOEoc-.js";const p=o,r=s;export{p as IxTabs,r as defineCustomElement}
@@ -1 +1 @@
1
- import{p as e,H as o,e as t,h as r,d as a,t as n}from"./p-Bxdy-8CE.js";import{m as i}from"./p-Djkc69iv.js";import{m as d,g as l,T as s,f as h,i as b,o as c}from"./p-BwC_Hmai.js";import{d as p}from"./p-Cf71L4Ol.js";import{d as u}from"./p-CuswfnZ5.js";import{d as m}from"./p-XBJqkmoc.js";import{d as v}from"./p-MZOpritx.js";import{H as x}from"./p-C-wf4kbs.js";function y(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,a=Number.parseFloat(t);return Number.isNaN(a)?void 0:r?`${a}${r.toLowerCase()}`:a+"px"}let g=0;const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=i((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+g++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&l(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:y(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":y(this.textareaWidth)}render(){return r(a,{key:"b1e2135e1ef4df339961519bf2dcf845908c77e6",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"18229f5ddcc73f93c4ecbf51663dd10e0c973053",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"5088d84355ccaba0df4add4deef2e7efb4fb450c",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"ec6c349bffbaa1ab52e554ad326ae81ca44e6140",class:"input-wrapper"},r(s,{key:"3f597239de02767415994cc39dea5aaf71f09482",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:b(this),onFocus:()=>h(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{c(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}'}},[577,"ix-textarea",{name:[513],placeholder:[513],value:[1537],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],textareaHeight:[1,"textarea-height"],textareaWidth:[1,"textarea-width"],textareaRows:[2,"textarea-rows"],textareaCols:[2,"textarea-cols"],resizeBehavior:[1,"resize-behavior"],maxLength:[2,"max-length"],minLength:[2,"min-length"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],manualHeight:[32],manualWidth:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}]);!function(e,o,t,r){var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(i=(n<3?a(i):n>3?a(o,t,i):a(o,t))||i);n>3&&i&&Object.defineProperty(o,t,i)}([x()],f.prototype,"updateClassMappings",null);const k=f,w=function(){"undefined"!=typeof customElements&&["ix-textarea","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-textarea":customElements.get(n(e))||customElements.define(n(e),f);break;case"ix-field-label":customElements.get(n(e))||p();break;case"ix-field-wrapper":customElements.get(n(e))||u();break;case"ix-tooltip":customElements.get(n(e))||m();break;case"ix-typography":customElements.get(n(e))||v()}}))};export{k as IxTextarea,w as defineCustomElement}
1
+ import{p as e,H as o,e as t,h as r,d as a,t as n}from"./p-CtDOTMOT.js";import{m as i}from"./p-Djkc69iv.js";import{m as d,g as l,T as s,f as h,i as b,o as c}from"./p-CAH3dF6j.js";import{d as p}from"./p-DtOqKp7K.js";import{d as u}from"./p-zyYHTdEN.js";import{d as m}from"./p-Dfd_ifAu.js";import{d as v}from"./p-DhWkcMmR.js";import{H as x}from"./p-BWknDysp.js";function y(e){if(!e)return;const o=/^(\d+(?:\.\d+)?)\s*(px|rem|em|%)?$/.exec(e.trim());if(!o)return;const[,t,r]=o,a=Number.parseFloat(t);return Number.isNaN(a)?void 0:r?`${a}${r.toLowerCase()}`:a+"px"}let g=0;const f=e(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=t(this,"valueChange",7),this.validityStateChange=t(this,"validityStateChange",7),this.ixBlur=t(this,"ixBlur",7),this.ixChange=t(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";required=!1;disabled=!1;readonly=!1;helperText;infoText;showTextAsTooltip;validText;warningText;label;invalidText;textareaHeight;textareaWidth;textareaRows;textareaCols;resizeBehavior="both";maxLength;minLength;valueChange;validityStateChange;ixBlur;ixChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;isInvalidByRequired=!1;textAreaRef=i((()=>{this.initResizeObserver()}));inputId="ix-textarea-"+g++;touched=!1;initialValue;resizeObserver;isManuallyResized=!1;manualHeight;manualWidth;isProgrammaticResize=!1;lastObservedInlineHeight;lastObservedInlineWidth;updateClassMappings(e){d(this,e)}onDimensionPropsChange(){this.resetManualResizeState(),this.isProgrammaticResize=!0}onResizeBehaviorChange(){this.initResizeObserver()}componentWillLoad(){this.updateFormInternalValue(this.value)}disconnectedCallback(){this.resizeObserver?.disconnect()}resetManualResizeState(){this.isManuallyResized=!1,this.manualHeight=void 0,this.manualWidth=void 0}updateLastObservedInlineStyles(e){this.lastObservedInlineHeight=e.style.height,this.lastObservedInlineWidth=e.style.width}hasInlineStyleChange(e){return e.style.height!==this.lastObservedInlineHeight||e.style.width!==this.lastObservedInlineWidth}initResizeObserver(){this.resizeObserver?.disconnect();const e=this.textAreaRef.current;if(!e)return;if("none"===this.resizeBehavior)return;let o=!0;this.updateLastObservedInlineStyles(e),this.resizeObserver=new ResizeObserver((()=>{const e=this.textAreaRef.current;if(!e)return;if(o)return o=!1,void this.updateLastObservedInlineStyles(e);const t=this.hasInlineStyleChange(e);this.updateLastObservedInlineStyles(e),t&&(this.isProgrammaticResize?this.isProgrammaticResize=!1:(this.isManuallyResized=!0,this.manualHeight=e.style.height,this.manualWidth=e.style.width))})),this.resizeObserver.observe(e)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e,this.textAreaRef.current&&this.touched&&l(this,this.textAreaRef.current)}async getAssociatedFormElement(){return this.formInternals.form}hasValidValue(){return Promise.resolve(!!this.value)}getNativeInputElement(){return this.textAreaRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getTextareaHeight(){return this.isManuallyResized?this.manualHeight:y(this.textareaHeight)}getTextareaWidth(){return this.isManuallyResized?this.manualWidth||"100%":y(this.textareaWidth)}render(){return r(a,{key:"25fd15e33b307ef6679fa4ecb743675e193b5c66",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"e710567e5ad61faaaa6ca856371adec196c14811",required:this.required,label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isInvalid:this.isInvalid,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,controlRef:this.textAreaRef},!!this.maxLength&&this.maxLength>0&&r("ix-typography",{key:"5971779593dae3517af5cd174000a7c5cb8c1cdc",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"73a09a125b0cdd366fa916071784290d1acff350",class:"input-wrapper"},r(s,{key:"d79416a34716bf036e0a8943904c1986793c3399",id:this.inputId,minLength:this.minLength,maxLength:this.maxLength,textareaCols:this.textareaCols,textareaRows:this.textareaRows,textareaHeight:this.getTextareaHeight(),textareaWidth:this.getTextareaWidth(),resizeBehavior:this.resizeBehavior,readonly:this.readonly,disabled:this.disabled,isInvalid:this.isInvalid,required:this.required,value:this.value,placeholder:this.placeholder,textAreaRef:this.textAreaRef,ariaAttributes:b(this),onFocus:()=>h(this,this.value),valueChange:e=>this.valueChange.emit(e),updateFormInternalValue:e=>this.updateFormInternalValue(e),onBlur:()=>{c(this,this.textAreaRef.current,this.value),this.touched=!0}}))))}static get formAssociated(){return!0}static get watchers(){return{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}}static get style(){return'input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) textarea:active{border-color:var(--theme-input--border-color--invalid--active) !important}'}},[577,"ix-textarea",{name:[513],placeholder:[513],value:[1537],required:[516],disabled:[4],readonly:[4],helperText:[1,"helper-text"],infoText:[1,"info-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],validText:[1,"valid-text"],warningText:[1,"warning-text"],label:[513],invalidText:[1,"invalid-text"],textareaHeight:[1,"textarea-height"],textareaWidth:[1,"textarea-width"],textareaRows:[2,"textarea-rows"],textareaCols:[2,"textarea-cols"],resizeBehavior:[1,"resize-behavior"],maxLength:[2,"max-length"],minLength:[2,"min-length"],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],isInvalidByRequired:[32],manualHeight:[32],manualWidth:[32],getAssociatedFormElement:[64],hasValidValue:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{textareaHeight:[{onDimensionPropsChange:0}],textareaWidth:[{onDimensionPropsChange:0}],textareaRows:[{onDimensionPropsChange:0}],textareaCols:[{onDimensionPropsChange:0}],resizeBehavior:[{onResizeBehaviorChange:0}]}]);!function(e,o,t,r){var a,n=arguments.length,i=n<3?o:null===r?r=Object.getOwnPropertyDescriptor(o,t):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,o,t,r);else for(var d=e.length-1;d>=0;d--)(a=e[d])&&(i=(n<3?a(i):n>3?a(o,t,i):a(o,t))||i);n>3&&i&&Object.defineProperty(o,t,i)}([x()],f.prototype,"updateClassMappings",null);const k=f,w=function(){"undefined"!=typeof customElements&&["ix-textarea","ix-field-label","ix-field-wrapper","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-textarea":customElements.get(n(e))||customElements.define(n(e),f);break;case"ix-field-label":customElements.get(n(e))||p();break;case"ix-field-wrapper":customElements.get(n(e))||u();break;case"ix-tooltip":customElements.get(n(e))||m();break;case"ix-typography":customElements.get(n(e))||v()}}))};export{k as IxTextarea,w as defineCustomElement}