@siemens/ix 5.2.0 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (437) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/index.js +1 -1
  3. package/components/ix-action-card.js +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +1 -1
  6. package/components/ix-avatar.js +1 -1
  7. package/components/ix-badge.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-list.js +1 -1
  14. package/components/ix-category-filter.js +1 -1
  15. package/components/ix-chat-attachment.js +1 -1
  16. package/components/ix-chat-input.js +1 -1
  17. package/components/ix-checkbox-group.js +1 -1
  18. package/components/ix-checkbox.js +1 -1
  19. package/components/ix-chip.js +1 -1
  20. package/components/ix-content-header.js +1 -1
  21. package/components/ix-custom-field.js +1 -1
  22. package/components/ix-date-dropdown.js +1 -1
  23. package/components/ix-date-input.js +1 -1
  24. package/components/ix-date-picker.js +1 -1
  25. package/components/ix-datetime-input.js +1 -1
  26. package/components/ix-datetime-picker.js +1 -1
  27. package/components/ix-dropdown-button.js +1 -1
  28. package/components/ix-dropdown-item.js +1 -1
  29. package/components/ix-dropdown.js +1 -1
  30. package/components/ix-empty-state.js +1 -1
  31. package/components/ix-event-list-item.js +1 -1
  32. package/components/ix-event-list.js +1 -1
  33. package/components/ix-expanding-search.js +1 -1
  34. package/components/ix-field-label.js +1 -1
  35. package/components/ix-field-wrapper.js +1 -1
  36. package/components/ix-filter-chip.js +1 -1
  37. package/components/ix-flip-tile.js +1 -1
  38. package/components/ix-group-context-menu.js +1 -1
  39. package/components/ix-group.js +1 -1
  40. package/components/ix-helper-text.js +1 -1
  41. package/components/ix-icon-button.js +1 -1
  42. package/components/ix-icon-toggle-button.js +1 -1
  43. package/components/ix-input.js +1 -1
  44. package/components/ix-menu-about-news.js +1 -1
  45. package/components/ix-menu-about.js +1 -1
  46. package/components/ix-menu-avatar-item.js +1 -1
  47. package/components/ix-menu-avatar.js +1 -1
  48. package/components/ix-menu-category.js +1 -1
  49. package/components/ix-menu-expand-icon.js +1 -1
  50. package/components/ix-menu-item.js +1 -1
  51. package/components/ix-menu-settings.js +1 -1
  52. package/components/ix-menu.js +1 -1
  53. package/components/ix-message-bar.js +1 -1
  54. package/components/ix-modal-header.js +1 -1
  55. package/components/ix-modal-loading.js +1 -1
  56. package/components/ix-modal.js +1 -1
  57. package/components/ix-number-input.js +1 -1
  58. package/components/ix-pagination.js +1 -1
  59. package/components/ix-pane.js +1 -1
  60. package/components/ix-pill.js +1 -1
  61. package/components/ix-popover-header.js +1 -1
  62. package/components/ix-popover.js +1 -1
  63. package/components/ix-progress-indicator.js +1 -1
  64. package/components/ix-push-card.js +1 -1
  65. package/components/ix-radio-group.js +1 -1
  66. package/components/ix-radio.js +1 -1
  67. package/components/ix-select-item.js +1 -1
  68. package/components/ix-select.js +1 -1
  69. package/components/ix-slider.js +1 -1
  70. package/components/ix-spinner.js +1 -1
  71. package/components/ix-split-button.js +1 -1
  72. package/components/ix-tab-item.js +1 -1
  73. package/components/ix-tabs.js +1 -1
  74. package/components/ix-textarea.js +1 -1
  75. package/components/ix-time-input.js +1 -1
  76. package/components/ix-time-picker.js +1 -1
  77. package/components/ix-toast-container.js +1 -1
  78. package/components/ix-toast.js +1 -1
  79. package/components/ix-toggle-button.js +1 -1
  80. package/components/ix-toggle.js +1 -1
  81. package/components/ix-tooltip.js +1 -1
  82. package/components/ix-upload.js +1 -1
  83. package/components/ix-workflow-step.js +1 -1
  84. package/components/{p-Bs5X90wM.js → p-B3ZUi0gM.js} +1 -1
  85. package/components/p-BE708_H3.js +1 -0
  86. package/components/p-BF2IsI5j.js +1 -0
  87. package/components/{p-l9UTiHpM.js → p-BGpGr8Qv.js} +1 -1
  88. package/components/{p-CEE0wwD3.js → p-BKCLcJ_A.js} +1 -1
  89. package/components/{p-D7sEY2UQ.js → p-BKVBe7Co.js} +1 -1
  90. package/components/{p-3U_cSqu_.js → p-BOImZPcG.js} +1 -1
  91. package/components/{p-CtZAuwv3.js → p-BpE93ty6.js} +1 -1
  92. package/components/p-BqeSHO6C.js +1 -0
  93. package/components/{p-BGOtCwtj.js → p-CAd-WgR8.js} +1 -1
  94. package/components/p-CFH9HkmQ.js +1 -0
  95. package/components/p-CGGWaScq.js +1 -0
  96. package/components/{p-WisOWbJ8.js → p-CHJbp28K.js} +1 -1
  97. package/components/{p-BQ-hS49k.js → p-CRbQNmxe.js} +1 -1
  98. package/components/{p-DmtgI24u.js → p-CYgC-XN6.js} +1 -1
  99. package/components/p-CiP3eKpd.js +1 -0
  100. package/components/{p-OxstEnSC.js → p-CqWfy46u.js} +1 -1
  101. package/components/p-D5-dW4IM.js +1 -0
  102. package/components/p-DB-zpRCO.js +1 -0
  103. package/components/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
  104. package/components/{p-D_HzQCU-.js → p-DIq_C5Sa.js} +1 -1
  105. package/components/p-DKU5FVxI.js +1 -0
  106. package/components/{p-snX1FfdL.js → p-DLgZfUmI.js} +1 -1
  107. package/components/p-DXmwthlZ.js +1 -0
  108. package/components/p-D_VBAyPm.js +1 -0
  109. package/components/p-DcOoa9vE.js +1 -0
  110. package/components/{p-CatmTvkh.js → p-DyC90hvu.js} +1 -1
  111. package/components/p-DzDB4UBp.js +1 -0
  112. package/components/p-QnnFQ3fz.js +1 -0
  113. package/components/p-WX1HYV2-.js +1 -0
  114. package/components/{p-BC2PyjjU.js → p-_irxfS9S.js} +1 -1
  115. package/components/{p-CUpOF7jN.js → p-n2_EOgMr.js} +1 -1
  116. package/components/p-q_MHsaAK.js +1 -0
  117. package/components/{p-eGuQ8D3W.js → p-viP8I2_s.js} +1 -1
  118. package/dist/cjs/{a11y-_XjpTo2w.js → a11y--G19CFwe.js} +1 -0
  119. package/dist/cjs/{animation-hxDbANsw.js → animation-BIfSQAkX.js} +8 -12
  120. package/dist/cjs/{base-button-BP6iIMR7.js → base-button-DIhNZecD.js} +1 -1
  121. package/dist/cjs/{base-icon-button-BmiGQb9v.js → base-icon-button-DASKxRmK.js} +1 -1
  122. package/dist/cjs/{focus-visible.mixin-1V7Eldn_.js → focus-visible.mixin-GrZAmMez.js} +1 -1
  123. package/dist/cjs/{helper-text-util-Ci_KFQZ4.js → helper-text-util-EAfzAOH6.js} +1 -1
  124. package/dist/cjs/index.cjs.js +1 -1
  125. package/dist/cjs/inherit-aria-attributes.mixin-DZ_vNjkJ.js +306 -0
  126. package/dist/cjs/{input.fc-xGzM_I6q.js → input.fc-ellguRiE.js} +8 -3
  127. package/dist/cjs/ix-action-card.cjs.entry.js +1 -1
  128. package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
  129. package/dist/cjs/ix-avatar_2.cjs.entry.js +2 -2
  130. package/dist/cjs/ix-badge.cjs.entry.js +8 -159
  131. package/dist/cjs/ix-blind.cjs.entry.js +13 -7
  132. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +4 -157
  133. package/dist/cjs/ix-breadcrumb.cjs.entry.js +1 -1
  134. package/dist/cjs/ix-button.cjs.entry.js +4 -157
  135. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +7 -4
  136. package/dist/cjs/ix-category-filter.cjs.entry.js +7 -7
  137. package/dist/cjs/ix-chat-input.cjs.entry.js +8 -8
  138. package/dist/cjs/ix-checkbox-group.cjs.entry.js +1 -1
  139. package/dist/cjs/ix-checkbox.cjs.entry.js +1 -1
  140. package/dist/cjs/ix-chip.cjs.entry.js +2 -157
  141. package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
  142. package/dist/cjs/ix-date-dropdown.cjs.entry.js +6 -6
  143. package/dist/cjs/ix-date-input.cjs.entry.js +3 -3
  144. package/dist/cjs/ix-date-picker.cjs.entry.js +15 -11
  145. package/dist/cjs/ix-datetime-input.cjs.entry.js +3 -3
  146. package/dist/cjs/ix-dropdown-button.cjs.entry.js +9 -6
  147. package/dist/cjs/ix-dropdown_2.cjs.entry.js +13 -7
  148. package/dist/cjs/ix-event-list-item.cjs.entry.js +1 -1
  149. package/dist/cjs/ix-event-list.cjs.entry.js +6 -2
  150. package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
  151. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
  152. package/dist/cjs/ix-flip-tile.cjs.entry.js +1 -1
  153. package/dist/cjs/ix-group.cjs.entry.js +9 -9
  154. package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
  155. package/dist/cjs/ix-icon-button_2.cjs.entry.js +5 -160
  156. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +5 -160
  157. package/dist/cjs/ix-input.cjs.entry.js +3 -3
  158. package/dist/cjs/ix-menu-avatar.cjs.entry.js +1 -1
  159. package/dist/cjs/ix-menu-category.cjs.entry.js +24 -166
  160. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +3 -3
  161. package/dist/cjs/ix-menu-item.cjs.entry.js +11 -160
  162. package/dist/cjs/ix-menu.cjs.entry.js +40 -18
  163. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  164. package/dist/cjs/ix-modal.cjs.entry.js +15 -8
  165. package/dist/cjs/ix-number-input.cjs.entry.js +16 -13
  166. package/dist/cjs/ix-pagination.cjs.entry.js +3 -3
  167. package/dist/cjs/ix-pane.cjs.entry.js +2 -2
  168. package/dist/cjs/ix-pill_4.cjs.entry.js +12 -160
  169. package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
  170. package/dist/cjs/ix-popover.cjs.entry.js +5 -156
  171. package/dist/cjs/ix-radio.cjs.entry.js +1 -1
  172. package/dist/cjs/ix-select.cjs.entry.js +10 -10
  173. package/dist/cjs/ix-slider.cjs.entry.js +1 -1
  174. package/dist/cjs/ix-textarea.cjs.entry.js +3 -3
  175. package/dist/cjs/ix-time-input.cjs.entry.js +3 -3
  176. package/dist/cjs/ix-toggle-button.cjs.entry.js +4 -159
  177. package/dist/cjs/ix-toggle.cjs.entry.js +2 -155
  178. package/dist/cjs/ix-tooltip.cjs.entry.js +6 -2
  179. package/dist/cjs/ix-tree.cjs.entry.js +1 -0
  180. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  181. package/dist/cjs/ix-workflow-step.cjs.entry.js +11 -5
  182. package/dist/cjs/loader.cjs.js +1 -1
  183. package/dist/cjs/siemens-ix.cjs.js +1 -1
  184. package/dist/collection/components/badge/badge.js +7 -5
  185. package/dist/collection/components/badge/test/badge.page.js +6 -2
  186. package/dist/collection/components/blind/blind.js +11 -5
  187. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +108 -0
  188. package/dist/collection/components/button/button.css +54 -0
  189. package/dist/collection/components/card-accordion/card-accordion.js +7 -4
  190. package/dist/collection/components/category-filter/category-filter.css +54 -0
  191. package/dist/collection/components/category-filter/category-filter.js +4 -4
  192. package/dist/collection/components/chat-input/chat-input.js +8 -8
  193. package/dist/collection/components/checkbox-group/checkbox-group.css +1 -1
  194. package/dist/collection/components/date-dropdown/date-dropdown.js +4 -4
  195. package/dist/collection/components/date-picker/date-picker.js +15 -11
  196. package/dist/collection/components/dropdown/dropdown.js +11 -5
  197. package/dist/collection/components/dropdown-button/dropdown-button.css +9 -180
  198. package/dist/collection/components/dropdown-button/dropdown-button.js +7 -4
  199. package/dist/collection/components/event-list/event-list.js +6 -2
  200. package/dist/collection/components/group/group.js +9 -9
  201. package/dist/collection/components/icon-button/icon-button.css +54 -0
  202. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +54 -0
  203. package/dist/collection/components/input/input.util.js +6 -1
  204. package/dist/collection/components/input/number-input.js +13 -10
  205. package/dist/collection/components/menu/menu-expand-icon.css +6 -0
  206. package/dist/collection/components/menu/menu.js +39 -17
  207. package/dist/collection/components/menu-category/menu-category.js +22 -11
  208. package/dist/collection/components/menu-item/menu-item.js +9 -5
  209. package/dist/collection/components/modal/modal.js +13 -6
  210. package/dist/collection/components/modal-header/modal-header.js +2 -2
  211. package/dist/collection/components/pagination/pagination.css +54 -0
  212. package/dist/collection/components/popover/popover.js +3 -1
  213. package/dist/collection/components/popover/test/popover.page.js +3 -2
  214. package/dist/collection/components/select/select.js +9 -9
  215. package/dist/collection/components/tabs/tabs.js +10 -5
  216. package/dist/collection/components/time-picker/test/expect-defined.js +13 -0
  217. package/dist/collection/components/time-picker/time-picker.js +5 -5
  218. package/dist/collection/components/toggle-button/toggle-button.css +54 -0
  219. package/dist/collection/components/tooltip/tooltip.js +6 -2
  220. package/dist/collection/components/utils/a11y.js +1 -1
  221. package/dist/collection/components/utils/animation.js +8 -12
  222. package/dist/collection/components/utils/internal/mixins/accessibility/aria-attribute-observer.js +106 -0
  223. package/dist/collection/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.js +175 -166
  224. package/dist/collection/components/utils/lazy-list/lazy.js +1 -0
  225. package/dist/collection/components/workflow-step/workflow-step.css +2 -2
  226. package/dist/collection/components/workflow-step/workflow-step.js +10 -4
  227. package/dist/collection/tests/utils/test/page.js +3 -0
  228. package/dist/esm/{a11y-C21npbUc.js → a11y-DD206pTM.js} +1 -1
  229. package/dist/esm/{animation-DNIQ2C1K.js → animation-BqeSHO6C.js} +8 -12
  230. package/dist/esm/{base-button-DZdtpLxn.js → base-button-Oanl-VqF.js} +1 -1
  231. package/dist/esm/{base-icon-button-DufFLJC-.js → base-icon-button-CxmfMOOd.js} +1 -1
  232. package/dist/esm/{focus-visible.mixin-CaRK3Ex_.js → focus-visible.mixin-DNYMa4dY.js} +1 -1
  233. package/dist/esm/{helper-text-util-sQKO6RPJ.js → helper-text-util-BJ-ZMW2J.js} +1 -1
  234. package/dist/esm/index.js +1 -1
  235. package/dist/esm/inherit-aria-attributes.mixin-BmTKblYV.js +304 -0
  236. package/dist/esm/{input.fc-DliqEtCM.js → input.fc-Cwmx0lGN.js} +8 -3
  237. package/dist/esm/ix-action-card.entry.js +1 -1
  238. package/dist/esm/ix-application-header.entry.js +1 -1
  239. package/dist/esm/ix-avatar_2.entry.js +2 -2
  240. package/dist/esm/ix-badge.entry.js +8 -159
  241. package/dist/esm/ix-blind.entry.js +13 -7
  242. package/dist/esm/ix-breadcrumb-item.entry.js +4 -157
  243. package/dist/esm/ix-breadcrumb.entry.js +1 -1
  244. package/dist/esm/ix-button.entry.js +4 -157
  245. package/dist/esm/ix-card-accordion_2.entry.js +7 -4
  246. package/dist/esm/ix-category-filter.entry.js +7 -7
  247. package/dist/esm/ix-chat-input.entry.js +8 -8
  248. package/dist/esm/ix-checkbox-group.entry.js +1 -1
  249. package/dist/esm/ix-checkbox.entry.js +1 -1
  250. package/dist/esm/ix-chip.entry.js +2 -157
  251. package/dist/esm/ix-col_4.entry.js +5 -5
  252. package/dist/esm/ix-date-dropdown.entry.js +6 -6
  253. package/dist/esm/ix-date-input.entry.js +3 -3
  254. package/dist/esm/ix-date-picker.entry.js +15 -11
  255. package/dist/esm/ix-datetime-input.entry.js +3 -3
  256. package/dist/esm/ix-dropdown-button.entry.js +9 -6
  257. package/dist/esm/ix-dropdown_2.entry.js +13 -7
  258. package/dist/esm/ix-event-list-item.entry.js +1 -1
  259. package/dist/esm/ix-event-list.entry.js +6 -2
  260. package/dist/esm/ix-field-label_2.entry.js +2 -2
  261. package/dist/esm/ix-filter-chip_2.entry.js +2 -2
  262. package/dist/esm/ix-flip-tile.entry.js +1 -1
  263. package/dist/esm/ix-group.entry.js +9 -9
  264. package/dist/esm/ix-helper-text.entry.js +2 -2
  265. package/dist/esm/ix-icon-button_2.entry.js +5 -160
  266. package/dist/esm/ix-icon-toggle-button.entry.js +5 -160
  267. package/dist/esm/ix-input.entry.js +3 -3
  268. package/dist/esm/ix-menu-avatar.entry.js +1 -1
  269. package/dist/esm/ix-menu-category.entry.js +24 -166
  270. package/dist/esm/ix-menu-expand-icon.entry.js +3 -3
  271. package/dist/esm/ix-menu-item.entry.js +11 -160
  272. package/dist/esm/ix-menu.entry.js +40 -18
  273. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  274. package/dist/esm/ix-modal.entry.js +15 -8
  275. package/dist/esm/ix-number-input.entry.js +16 -13
  276. package/dist/esm/ix-pagination.entry.js +3 -3
  277. package/dist/esm/ix-pane.entry.js +2 -2
  278. package/dist/esm/ix-pill_4.entry.js +12 -160
  279. package/dist/esm/ix-popover-header.entry.js +1 -1
  280. package/dist/esm/ix-popover.entry.js +5 -156
  281. package/dist/esm/ix-radio.entry.js +1 -1
  282. package/dist/esm/ix-select.entry.js +10 -10
  283. package/dist/esm/ix-slider.entry.js +1 -1
  284. package/dist/esm/ix-textarea.entry.js +3 -3
  285. package/dist/esm/ix-time-input.entry.js +3 -3
  286. package/dist/esm/ix-toggle-button.entry.js +4 -159
  287. package/dist/esm/ix-toggle.entry.js +2 -155
  288. package/dist/esm/ix-tooltip.entry.js +6 -2
  289. package/dist/esm/ix-tree.entry.js +1 -0
  290. package/dist/esm/ix-upload.entry.js +1 -1
  291. package/dist/esm/ix-workflow-step.entry.js +11 -5
  292. package/dist/esm/loader.js +1 -1
  293. package/dist/esm/siemens-ix.js +1 -1
  294. package/dist/siemens-ix/index.esm.js +1 -1
  295. package/dist/siemens-ix/p-0409f281.entry.js +1 -0
  296. package/dist/siemens-ix/{p-2e780c86.entry.js → p-0819923e.entry.js} +1 -1
  297. package/dist/siemens-ix/p-0b875bbd.entry.js +1 -0
  298. package/dist/siemens-ix/p-1a7b51d8.entry.js +1 -0
  299. package/dist/siemens-ix/{p-2b0ffba0.entry.js → p-1aef893c.entry.js} +1 -1
  300. package/dist/siemens-ix/{p-03745110.entry.js → p-213059a9.entry.js} +1 -1
  301. package/dist/siemens-ix/p-24138425.entry.js +1 -0
  302. package/dist/siemens-ix/{p-29e8126a.entry.js → p-32104d25.entry.js} +1 -1
  303. package/dist/siemens-ix/{p-447d52de.entry.js → p-35042cda.entry.js} +1 -1
  304. package/dist/siemens-ix/p-351e8732.entry.js +1 -0
  305. package/dist/siemens-ix/{p-884fd236.entry.js → p-38eef16a.entry.js} +1 -1
  306. package/dist/siemens-ix/p-3a60004f.entry.js +1 -0
  307. package/dist/siemens-ix/p-3ad11c04.entry.js +1 -0
  308. package/dist/siemens-ix/p-3c92d126.entry.js +1 -0
  309. package/dist/siemens-ix/{p-d0649c07.entry.js → p-3fe85552.entry.js} +1 -1
  310. package/dist/siemens-ix/{p-f4575603.entry.js → p-40239cf6.entry.js} +1 -1
  311. package/dist/siemens-ix/{p-a92495b8.entry.js → p-403b7d10.entry.js} +1 -1
  312. package/dist/siemens-ix/p-4739e88e.entry.js +1 -0
  313. package/dist/siemens-ix/p-4c765c73.entry.js +1 -0
  314. package/dist/siemens-ix/{p-0b10bb78.entry.js → p-50ece3e2.entry.js} +1 -1
  315. package/dist/siemens-ix/p-53319a22.entry.js +1 -0
  316. package/dist/siemens-ix/{p-1fbb010f.entry.js → p-571a1628.entry.js} +1 -1
  317. package/dist/siemens-ix/{p-4079292f.entry.js → p-60f7be48.entry.js} +1 -1
  318. package/dist/siemens-ix/p-643ed439.entry.js +1 -0
  319. package/dist/siemens-ix/p-6505e43d.entry.js +1 -0
  320. package/dist/siemens-ix/{p-217dc62a.entry.js → p-675e2aa8.entry.js} +1 -1
  321. package/dist/siemens-ix/{p-99b97922.entry.js → p-79a08a2a.entry.js} +1 -1
  322. package/dist/siemens-ix/p-83827bb2.entry.js +1 -0
  323. package/dist/siemens-ix/p-859294b4.entry.js +1 -0
  324. package/dist/siemens-ix/p-8af23465.entry.js +1 -0
  325. package/dist/siemens-ix/{p-6ffe8ec7.entry.js → p-8bc225b7.entry.js} +1 -1
  326. package/dist/siemens-ix/p-9254cb19.entry.js +1 -0
  327. package/dist/siemens-ix/p-9c6e5dcc.entry.js +1 -0
  328. package/dist/siemens-ix/{p-bf827cb3.entry.js → p-9df616d3.entry.js} +1 -1
  329. package/dist/siemens-ix/p-Bemn50Nk.js +1 -0
  330. package/dist/siemens-ix/p-BqeSHO6C.js +1 -0
  331. package/dist/siemens-ix/{p-HpQs38Y0.js → p-CDKWxg_L.js} +1 -1
  332. package/dist/siemens-ix/{p-CXbob2Ew.js → p-CLxF-dX8.js} +1 -1
  333. package/dist/siemens-ix/p-Cv_omozQ.js +1 -0
  334. package/dist/siemens-ix/{p-C21npbUc.js → p-DD206pTM.js} +1 -1
  335. package/dist/siemens-ix/p-a05bf6b5.entry.js +1 -0
  336. package/dist/siemens-ix/p-a4c3f3d3.entry.js +1 -0
  337. package/dist/siemens-ix/{p-836df58e.entry.js → p-aa0770ab.entry.js} +1 -1
  338. package/dist/siemens-ix/{p-89f6329b.entry.js → p-b5bf48cb.entry.js} +1 -1
  339. package/dist/siemens-ix/p-b9dcbd84.entry.js +1 -0
  340. package/dist/siemens-ix/{p-f3528209.entry.js → p-c393c20e.entry.js} +1 -1
  341. package/dist/siemens-ix/{p-b3eaf43d.entry.js → p-caac5984.entry.js} +1 -1
  342. package/dist/siemens-ix/p-cfd75035.entry.js +1 -0
  343. package/dist/siemens-ix/{p-47e2c5a1.entry.js → p-d4d99140.entry.js} +1 -1
  344. package/dist/siemens-ix/p-d94ad8f8.entry.js +1 -0
  345. package/dist/siemens-ix/p-da700215.entry.js +1 -0
  346. package/dist/siemens-ix/p-ddb49318.entry.js +1 -0
  347. package/dist/siemens-ix/{p-1afa8fb3.entry.js → p-de9a4607.entry.js} +1 -1
  348. package/dist/siemens-ix/{p-4b85292e.entry.js → p-e2e7c16a.entry.js} +1 -1
  349. package/dist/siemens-ix/p-e5239c6d.entry.js +1 -0
  350. package/dist/siemens-ix/p-e87e947c.entry.js +1 -0
  351. package/dist/siemens-ix/p-e8d73d19.entry.js +1 -0
  352. package/dist/siemens-ix/{p-0329eb6e.entry.js → p-e8f5519f.entry.js} +1 -1
  353. package/dist/siemens-ix/{p-92804589.entry.js → p-f7f6cf46.entry.js} +1 -1
  354. package/dist/siemens-ix/{p-bd2f7002.entry.js → p-fcfecc91.entry.js} +1 -1
  355. package/dist/siemens-ix/{p-kmPsIcs5.js → p-rgh7lt60.js} +1 -1
  356. package/dist/siemens-ix/p-xptA1Kt1.js +1 -0
  357. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  358. package/dist/types/components/badge/badge.d.ts +1 -16
  359. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +1 -16
  360. package/dist/types/components/button/button.d.ts +1 -16
  361. package/dist/types/components/chip/chip.d.ts +1 -16
  362. package/dist/types/components/dropdown/dropdown-focus.d.ts +1 -1
  363. package/dist/types/components/group/group.d.ts +1 -1
  364. package/dist/types/components/icon-button/icon-button.d.ts +2 -17
  365. package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +1 -16
  366. package/dist/types/components/input/input.util.d.ts +2 -3
  367. package/dist/types/components/input/number-input.d.ts +1 -0
  368. package/dist/types/components/menu/menu.d.ts +1 -1
  369. package/dist/types/components/menu-category/menu-category.d.ts +2 -17
  370. package/dist/types/components/menu-item/menu-item.d.ts +1 -16
  371. package/dist/types/components/modal/modal.d.ts +1 -0
  372. package/dist/types/components/modal-header/modal-header.d.ts +1 -1
  373. package/dist/types/components/popover/popover.d.ts +1 -16
  374. package/dist/types/components/tabs/tabs.d.ts +3 -16
  375. package/dist/types/components/time-picker/test/expect-defined.d.ts +1 -0
  376. package/dist/types/components/toggle/toggle.d.ts +1 -16
  377. package/dist/types/components/toggle-button/toggle-button.d.ts +1 -16
  378. package/dist/types/components/tree/tree.d.ts +1 -1
  379. package/dist/types/components/utils/a11y.d.ts +1 -0
  380. package/dist/types/components/utils/internal/mixins/accessibility/aria-attribute-observer.d.ts +7 -0
  381. package/dist/types/components/utils/internal/mixins/accessibility/inherit-aria-attributes.mixin.d.ts +7 -18
  382. package/dist/types/components/utils/shadow-dom.d.ts +1 -1
  383. package/dist/types/components/workflow-step/workflow-step.d.ts +1 -0
  384. package/hydrate/index.js +535 -2015
  385. package/hydrate/index.mjs +535 -2015
  386. package/package.json +1 -1
  387. package/components/p-1FBWW6v2.js +0 -1
  388. package/components/p-BDnx22Gp.js +0 -1
  389. package/components/p-BHoJOFM-.js +0 -1
  390. package/components/p-BST8QY5w.js +0 -1
  391. package/components/p-BcbFeRB0.js +0 -1
  392. package/components/p-CLDB-pmj.js +0 -1
  393. package/components/p-CRtj-KBq.js +0 -1
  394. package/components/p-CTRSoM-z.js +0 -1
  395. package/components/p-CgPr717U.js +0 -1
  396. package/components/p-CvAmaEU2.js +0 -1
  397. package/components/p-DNIQ2C1K.js +0 -1
  398. package/components/p-DdlGyKd2.js +0 -1
  399. package/components/p-DtWFUcZO.js +0 -1
  400. package/components/p-DylHkzl6.js +0 -1
  401. package/components/p-NXyac9kC.js +0 -1
  402. package/components/p-hf_zqlB1.js +0 -1
  403. package/dist/cjs/inherit-aria-attributes.mixin-EyRU0cDO.js +0 -36
  404. package/dist/esm/inherit-aria-attributes.mixin-nCmPujqf.js +0 -34
  405. package/dist/siemens-ix/p-0555a6fb.entry.js +0 -1
  406. package/dist/siemens-ix/p-05c35730.entry.js +0 -1
  407. package/dist/siemens-ix/p-0f2ac675.entry.js +0 -1
  408. package/dist/siemens-ix/p-12bce791.entry.js +0 -1
  409. package/dist/siemens-ix/p-30008054.entry.js +0 -1
  410. package/dist/siemens-ix/p-488b7074.entry.js +0 -1
  411. package/dist/siemens-ix/p-49d8b129.entry.js +0 -1
  412. package/dist/siemens-ix/p-55a57ce6.entry.js +0 -1
  413. package/dist/siemens-ix/p-55ae6204.entry.js +0 -1
  414. package/dist/siemens-ix/p-55e8ad3b.entry.js +0 -1
  415. package/dist/siemens-ix/p-5f48d238.entry.js +0 -1
  416. package/dist/siemens-ix/p-64432fa0.entry.js +0 -1
  417. package/dist/siemens-ix/p-6ebf66b8.entry.js +0 -1
  418. package/dist/siemens-ix/p-7690a56d.entry.js +0 -1
  419. package/dist/siemens-ix/p-80d7a07a.entry.js +0 -1
  420. package/dist/siemens-ix/p-816bcf01.entry.js +0 -1
  421. package/dist/siemens-ix/p-86ad005e.entry.js +0 -1
  422. package/dist/siemens-ix/p-8c3e7613.entry.js +0 -1
  423. package/dist/siemens-ix/p-8df1362f.entry.js +0 -1
  424. package/dist/siemens-ix/p-9094212f.entry.js +0 -1
  425. package/dist/siemens-ix/p-99df3561.entry.js +0 -1
  426. package/dist/siemens-ix/p-B4oiZyZC.js +0 -1
  427. package/dist/siemens-ix/p-DNIQ2C1K.js +0 -1
  428. package/dist/siemens-ix/p-a1d79970.entry.js +0 -1
  429. package/dist/siemens-ix/p-a7d695f5.entry.js +0 -1
  430. package/dist/siemens-ix/p-baf74d39.entry.js +0 -1
  431. package/dist/siemens-ix/p-bf75d77b.entry.js +0 -1
  432. package/dist/siemens-ix/p-cddc43e2.entry.js +0 -1
  433. package/dist/siemens-ix/p-cfd83faa.entry.js +0 -1
  434. package/dist/siemens-ix/p-fff1f8b1.entry.js +0 -1
  435. package/dist/siemens-ix/p-vphIrWGB.js +0 -1
  436. package/dist/siemens-ix/p-yUgQMMln.js +0 -1
  437. /package/dist/siemens-ix/{p-383e95ad.entry.js → p-f4d8f94b.entry.js} +0 -0
package/components/ix-radio.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as r,e as o,h as d,d as a,t as c}from"./p-eN5fQtqO.js";import{a as i}from"./p-C21npbUc.js";import{d as t}from"./p-YFmbQndr.js";import{c as n}from"./p-BTBxxgtF.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:"18a9d8d27e3da2d36681f0681caeee84ed943efd","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:"22db33f534a61abca396ce3c05f30b490327e417"},d("div",{key:"0ad8548b87a63cded792ad6dee63e4ba018a0aa0",class:"radio-button"},d("div",{key:"9b8fbaa25b7f4307f4a820a99a80dd3a01272604","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"a8e10d030150643478be8e859e47b7654ecdcdba",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"a0c8ddcf036d2ade8ed14813dff4d3ce8fc664ff",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"35fd78b7b432ced026ac0824f64633f64b8b4441"}))))}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-eN5fQtqO.js";import{a as i}from"./p-DD206pTM.js";import{d as t}from"./p-YFmbQndr.js";import{c as n}from"./p-BTBxxgtF.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:"18a9d8d27e3da2d36681f0681caeee84ed943efd","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:"22db33f534a61abca396ce3c05f30b490327e417"},d("div",{key:"0ad8548b87a63cded792ad6dee63e4ba018a0aa0",class:"radio-button"},d("div",{key:"9b8fbaa25b7f4307f4a820a99a80dd3a01272604","aria-hidden":"true",class:{"radio-checkmark":!0,checked:this.checked}},d("div",{key:"a8e10d030150643478be8e859e47b7654ecdcdba",class:"checkmark",style:{visibility:this.checked?"visible":"hidden"}}))),this.label&&d("ix-typography",{key:"a0c8ddcf036d2ade8ed14813dff4d3ce8fc664ff",format:"label",textColor:this.disabled?"weak":"std"},this.label,d("slot",{key:"35fd78b7b432ced026ac0824f64633f64b8b4441"}))))}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}
package/components/ix-select-item.js CHANGED
@@ -1 +1 @@
1
- import{S as o,d as s}from"./p-CatmTvkh.js";const t=o,a=s;export{t as IxSelectItem,a as defineCustomElement}
1
+ import{S as o,d as s}from"./p-DyC90hvu.js";const p=o,r=s;export{p as IxSelectItem,r as defineCustomElement}
package/components/ix-select.js CHANGED
@@ -1 +1 @@
1
- import{S as o,d as p}from"./p-l9UTiHpM.js";const s=o,r=p;export{s as IxSelect,r as defineCustomElement}
1
+ import{S as o,d as p}from"./p-BGpGr8Qv.js";const r=o,s=p;export{r as IxSelect,s as defineCustomElement}
package/components/ix-slider.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as t,e as r,h as a,d as i,t as o}from"./p-eN5fQtqO.js";import{b as s}from"./p-C21npbUc.js";import{O as n}from"./p-BHjmN8zz.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-BGOtCwtj.js";import{d as h}from"./p-eGuQ8D3W.js";import{d}from"./p-CgPr717U.js";import{d as u}from"./p-YFmbQndr.js";import{H as b}from"./p-BTBxxgtF.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 g=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:"bc904df57adc690f6a26d435f1c82d14755c6754",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:"e346c24bf005ec2aa06af0729f4af521f72ec2b9",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:"3aa92608f9401f269cf8227e5ccede8439c1b678",class:"slider-container"},a("div",{key:"cdd7636f0eddaa870f33bbb505fbdeedf808bfe9",class:"slider"},a("div",{key:"154a03a58b01cb76e753c96c2f5bc87fa939b184",class:"track"},a("div",{key:"baf3ff99733257bd3a7697a8f7dbe5626147d722",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"1242b04782e64afeb3e4f7b3c735c1be96372923",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:"c10155a18c3f0c1edb8bd6f12214de818db74beb",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:"ace607a123ece9ce604f1ec2b6ce870fbbc2d20e",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"0e59aadf74934ffc7067ad336c5a4156189b8ae8",class:"label"},a("div",{key:"20af42d330da5d8b5e9888378d5f09b9591c054d"},a("slot",{key:"e1c21828426fb53c2e5dffe2a4a305a114d83359",name:"label-start"})),a("div",{key:"27c5122383b81b204ffeed99a754d8275e77eb40"},a("slot",{key:"d6766ea6f1f690423e55858a1866a0263749cc7f",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()],g.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],g.prototype,"onPointerUp",null);const v=g,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),g);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{v 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-eN5fQtqO.js";import{b as s}from"./p-DD206pTM.js";import{O as n}from"./p-BHjmN8zz.js";import{m as c}from"./p-Djkc69iv.js";import{d as l}from"./p-CAd-WgR8.js";import{d as h}from"./p-viP8I2_s.js";import{d}from"./p-D_VBAyPm.js";import{d as u}from"./p-YFmbQndr.js";import{H as b}from"./p-BTBxxgtF.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 g=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:"bc904df57adc690f6a26d435f1c82d14755c6754",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:"e346c24bf005ec2aa06af0729f4af521f72ec2b9",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:"3aa92608f9401f269cf8227e5ccede8439c1b678",class:"slider-container"},a("div",{key:"cdd7636f0eddaa870f33bbb505fbdeedf808bfe9",class:"slider"},a("div",{key:"154a03a58b01cb76e753c96c2f5bc87fa939b184",class:"track"},a("div",{key:"baf3ff99733257bd3a7697a8f7dbe5626147d722",ref:this.thumbRef,class:"thumb",style:{left:`calc(${r} * (100% - 1rem))`}}),a("svg",{key:"1242b04782e64afeb3e4f7b3c735c1be96372923",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:"c10155a18c3f0c1edb8bd6f12214de818db74beb",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:"ace607a123ece9ce604f1ec2b6ce870fbbc2d20e",ref:this.tooltipRef,class:{"hide-tooltip":!this.showTooltip},animationFrame:!0,for:this.thumbRef.waitForCurrent()},this.rangeInput)),this.hasLabels&&a("div",{key:"0e59aadf74934ffc7067ad336c5a4156189b8ae8",class:"label"},a("div",{key:"20af42d330da5d8b5e9888378d5f09b9591c054d"},a("slot",{key:"e1c21828426fb53c2e5dffe2a4a305a114d83359",name:"label-start"})),a("div",{key:"27c5122383b81b204ffeed99a754d8275e77eb40"},a("slot",{key:"d6766ea6f1f690423e55858a1866a0263749cc7f",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()],g.prototype,"onClassField",null),m([n("pointerup",(e=>e.showTooltip))],g.prototype,"onPointerUp",null);const v=g,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),g);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{v as IxSlider,k as defineCustomElement}
package/components/ix-spinner.js CHANGED
@@ -1 +1 @@
1
- import{S as s,d as o}from"./p-D7sEY2UQ.js";const p=s,r=o;export{p as IxSpinner,r as defineCustomElement}
1
+ import{S as o,d as s}from"./p-BKVBe7Co.js";const p=o,r=s;export{p as IxSpinner,r as defineCustomElement}
package/components/ix-split-button.js CHANGED
@@ -1 +1 @@
1
- import{p as t,M as o,e as r,h as e,d as i,t as s}from"./p-eN5fQtqO.js";import{N as a}from"./p-DsVj4Cd-.js";import{P as n,u as l,a as b,F as d}from"./p-D7qfGAJ7.js";import{D as h}from"./p-CApDAYIa.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-CRtj-KBq.js";import{d as p}from"./p-CLDB-pmj.js";import{d as m}from"./p-CvAmaEU2.js";import{d as x}from"./p-DdlGyKd2.js";import{d as f}from"./p-D7sEY2UQ.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&&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 e(i,{key:"8b0ca8dd570f499543d80f403c5119de176ed859"},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:"75f3af8bd3c91e40ed7ad749fa794e5a19129c3c",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}`},e(d,{key:"53e6f62837d923f29e11ad408681f34067343aef",hostId:this.internalId,otherProps:{}}),e("slot",{key:"be4d6d91d022ac56acc0fdbab17dd37f0af539c6"})))}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
+ import{p as t,M as o,e as r,h as e,d as i,t as s}from"./p-eN5fQtqO.js";import{N as a}from"./p-DsVj4Cd-.js";import{P as n,u as l,a as b,F as d}from"./p-D7qfGAJ7.js";import{D as h}from"./p-CApDAYIa.js";import{A as c}from"./p-Byed_Z2G.js";import{d as u}from"./p-q_MHsaAK.js";import{d as p}from"./p-CGGWaScq.js";import{d as m}from"./p-DzDB4UBp.js";import{d as x}from"./p-CiP3eKpd.js";import{d as f}from"./p-BKVBe7Co.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&&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 e(i,{key:"8b0ca8dd570f499543d80f403c5119de176ed859"},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:"75f3af8bd3c91e40ed7ad749fa794e5a19129c3c",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}`},e(d,{key:"53e6f62837d923f29e11ad408681f34067343aef",hostId:this.internalId,otherProps:{}}),e("slot",{key:"be4d6d91d022ac56acc0fdbab17dd37f0af539c6"})))}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}
package/components/ix-tab-item.js CHANGED
@@ -1 +1 @@
1
- import{T as s,d as o}from"./p-Bs5X90wM.js";const p=s,r=o;export{p as IxTabItem,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-B3ZUi0gM.js";const p=o,r=s;export{p as IxTabItem,r as defineCustomElement}
package/components/ix-tabs.js CHANGED
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-BHoJOFM-.js";const p=o,r=s;export{p as IxTabs,r as defineCustomElement}
1
+ import{T as o,d as p}from"./p-DB-zpRCO.js";const s=o,r=p;export{s as IxTabs,r as defineCustomElement}
package/components/ix-textarea.js CHANGED
@@ -1 +1 @@
1
- import{p as e,H as o,e as t,h as r,d as a,t as n}from"./p-eN5fQtqO.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-BDnx22Gp.js";import{d as p}from"./p-BGOtCwtj.js";import{d as u}from"./p-eGuQ8D3W.js";import{d as m}from"./p-CgPr717U.js";import{d as v}from"./p-YFmbQndr.js";import{H as x}from"./p-BTBxxgtF.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:"0225922a8d56aa475954dc3a7b06d1963debf354",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"7d2b61104c9525173ac87cfe0dc278f8d19363b4",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:"8bb957ab2f076f590446cd05d49295de0ba49ed1",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"0e5bc0c754d5ac6115c09e8d500d6ec7c3dbbce4",class:"input-wrapper"},r(s,{key:"d7a41229fd7a72e56f58e88e6a4cd32299dc21b1",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;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.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-eN5fQtqO.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-DcOoa9vE.js";import{d as p}from"./p-CAd-WgR8.js";import{d as u}from"./p-viP8I2_s.js";import{d as m}from"./p-D_VBAyPm.js";import{d as v}from"./p-YFmbQndr.js";import{H as x}from"./p-BTBxxgtF.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:"0225922a8d56aa475954dc3a7b06d1963debf354",class:{disabled:this.disabled,readonly:this.readonly}},r("ix-field-wrapper",{key:"7d2b61104c9525173ac87cfe0dc278f8d19363b4",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:"8bb957ab2f076f590446cd05d49295de0ba49ed1",class:"bottom-text",slot:"bottom-right",textColor:"soft"},(this.value??"").length,"/",this.maxLength),r("div",{key:"0e5bc0c754d5ac6115c09e8d500d6ec7c3dbbce4",class:"input-wrapper"},r(s,{key:"d7a41229fd7a72e56f58e88e6a4cd32299dc21b1",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;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host(.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}
package/components/ix-time-input.js CHANGED
@@ -1 +1 @@
1
- import{p as e,M as t,e as o,h as r,d as i,t as n}from"./p-eN5fQtqO.js";import{$ as a}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as u,o as p,d as m,e as v}from"./p-BDnx22Gp.js";import{g as x,i as f,d as y}from"./p-snX1FfdL.js";import{I as g,h as k,o as w,c as T,a as I}from"./p-CTbTAb9U.js";import{D as C}from"./p-CApDAYIa.js";import{m as z}from"./p-Djkc69iv.js";import{r as E}from"./p-BEuV0Xpe.js";import{f as H}from"./p-C21npbUc.js";import{d as j}from"./p-CRtj-KBq.js";import{d as S}from"./p-DiYkfhDE.js";import{d as V}from"./p-CLDB-pmj.js";import{d as D}from"./p-BGOtCwtj.js";import{d as P}from"./p-eGuQ8D3W.js";import{d as A}from"./p-DdlGyKd2.js";import{d as B}from"./p-D7sEY2UQ.js";import{d as R}from"./p-CgPr717U.js";import{d as F}from"./p-YFmbQndr.js";import{c as M,g as q,H as L}from"./p-BTBxxgtF.js";const O=e(class extends(t(...C,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=z();slotEndRef=z();timePickerRef=z();inputElementRef=z();dropdownElementRef=z();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,E((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=M(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const t=e.startOf("day"),{min:o,max:r}=x(this.minTime,this.maxTime,this.format,t);return f(e,o,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const t=l.fromFormat(e,this.format);return t.isValid&&this.isWithinConfiguredBounds(t)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:t.isValid?"customError":t.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const t=this.validateNonEmptyValue(e);t?(this.isInputInvalid=t.isInputInvalid,this.invalidReason=t.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){k(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>H(e,-1),"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(I(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=q(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return r(i,{key:"efe1cbc9df92596227d70edfb368a4a7695794fa",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},r("ix-field-wrapper",{key:"08967e192b1e3b4c30d822373d8090c18b7db2e1",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"336fec1ee4b2f222be22de2e4ad72e9a7659b8ff","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},r("ix-time-picker",{key:"219accc28fa595836b21d809755c163bd42d10db",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler: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;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{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 input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}'}},[593,"ix-time-input",{name:[513],placeholder:[513],value:[1537],format:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],required:[4],helperText:[1,"helper-text"],label:[1],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorTimeUnparsable:[1,"i18n-error-time-unparsable"],hourInterval:[2,"hour-interval"],minuteInterval:[2,"minute-interval"],secondInterval:[2,"second-interval"],millisecondInterval:[2,"millisecond-interval"],i18nSelectTime:[1,"i18n-select-time"],i18nTime:[1,"i18n-time"],i18nHourColumnHeader:[1,"i18n-hour-column-header"],i18nMinuteColumnHeader:[1,"i18n-minute-column-header"],i18nSecondColumnHeader:[1,"i18n-second-column-header"],i18nMillisecondColumnHeader:[1,"i18n-millisecond-column-header"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],hideHeader:[4,"hide-header"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],ariaLabelTimeToggleButton:[1,"aria-label-time-toggle-button"],show:[32],time:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}]);!function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)}([L()],O.prototype,"hookValidationLifecycle",null);const W=O,U=function(){"undefined"!=typeof customElements&&["ix-time-input","ix-button","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-time-input":customElements.get(n(e))||customElements.define(n(e),O);break;case"ix-button":customElements.get(n(e))||j();break;case"ix-date-time-card":customElements.get(n(e))||S();break;case"ix-dropdown":customElements.get(n(e))||V();break;case"ix-field-label":customElements.get(n(e))||D();break;case"ix-field-wrapper":customElements.get(n(e))||P();break;case"ix-icon-button":customElements.get(n(e))||A();break;case"ix-spinner":customElements.get(n(e))||B();break;case"ix-time-picker":customElements.get(n(e))||y();break;case"ix-tooltip":customElements.get(n(e))||R();break;case"ix-typography":customElements.get(n(e))||F()}}))};export{W as IxTimeInput,U as defineCustomElement}
1
+ import{p as e,M as t,e as o,h as r,d as i,t as n}from"./p-eN5fQtqO.js";import{$ as a}from"./p-DsVj4Cd-.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,j as s,h,a as c,b,S as u,o as p,d as m,e as v}from"./p-DcOoa9vE.js";import{g as f,i as x,d as y}from"./p-DLgZfUmI.js";import{I as g,h as k,o as w,c as T,a as I}from"./p-CTbTAb9U.js";import{D as C}from"./p-CApDAYIa.js";import{m as z}from"./p-Djkc69iv.js";import{r as E}from"./p-BEuV0Xpe.js";import{f as H}from"./p-DD206pTM.js";import{d as S}from"./p-q_MHsaAK.js";import{d as j}from"./p-DiYkfhDE.js";import{d as V}from"./p-CGGWaScq.js";import{d as P}from"./p-CAd-WgR8.js";import{d as A}from"./p-viP8I2_s.js";import{d as D}from"./p-CiP3eKpd.js";import{d as R}from"./p-BKVBe7Co.js";import{d as B}from"./p-D_VBAyPm.js";import{d as M}from"./p-YFmbQndr.js";import{c as q,g as F,H as O}from"./p-BTBxxgtF.js";const L=e(class extends(t(...C,g)){constructor(e){super(!1),!1!==e&&this.__registerHost(),this.__attachShadow(),this.valueChange=o(this,"valueChange",6),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),this.formInternals=this.attachInternals()}get hostElement(){return this}formInternals;name;placeholder;value="";watchValuePropHandler(e){this.onInput(e)}format="TT";minTime;maxTime;watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}required;helperText;label;invalidText;readonly=!1;disabled=!1;infoText;warningText;validText;showTextAsTooltip;i18nErrorTimeUnparsable="Time is not valid";hourInterval=1;minuteInterval=1;secondInterval=1;millisecondInterval=100;i18nSelectTime="Confirm";i18nTime="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";suppressSubmitOnEnter=!1;hideHeader=!1;textAlignment="start";enableTopLayer=!1;ariaLabelTimeToggleButton="Toggle time picker";valueChange;validityStateChange;ixFocus;ixBlur;ixChange;show=!1;time=null;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;focus=!1;slotStartRef=z();slotEndRef=z();timePickerRef=z();inputElementRef=z();dropdownElementRef=z();classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;handleInputKeyDown(e){"ArrowDown"===e.key&&(this.show=!0,E((()=>{const e=this.timePickerRef.current?.shadowRoot?.querySelector('button[tabindex="0"]');e?.focus()}))),s(e,this,this.value),h(e,this.suppressSubmitOnEnter,this.formInternals.form)}updateFormInternalValue(e){this.formInternals.setFormValue(e),this.value=e}connectedCallback(){this.classObserver=q(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){if(!this.value){const e=l.now();e.isValid&&(this.value=e.toFormat(this.format))}this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value)}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isWithinConfiguredBounds(e){const t=e.startOf("day"),{min:o,max:r}=f(this.minTime,this.maxTime,this.format,t);return x(e,o,r)}syncPickerTimeFromValue(){const e=this.value?.trim()??"";this.time=e&&l.fromFormat(e,this.format).isValid?e:null}validateNonEmptyValue(e){if(!this.format)return null;const t=l.fromFormat(e,this.format);return t.isValid&&this.isWithinConfiguredBounds(t)?{isInputInvalid:!1,invalidReason:void 0}:{isInputInvalid:!0,invalidReason:t.isValid?"customError":t.invalidReason??void 0}}revalidateCurrentValue(){if(!this.value)return;const e=this.validateNonEmptyValue(this.value);e&&(this.isInputInvalid=e.isInputInvalid,this.invalidReason=e.invalidReason,this.emitValidityStateChangeIfChanged(),this.syncPickerTimeFromValue())}async onInput(e){if(this.value=e,!e)return this.isInputInvalid=!1,this.invalidReason=void 0,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),void this.syncPickerTimeFromValue();const t=this.validateNonEmptyValue(e);t?(this.isInputInvalid=t.isInputInvalid,this.invalidReason=t.invalidReason,this.emitValidityStateChangeIfChanged(),this.updateFormInternalValue(e),this.valueChange.emit(e),this.syncPickerTimeFromValue()):this.syncPickerTimeFromValue()}onTimeIconClick(e){k(e,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.syncPickerTimeFromValue(),w(this.dropdownElementRef)}async closeDropdown(){return T(this.dropdownElementRef)}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}renderInput(){return r("div",{class:"input-wrapper"},r(m,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),r("input",{"aria-haspopup":"true",autoComplete:"off",class:{"is-invalid":this.isInputInvalid},style:{textAlign:this.textAlignment},disabled:this.disabled,readOnly:this.readonly,required:this.required,ref:this.inputElementRef,type:"text",value:this.value,placeholder:this.placeholder,name:this.name,onInput:e=>{this.onInput(e.target.value)},onClick:e=>{this.show&&(e.stopPropagation(),e.preventDefault())},onFocus:async()=>{this.initialValue=this.value,this.ixFocus.emit()},onBlur:()=>{p(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onKeyDown:e=>this.handleInputKeyDown(e)}),r(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},r("ix-icon-button",{tabindex:-1,ref:e=>H(e,-1),"data-testid":"open-time-picker",class:{"time-icon-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",size:"16",icon:a,onClick:e=>this.onTimeIconClick(e),"aria-label":this.ariaLabelTimeToggleButton,"aria-expanded":this.show})))}hookValidationLifecycle({isInfo:e,isInvalid:t,isInvalidByRequired:o,isValid:r,isWarning:i}){this.isInvalid=t||o||this.isInputInvalid,this.isInfo=e,this.isValid=r,this.isWarning=i}emitValidityStateChangeIfChanged(){return v(this)}getValidityState(){return Promise.resolve(I(this.isInputInvalid,!!this.required,this.value))}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getPickerElement(){return this.dropdownElementRef}render(){const e=F(this.isInputInvalid,this.invalidText,this.i18nErrorTimeUnparsable);return r(i,{key:"efe1cbc9df92596227d70edfb368a4a7695794fa",class:{disabled:this.disabled,readonly:this.readonly},onFocusout:()=>{this.closeDropdown()}},r("ix-field-wrapper",{key:"08967e192b1e3b4c30d822373d8090c18b7db2e1",label:this.label,helperText:this.helperText,isInvalid:this.isInvalid,invalidText:e,infoText:this.infoText,isInfo:this.isInfo,isWarning:this.isWarning,warningText:this.warningText,isValid:this.isValid,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,required:this.required,controlRef:this.inputElementRef},this.renderInput()),r("ix-dropdown",{key:"336fec1ee4b2f222be22de2e4ad72e9a7659b8ff","data-testid":"time-dropdown",trigger:this.inputElementRef.waitForCurrent(),ref:this.dropdownElementRef,closeBehavior:"outside",enableTopLayer:this.enableTopLayer,suppressOverflowBehavior:!0,show:this.show,onShowChanged:e=>{this.show=e.detail},focusTrapOptions:{targetElement:this.timePickerRef,trapFocusInShadowDom:!0}},r("ix-time-picker",{key:"219accc28fa595836b21d809755c163bd42d10db",ref:this.timePickerRef,format:this.format,time:this.time??"",minTime:this.minTime,maxTime:this.maxTime,hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval,embedded:!0,hideHeader:this.hideHeader,i18nConfirmTime:this.i18nSelectTime,i18nHeader:this.i18nTime,i18nHourColumnHeader:this.i18nHourColumnHeader,i18nSecondColumnHeader:this.i18nSecondColumnHeader,i18nMinuteColumnHeader:this.i18nMinuteColumnHeader,i18nMillisecondColumnHeader:this.i18nMillisecondColumnHeader,onTimeSelect:e=>{this.onInput(e.detail),this.initialValue!==e.detail&&(this.ixChange.emit(e.detail),this.initialValue=e.detail),this.show=!1}})))}static get delegatesFocus(){return!0}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler: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;color:var(--theme-input--color--disabled)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{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 input{width:100%;height:100%}:host .time-icon-hidden{display:none}:host(.readonly) input{pointer-events:none}.input-wrapper{position:relative}'}},[593,"ix-time-input",{name:[513],placeholder:[513],value:[1537],format:[1],minTime:[1,"min-time"],maxTime:[1,"max-time"],required:[4],helperText:[1,"helper-text"],label:[1],invalidText:[513,"invalid-text"],readonly:[4],disabled:[4],infoText:[1,"info-text"],warningText:[1,"warning-text"],validText:[1,"valid-text"],showTextAsTooltip:[4,"show-text-as-tooltip"],i18nErrorTimeUnparsable:[1,"i18n-error-time-unparsable"],hourInterval:[2,"hour-interval"],minuteInterval:[2,"minute-interval"],secondInterval:[2,"second-interval"],millisecondInterval:[2,"millisecond-interval"],i18nSelectTime:[1,"i18n-select-time"],i18nTime:[1,"i18n-time"],i18nHourColumnHeader:[1,"i18n-hour-column-header"],i18nMinuteColumnHeader:[1,"i18n-minute-column-header"],i18nSecondColumnHeader:[1,"i18n-second-column-header"],i18nMillisecondColumnHeader:[1,"i18n-millisecond-column-header"],suppressSubmitOnEnter:[516,"suppress-submit-on-enter"],hideHeader:[4,"hide-header"],textAlignment:[1,"text-alignment"],enableTopLayer:[4,"enable-top-layer"],ariaLabelTimeToggleButton:[1,"aria-label-time-toggle-button"],show:[32],time:[32],isInputInvalid:[32],isInvalid:[32],isValid:[32],isInfo:[32],isWarning:[32],focus:[32],openPicker:[64],hasValidValue:[64],getAssociatedFormElement:[64],getValidityState:[64],getNativeInputElement:[64],focusInput:[64],isTouched:[64]},void 0,{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}]}]);!function(e,t,o,r){var i,n=arguments.length,a=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,o,r);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(a=(n<3?i(a):n>3?i(t,o,a):i(t,o))||a);n>3&&a&&Object.defineProperty(t,o,a)}([O()],L.prototype,"hookValidationLifecycle",null);const W=L,K=function(){"undefined"!=typeof customElements&&["ix-time-input","ix-button","ix-date-time-card","ix-dropdown","ix-field-label","ix-field-wrapper","ix-icon-button","ix-spinner","ix-time-picker","ix-tooltip","ix-typography"].forEach((e=>{switch(e){case"ix-time-input":customElements.get(n(e))||customElements.define(n(e),L);break;case"ix-button":customElements.get(n(e))||S();break;case"ix-date-time-card":customElements.get(n(e))||j();break;case"ix-dropdown":customElements.get(n(e))||V();break;case"ix-field-label":customElements.get(n(e))||P();break;case"ix-field-wrapper":customElements.get(n(e))||A();break;case"ix-icon-button":customElements.get(n(e))||D();break;case"ix-spinner":customElements.get(n(e))||R();break;case"ix-time-picker":customElements.get(n(e))||y();break;case"ix-tooltip":customElements.get(n(e))||B();break;case"ix-typography":customElements.get(n(e))||M()}}))};export{W as IxTimeInput,K as defineCustomElement}
package/components/ix-time-picker.js CHANGED
@@ -1 +1 @@
1
- import{T as s,d as o}from"./p-snX1FfdL.js";const p=s,r=o;export{p as IxTimePicker,r as defineCustomElement}
1
+ import{T as o,d as s}from"./p-DLgZfUmI.js";const m=o,p=s;export{m as IxTimePicker,p as defineCustomElement}
package/components/ix-toast-container.js CHANGED
@@ -1 +1 @@
1
- import{p as t,H as o,h as r,d as s,t as e}from"./p-eN5fQtqO.js";import{T as a}from"./p-CWshStHZ.js";import{d as i}from"./p-DdlGyKd2.js";import{d as n}from"./p-D7sEY2UQ.js";import{d as c}from"./p-DmtgI24u.js";import{d as h}from"./p-YFmbQndr.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}position="bottom-right";async showToast(t){const r=document.createElement("ix-toast"),s=new a;function e(t){r.remove(),s.emit(t)}return r.toastTitle=t.title,r.type=t.type??"info",r.preventAutoClose=!1===t.autoClose,r.autoCloseDelay=t.autoCloseDelay??5e3,r.icon=t.icon,r.iconColor=t.iconColor,r.hideIcon=t.hideIcon??!1,r.addEventListener("closeToast",(t=>{const{detail:o}=t;e(o)})),t.message&&("string"==typeof t.message?r.innerText=t.message:r.appendChild(t.message)),t.action&&t.action instanceof o&&(t.action.slot="action",r.appendChild(t.action)),this.hostElement.appendChild(r),{onClose:s,close:t=>{e(t)},pause:()=>{r.pause()},resume:()=>{r.resume()},isPaused:()=>r.isPaused()}}render(){return r(s,{key:"2b7b81cc4a3cbef019ea2e3d80289932f851d1ad",class:{"toast-container--bottom-right":"bottom-right"===this.position,"toast-container--top-right":"top-right"===this.position}},r("slot",{key:"8782fca12768a3a18aa03b480e06fa01a8f35968"}))}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:block;position:fixed;z-index:var(--theme-z-index-toast)}:host ::slotted(*:not(:last-child)){margin-block-end:1rem}:host(.toast-container--top-right){right:1rem;top:2rem}:host(.toast-container--bottom-right){right:1rem;bottom:2rem}"}},[769,"ix-toast-container",{position:[1],showToast:[64]}]),m=b,l=function(){"undefined"!=typeof customElements&&["ix-toast-container","ix-icon-button","ix-spinner","ix-toast","ix-typography"].forEach((t=>{switch(t){case"ix-toast-container":customElements.get(e(t))||customElements.define(e(t),b);break;case"ix-icon-button":customElements.get(e(t))||i();break;case"ix-spinner":customElements.get(e(t))||n();break;case"ix-toast":customElements.get(e(t))||c();break;case"ix-typography":customElements.get(e(t))||h()}}))};export{m as IxToastContainer,l as defineCustomElement}
1
+ import{p as t,H as o,h as r,d as s,t as e}from"./p-eN5fQtqO.js";import{T as a}from"./p-CWshStHZ.js";import{d as i}from"./p-CiP3eKpd.js";import{d as n}from"./p-BKVBe7Co.js";import{d as c}from"./p-CYgC-XN6.js";import{d as h}from"./p-YFmbQndr.js";const b=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}position="bottom-right";async showToast(t){const r=document.createElement("ix-toast"),s=new a;function e(t){r.remove(),s.emit(t)}return r.toastTitle=t.title,r.type=t.type??"info",r.preventAutoClose=!1===t.autoClose,r.autoCloseDelay=t.autoCloseDelay??5e3,r.icon=t.icon,r.iconColor=t.iconColor,r.hideIcon=t.hideIcon??!1,r.addEventListener("closeToast",(t=>{const{detail:o}=t;e(o)})),t.message&&("string"==typeof t.message?r.innerText=t.message:r.appendChild(t.message)),t.action&&t.action instanceof o&&(t.action.slot="action",r.appendChild(t.action)),this.hostElement.appendChild(r),{onClose:s,close:t=>{e(t)},pause:()=>{r.pause()},resume:()=>{r.resume()},isPaused:()=>r.isPaused()}}render(){return r(s,{key:"2b7b81cc4a3cbef019ea2e3d80289932f851d1ad",class:{"toast-container--bottom-right":"bottom-right"===this.position,"toast-container--top-right":"top-right"===this.position}},r("slot",{key:"8782fca12768a3a18aa03b480e06fa01a8f35968"}))}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:block;position:fixed;z-index:var(--theme-z-index-toast)}:host ::slotted(*:not(:last-child)){margin-block-end:1rem}:host(.toast-container--top-right){right:1rem;top:2rem}:host(.toast-container--bottom-right){right:1rem;bottom:2rem}"}},[769,"ix-toast-container",{position:[1],showToast:[64]}]),m=b,l=function(){"undefined"!=typeof customElements&&["ix-toast-container","ix-icon-button","ix-spinner","ix-toast","ix-typography"].forEach((t=>{switch(t){case"ix-toast-container":customElements.get(e(t))||customElements.define(e(t),b);break;case"ix-icon-button":customElements.get(e(t))||i();break;case"ix-spinner":customElements.get(e(t))||n();break;case"ix-toast":customElements.get(e(t))||c();break;case"ix-typography":customElements.get(e(t))||h()}}))};export{m as IxToastContainer,l as defineCustomElement}
package/components/ix-toast.js CHANGED
@@ -1 +1 @@
1
- import{T as o,d as s}from"./p-DmtgI24u.js";const t=o,m=s;export{t as IxToast,m as defineCustomElement}
1
+ import{T as o,d as s}from"./p-CYgC-XN6.js";const p=o,r=s;export{p as IxToast,r as defineCustomElement}