@siemens/ix 5.1.0 → 5.1.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 (541) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/ix-action-card.js +1 -1
  3. package/components/ix-application-header.js +1 -1
  4. package/components/ix-application-switch-modal.js +1 -1
  5. package/components/ix-application.js +1 -1
  6. package/components/ix-avatar.js +1 -1
  7. package/components/ix-blind.js +1 -1
  8. package/components/ix-breadcrumb.js +1 -1
  9. package/components/ix-button.js +1 -1
  10. package/components/ix-card-accordion.js +1 -1
  11. package/components/ix-card-content.js +1 -1
  12. package/components/ix-card-list.js +1 -1
  13. package/components/ix-card-title.js +1 -1
  14. package/components/ix-card.js +1 -1
  15. package/components/ix-category-filter.js +1 -1
  16. package/components/ix-checkbox-group.js +1 -1
  17. package/components/ix-checkbox.js +1 -1
  18. package/components/ix-chip.js +1 -1
  19. package/components/ix-col.js +1 -1
  20. package/components/ix-content-header.js +1 -1
  21. package/components/ix-content.js +1 -1
  22. package/components/ix-css-grid-item.js +1 -1
  23. package/components/ix-css-grid.js +1 -1
  24. package/components/ix-custom-field.js +1 -1
  25. package/components/ix-date-dropdown.js +1 -1
  26. package/components/ix-date-input.js +1 -1
  27. package/components/ix-date-picker.js +1 -1
  28. package/components/ix-datetime-input.js +1 -1
  29. package/components/ix-datetime-picker.js +1 -1
  30. package/components/ix-dropdown-button.js +1 -1
  31. package/components/ix-dropdown-header.js +1 -1
  32. package/components/ix-dropdown-item.js +1 -1
  33. package/components/ix-dropdown-quick-actions.js +1 -1
  34. package/components/ix-dropdown.js +1 -1
  35. package/components/ix-empty-state.js +1 -1
  36. package/components/ix-event-list-item.js +1 -1
  37. package/components/ix-event-list.js +1 -1
  38. package/components/ix-field-label.js +1 -1
  39. package/components/ix-field-wrapper.js +1 -1
  40. package/components/ix-filter-chip.js +1 -1
  41. package/components/ix-flip-tile-content.js +1 -1
  42. package/components/ix-flip-tile.js +1 -1
  43. package/components/ix-group-context-menu.js +1 -1
  44. package/components/ix-group.js +1 -1
  45. package/components/ix-helper-text.js +1 -1
  46. package/components/ix-input.js +1 -1
  47. package/components/ix-key-value-list.js +1 -1
  48. package/components/ix-layout-auto.js +1 -1
  49. package/components/ix-layout-grid.js +1 -1
  50. package/components/ix-link-button.js +1 -1
  51. package/components/ix-menu-about-item.js +1 -1
  52. package/components/ix-menu-about-news.js +1 -1
  53. package/components/ix-menu-about.js +1 -1
  54. package/components/ix-menu-avatar-item.js +1 -1
  55. package/components/ix-menu-avatar.js +1 -1
  56. package/components/ix-menu-category.js +1 -1
  57. package/components/ix-menu-item.js +1 -1
  58. package/components/ix-menu-settings-item.js +1 -1
  59. package/components/ix-menu-settings.js +1 -1
  60. package/components/ix-menu.js +1 -1
  61. package/components/ix-message-bar.js +1 -1
  62. package/components/ix-modal-content.js +1 -1
  63. package/components/ix-modal-footer.js +1 -1
  64. package/components/ix-modal-header.js +1 -1
  65. package/components/ix-modal.js +1 -1
  66. package/components/ix-number-input.js +1 -1
  67. package/components/ix-pagination.js +1 -1
  68. package/components/ix-pane-layout.js +1 -1
  69. package/components/ix-pane.js +1 -1
  70. package/components/ix-pill.js +1 -1
  71. package/components/ix-popover-content.js +1 -1
  72. package/components/ix-popover-footer.js +1 -1
  73. package/components/ix-popover-header.js +1 -1
  74. package/components/ix-popover.js +1 -1
  75. package/components/ix-progress-indicator.js +1 -1
  76. package/components/ix-push-card.js +1 -1
  77. package/components/ix-radio-group.js +1 -1
  78. package/components/ix-radio.js +1 -1
  79. package/components/ix-range-field.js +1 -1
  80. package/components/ix-row.js +1 -1
  81. package/components/ix-select-item.js +1 -1
  82. package/components/ix-select.js +1 -1
  83. package/components/ix-slider.js +1 -1
  84. package/components/ix-split-button.js +1 -1
  85. package/components/ix-tab-item.js +1 -1
  86. package/components/ix-tabs.js +1 -1
  87. package/components/ix-textarea.js +1 -1
  88. package/components/ix-tile.js +1 -1
  89. package/components/ix-time-input.js +1 -1
  90. package/components/ix-time-picker.js +1 -1
  91. package/components/ix-toast-container.js +1 -1
  92. package/components/ix-toast.js +1 -1
  93. package/components/ix-toggle-button.js +1 -1
  94. package/components/ix-toggle.js +1 -1
  95. package/components/ix-tooltip.js +1 -1
  96. package/components/ix-tree-item.js +1 -1
  97. package/components/ix-tree.js +1 -1
  98. package/components/ix-typography.js +1 -1
  99. package/components/ix-upload.js +1 -1
  100. package/components/ix-workflow-step.js +1 -1
  101. package/components/ix-workflow-steps.js +1 -1
  102. package/components/{p-DhWkcMmR.js → p-1KOHyx-1.js} +1 -1
  103. package/components/{p-zqHenwXl.js → p-BH2Yhp3V.js} +1 -1
  104. package/components/{p-CrDBjFhu.js → p-BIcWFids.js} +1 -1
  105. package/components/{p-CGHbrmJg.js → p-BRoFUwzJ.js} +1 -1
  106. package/components/{p-CIA8i4dm.js → p-BZgc6bzH.js} +1 -1
  107. package/components/{p-Wr4Qf8LA.js → p-B_MBGj0b.js} +1 -1
  108. package/components/{p-BuBQiemL.js → p-Bj_6nynP.js} +1 -1
  109. package/components/p-C7MRPZvZ.js +1 -0
  110. package/components/{p-aUZgVnx5.js → p-CHV-_J6i.js} +1 -1
  111. package/components/{p-CrLxhwo2.js → p-CUvmGsh_.js} +1 -1
  112. package/components/{p-CJoOEoc-.js → p-Ca8JFa1v.js} +1 -1
  113. package/components/p-CbbabcAR.js +1 -0
  114. package/components/{p-C2jvmCOl.js → p-CgHioxG-.js} +1 -1
  115. package/components/{p-zyYHTdEN.js → p-CkIELF-1.js} +1 -1
  116. package/components/{p-CT5pAQCz.js → p-Cvpz1Ji5.js} +1 -1
  117. package/components/{p-DHydRnvu.js → p-D1sONqtj.js} +1 -1
  118. package/components/{p-CG9cQxRO.js → p-D69Mojvn.js} +1 -1
  119. package/components/p-DLe8Pp58.js +1 -0
  120. package/components/{p-C0WZnIxc.js → p-DO3HtUke.js} +1 -1
  121. package/components/{p-Cy2KAdml.js → p-DfdjJL6W.js} +1 -1
  122. package/components/{p-C-sZLWci.js → p-DjIyhGBC.js} +1 -1
  123. package/components/{p-BbW5EIKF.js → p-DkAUNod9.js} +1 -1
  124. package/components/{p-Dfd_ifAu.js → p-Dl_YKIKl.js} +1 -1
  125. package/components/{p-BNAvpXSk.js → p-DuMiVxY1.js} +1 -1
  126. package/components/{p-ImMb0joA.js → p-DwmHytZi.js} +1 -1
  127. package/components/{p-BDlGgfYh.js → p-LbnItC1h.js} +1 -1
  128. package/components/{p-CpOGS2e_.js → p-R1AQtGdV.js} +1 -1
  129. package/components/{p-wFiL3dN1.js → p-_f_q2Etu.js} +1 -1
  130. package/components/{p-DtOqKp7K.js → p-baqpOH0g.js} +1 -1
  131. package/components/p-f1jZqaUz.js +1 -0
  132. package/components/{p-B-O0ylt_.js → p-olkZUb1j.js} +1 -1
  133. package/components/{p-CDf5TQum.js → p-z19mjzlp.js} +1 -1
  134. package/dist/cjs/ix-action-card.cjs.entry.js +2 -2
  135. package/dist/cjs/ix-application-header.cjs.entry.js +9 -9
  136. package/dist/cjs/ix-application.cjs.entry.js +3 -3
  137. package/dist/cjs/ix-blind.cjs.entry.js +5 -5
  138. package/dist/cjs/ix-breadcrumb.cjs.entry.js +2 -2
  139. package/dist/cjs/ix-button.cjs.entry.js +2 -2
  140. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +5 -5
  141. package/dist/cjs/ix-card-list.cjs.entry.js +4 -4
  142. package/dist/cjs/ix-card_2.cjs.entry.js +3 -3
  143. package/dist/cjs/ix-checkbox-group.cjs.entry.js +2 -2
  144. package/dist/cjs/ix-checkbox.cjs.entry.js +3 -3
  145. package/dist/cjs/ix-chip.cjs.entry.js +4 -4
  146. package/dist/cjs/ix-col_4.cjs.entry.js +5 -5
  147. package/dist/cjs/ix-content-header.cjs.entry.js +3 -3
  148. package/dist/cjs/ix-content.cjs.entry.js +3 -3
  149. package/dist/cjs/ix-css-grid-item.cjs.entry.js +1 -1
  150. package/dist/cjs/ix-css-grid.cjs.entry.js +1 -1
  151. package/dist/cjs/ix-custom-field.cjs.entry.js +1 -1
  152. package/dist/cjs/ix-date-input.cjs.entry.js +1 -1
  153. package/dist/cjs/ix-datetime-input.cjs.entry.js +1 -1
  154. package/dist/cjs/ix-dropdown-button.cjs.entry.js +4 -4
  155. package/dist/cjs/ix-dropdown-quick-actions.cjs.entry.js +1 -1
  156. package/dist/cjs/ix-dropdown_2.cjs.entry.js +4 -4
  157. package/dist/cjs/ix-event-list-item.cjs.entry.js +4 -4
  158. package/dist/cjs/ix-event-list.cjs.entry.js +2 -2
  159. package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
  160. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +2 -2
  161. package/dist/cjs/ix-flip-tile-content.cjs.entry.js +1 -1
  162. package/dist/cjs/ix-flip-tile.cjs.entry.js +3 -3
  163. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
  164. package/dist/cjs/ix-group.cjs.entry.js +8 -8
  165. package/dist/cjs/ix-input.cjs.entry.js +1 -1
  166. package/dist/cjs/ix-key-value-list.cjs.entry.js +1 -1
  167. package/dist/cjs/ix-layout-auto.cjs.entry.js +1 -1
  168. package/dist/cjs/ix-link-button.cjs.entry.js +3 -3
  169. package/dist/cjs/ix-menu-about-item.cjs.entry.js +1 -1
  170. package/dist/cjs/ix-menu-about-news.cjs.entry.js +4 -4
  171. package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
  172. package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
  173. package/dist/cjs/ix-menu-category.cjs.entry.js +5 -5
  174. package/dist/cjs/ix-menu-item.cjs.entry.js +4 -4
  175. package/dist/cjs/ix-menu-settings-item.cjs.entry.js +1 -1
  176. package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
  177. package/dist/cjs/ix-menu.cjs.entry.js +12 -12
  178. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  179. package/dist/cjs/ix-modal-content_2.cjs.entry.js +2 -2
  180. package/dist/cjs/ix-modal-footer.cjs.entry.js +1 -1
  181. package/dist/cjs/ix-modal.cjs.entry.js +3 -3
  182. package/dist/cjs/ix-number-input.cjs.entry.js +1 -1
  183. package/dist/cjs/ix-pane-layout.cjs.entry.js +1 -1
  184. package/dist/cjs/ix-pane.cjs.entry.js +7 -7
  185. package/dist/cjs/ix-pill_4.cjs.entry.js +14 -14
  186. package/dist/cjs/ix-popover-content.cjs.entry.js +1 -1
  187. package/dist/cjs/ix-popover-footer.cjs.entry.js +1 -1
  188. package/dist/cjs/ix-popover-header.cjs.entry.js +1 -1
  189. package/dist/cjs/ix-popover.cjs.entry.js +1 -1
  190. package/dist/cjs/ix-progress-indicator.cjs.entry.js +3 -3
  191. package/dist/cjs/ix-push-card.cjs.entry.js +1 -1
  192. package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
  193. package/dist/cjs/ix-radio.cjs.entry.js +3 -3
  194. package/dist/cjs/ix-range-field.cjs.entry.js +2 -2
  195. package/dist/cjs/ix-select.cjs.entry.js +13 -10
  196. package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
  197. package/dist/cjs/ix-textarea.cjs.entry.js +1 -1
  198. package/dist/cjs/ix-tile.cjs.entry.js +4 -4
  199. package/dist/cjs/ix-time-input.cjs.entry.js +1 -1
  200. package/dist/cjs/ix-toast-container.cjs.entry.js +2 -2
  201. package/dist/cjs/ix-toast.cjs.entry.js +2 -2
  202. package/dist/cjs/ix-toggle-button.cjs.entry.js +2 -2
  203. package/dist/cjs/ix-tooltip.cjs.entry.js +1 -1
  204. package/dist/cjs/ix-tree-item.cjs.entry.js +4 -4
  205. package/dist/cjs/ix-tree.cjs.entry.js +1 -1
  206. package/dist/cjs/ix-typography.cjs.entry.js +1 -1
  207. package/dist/cjs/ix-workflow-step.cjs.entry.js +3 -3
  208. package/dist/cjs/ix-workflow-steps.cjs.entry.js +1 -1
  209. package/dist/collection/components/action-card/action-card.js +3 -3
  210. package/dist/collection/components/application/application.js +10 -3
  211. package/dist/collection/components/application-header/application-header.js +10 -9
  212. package/dist/collection/components/avatar/avatar.js +3 -0
  213. package/dist/collection/components/blind/blind.js +10 -5
  214. package/dist/collection/components/breadcrumb/breadcrumb.js +5 -2
  215. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +3 -0
  216. package/dist/collection/components/button/button.js +5 -2
  217. package/dist/collection/components/card/card.js +6 -2
  218. package/dist/collection/components/card-accordion/card-accordion.js +7 -4
  219. package/dist/collection/components/card-content/card-content.js +4 -1
  220. package/dist/collection/components/card-list/card-list.js +7 -4
  221. package/dist/collection/components/card-title/card-title.js +2 -1
  222. package/dist/collection/components/checkbox/checkbox.js +4 -3
  223. package/dist/collection/components/checkbox-group/checkbox-group.js +3 -2
  224. package/dist/collection/components/chip/chip.js +7 -4
  225. package/dist/collection/components/col/col.js +5 -2
  226. package/dist/collection/components/content/content.js +4 -3
  227. package/dist/collection/components/content-header/content-header.js +4 -4
  228. package/dist/collection/components/css-grid/css-grid-item.js +2 -1
  229. package/dist/collection/components/css-grid/css-grid.js +2 -1
  230. package/dist/collection/components/custom-field/custom-field.js +4 -1
  231. package/dist/collection/components/date-input/date-input.css +1 -0
  232. package/dist/collection/components/datetime-input/datetime-input.css +1 -0
  233. package/dist/collection/components/dropdown/dropdown.js +4 -1
  234. package/dist/collection/components/dropdown-button/dropdown-button.js +8 -4
  235. package/dist/collection/components/dropdown-item/dropdown-item.js +6 -3
  236. package/dist/collection/components/dropdown-quick-actions/dropdown-quick-actions.js +4 -1
  237. package/dist/collection/components/event-list/event-list.js +5 -2
  238. package/dist/collection/components/event-list-item/event-list-item.js +7 -4
  239. package/dist/collection/components/field-label/field-label.js +5 -2
  240. package/dist/collection/components/filter-chip/filter-chip.js +5 -2
  241. package/dist/collection/components/flip-tile/flip-tile.js +8 -3
  242. package/dist/collection/components/flip-tile-content/flip-tile-content.js +4 -1
  243. package/dist/collection/components/group/group-context-menu.js +4 -1
  244. package/dist/collection/components/group/group.js +14 -8
  245. package/dist/collection/components/group-item/group-item.js +3 -0
  246. package/dist/collection/components/input/input.css +1 -0
  247. package/dist/collection/components/input/number-input.css +1 -0
  248. package/dist/collection/components/input/textarea.css +1 -0
  249. package/dist/collection/components/key-value-list/key-value-list.js +4 -1
  250. package/dist/collection/components/layout-auto/layout-auto.js +4 -1
  251. package/dist/collection/components/layout-grid/layout-grid.js +5 -2
  252. package/dist/collection/components/link-button/link-button.js +6 -3
  253. package/dist/collection/components/menu/menu.js +20 -12
  254. package/dist/collection/components/menu-about/menu-about.js +5 -2
  255. package/dist/collection/components/menu-about-item/menu-about-item.js +2 -1
  256. package/dist/collection/components/menu-about-news/menu-about-news.js +7 -4
  257. package/dist/collection/components/menu-avatar/menu-avatar.js +5 -2
  258. package/dist/collection/components/menu-category/menu-category.js +8 -5
  259. package/dist/collection/components/menu-item/menu-item.js +5 -5
  260. package/dist/collection/components/menu-settings/menu-settings.js +5 -2
  261. package/dist/collection/components/menu-settings-item/menu-settings-item.js +2 -1
  262. package/dist/collection/components/message-bar/message-bar.js +4 -1
  263. package/dist/collection/components/modal/modal.js +6 -3
  264. package/dist/collection/components/modal-content/modal-content.js +4 -1
  265. package/dist/collection/components/modal-footer/modal-footer.js +4 -1
  266. package/dist/collection/components/modal-header/modal-header.js +4 -1
  267. package/dist/collection/components/pane/pane.js +8 -7
  268. package/dist/collection/components/pane-layout/pane-layout.js +9 -1
  269. package/dist/collection/components/pill/pill.js +7 -4
  270. package/dist/collection/components/popover/popover.js +2 -2
  271. package/dist/collection/components/popover-content/popover-content.js +2 -2
  272. package/dist/collection/components/popover-footer/popover-footer.js +2 -2
  273. package/dist/collection/components/popover-header/popover-header.js +2 -2
  274. package/dist/collection/components/progress-indicator/progress-indicator.js +5 -3
  275. package/dist/collection/components/push-card/push-card.js +5 -1
  276. package/dist/collection/components/radio/radio.js +4 -3
  277. package/dist/collection/components/radio-group/radio-group.js +3 -2
  278. package/dist/collection/components/range-field/range-field.js +5 -2
  279. package/dist/collection/components/row/row.js +4 -1
  280. package/dist/collection/components/select/select.js +14 -10
  281. package/dist/collection/components/split-button/split-button.js +4 -1
  282. package/dist/collection/components/tab-item/tab-item.js +8 -5
  283. package/dist/collection/components/tabs/tabs.js +8 -5
  284. package/dist/collection/components/tile/tile.js +10 -4
  285. package/dist/collection/components/time-input/time-input.css +1 -0
  286. package/dist/collection/components/toast/toast-container.js +5 -2
  287. package/dist/collection/components/toast/toast.js +6 -2
  288. package/dist/collection/components/toggle-button/toggle-button.js +5 -2
  289. package/dist/collection/components/tooltip/tooltip.js +2 -1
  290. package/dist/collection/components/tree/tree.js +4 -1
  291. package/dist/collection/components/tree-item/tree-item.js +7 -4
  292. package/dist/collection/components/typography/typography.js +4 -1
  293. package/dist/collection/components/workflow-step/workflow-step.js +7 -3
  294. package/dist/collection/components/workflow-steps/workflow-steps.js +4 -1
  295. package/dist/esm/ix-action-card.entry.js +2 -2
  296. package/dist/esm/ix-application-header.entry.js +9 -9
  297. package/dist/esm/ix-application.entry.js +3 -3
  298. package/dist/esm/ix-blind.entry.js +5 -5
  299. package/dist/esm/ix-breadcrumb.entry.js +2 -2
  300. package/dist/esm/ix-button.entry.js +2 -2
  301. package/dist/esm/ix-card-accordion_2.entry.js +5 -5
  302. package/dist/esm/ix-card-list.entry.js +4 -4
  303. package/dist/esm/ix-card_2.entry.js +3 -3
  304. package/dist/esm/ix-checkbox-group.entry.js +2 -2
  305. package/dist/esm/ix-checkbox.entry.js +3 -3
  306. package/dist/esm/ix-chip.entry.js +4 -4
  307. package/dist/esm/ix-col_4.entry.js +5 -5
  308. package/dist/esm/ix-content-header.entry.js +3 -3
  309. package/dist/esm/ix-content.entry.js +3 -3
  310. package/dist/esm/ix-css-grid-item.entry.js +1 -1
  311. package/dist/esm/ix-css-grid.entry.js +1 -1
  312. package/dist/esm/ix-custom-field.entry.js +1 -1
  313. package/dist/esm/ix-date-input.entry.js +1 -1
  314. package/dist/esm/ix-datetime-input.entry.js +1 -1
  315. package/dist/esm/ix-dropdown-button.entry.js +4 -4
  316. package/dist/esm/ix-dropdown-quick-actions.entry.js +1 -1
  317. package/dist/esm/ix-dropdown_2.entry.js +4 -4
  318. package/dist/esm/ix-event-list-item.entry.js +4 -4
  319. package/dist/esm/ix-event-list.entry.js +2 -2
  320. package/dist/esm/ix-field-label_2.entry.js +2 -2
  321. package/dist/esm/ix-filter-chip_2.entry.js +2 -2
  322. package/dist/esm/ix-flip-tile-content.entry.js +1 -1
  323. package/dist/esm/ix-flip-tile.entry.js +3 -3
  324. package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
  325. package/dist/esm/ix-group.entry.js +8 -8
  326. package/dist/esm/ix-input.entry.js +1 -1
  327. package/dist/esm/ix-key-value-list.entry.js +1 -1
  328. package/dist/esm/ix-layout-auto.entry.js +1 -1
  329. package/dist/esm/ix-link-button.entry.js +3 -3
  330. package/dist/esm/ix-menu-about-item.entry.js +1 -1
  331. package/dist/esm/ix-menu-about-news.entry.js +4 -4
  332. package/dist/esm/ix-menu-about.entry.js +2 -2
  333. package/dist/esm/ix-menu-avatar.entry.js +2 -2
  334. package/dist/esm/ix-menu-category.entry.js +5 -5
  335. package/dist/esm/ix-menu-item.entry.js +4 -4
  336. package/dist/esm/ix-menu-settings-item.entry.js +1 -1
  337. package/dist/esm/ix-menu-settings.entry.js +2 -2
  338. package/dist/esm/ix-menu.entry.js +12 -12
  339. package/dist/esm/ix-message-bar.entry.js +1 -1
  340. package/dist/esm/ix-modal-content_2.entry.js +2 -2
  341. package/dist/esm/ix-modal-footer.entry.js +1 -1
  342. package/dist/esm/ix-modal.entry.js +3 -3
  343. package/dist/esm/ix-number-input.entry.js +1 -1
  344. package/dist/esm/ix-pane-layout.entry.js +1 -1
  345. package/dist/esm/ix-pane.entry.js +7 -7
  346. package/dist/esm/ix-pill_4.entry.js +14 -14
  347. package/dist/esm/ix-popover-content.entry.js +1 -1
  348. package/dist/esm/ix-popover-footer.entry.js +1 -1
  349. package/dist/esm/ix-popover-header.entry.js +1 -1
  350. package/dist/esm/ix-popover.entry.js +1 -1
  351. package/dist/esm/ix-progress-indicator.entry.js +3 -3
  352. package/dist/esm/ix-push-card.entry.js +1 -1
  353. package/dist/esm/ix-radio-group.entry.js +2 -2
  354. package/dist/esm/ix-radio.entry.js +3 -3
  355. package/dist/esm/ix-range-field.entry.js +2 -2
  356. package/dist/esm/ix-select.entry.js +13 -10
  357. package/dist/esm/ix-split-button.entry.js +1 -1
  358. package/dist/esm/ix-textarea.entry.js +1 -1
  359. package/dist/esm/ix-tile.entry.js +4 -4
  360. package/dist/esm/ix-time-input.entry.js +1 -1
  361. package/dist/esm/ix-toast-container.entry.js +2 -2
  362. package/dist/esm/ix-toast.entry.js +2 -2
  363. package/dist/esm/ix-toggle-button.entry.js +2 -2
  364. package/dist/esm/ix-tooltip.entry.js +1 -1
  365. package/dist/esm/ix-tree-item.entry.js +4 -4
  366. package/dist/esm/ix-tree.entry.js +1 -1
  367. package/dist/esm/ix-typography.entry.js +1 -1
  368. package/dist/esm/ix-workflow-step.entry.js +3 -3
  369. package/dist/esm/ix-workflow-steps.entry.js +1 -1
  370. package/dist/siemens-ix/{p-321a10b6.entry.js → p-03215d55.entry.js} +1 -1
  371. package/dist/siemens-ix/{p-c97c218d.entry.js → p-04a42013.entry.js} +1 -1
  372. package/dist/siemens-ix/{p-b75db823.entry.js → p-0b24f8d0.entry.js} +1 -1
  373. package/dist/siemens-ix/{p-9d9fec8c.entry.js → p-0e74e65c.entry.js} +1 -1
  374. package/dist/siemens-ix/{p-bc11adcd.entry.js → p-0fd5baf1.entry.js} +1 -1
  375. package/dist/siemens-ix/{p-641bc66c.entry.js → p-1cd9a45a.entry.js} +1 -1
  376. package/dist/siemens-ix/{p-90a5cda7.entry.js → p-1ea183fb.entry.js} +1 -1
  377. package/dist/siemens-ix/{p-957b77ec.entry.js → p-227ba1b8.entry.js} +1 -1
  378. package/dist/siemens-ix/{p-f8561834.entry.js → p-2753ed4e.entry.js} +1 -1
  379. package/dist/siemens-ix/{p-c6d63b3c.entry.js → p-2eb094c0.entry.js} +1 -1
  380. package/dist/siemens-ix/{p-646d5219.entry.js → p-34eaf010.entry.js} +1 -1
  381. package/dist/siemens-ix/{p-fb1e66a7.entry.js → p-39fb1c9e.entry.js} +1 -1
  382. package/dist/siemens-ix/{p-7e6a5c38.entry.js → p-3bfa4bbc.entry.js} +1 -1
  383. package/dist/siemens-ix/{p-f0d97723.entry.js → p-3f5ac9f7.entry.js} +1 -1
  384. package/dist/siemens-ix/{p-f9628912.entry.js → p-4154d18a.entry.js} +1 -1
  385. package/dist/siemens-ix/{p-2202ae94.entry.js → p-427f85c3.entry.js} +1 -1
  386. package/dist/siemens-ix/{p-46768472.entry.js → p-45106215.entry.js} +1 -1
  387. package/dist/siemens-ix/{p-b7f2f229.entry.js → p-4ceb3543.entry.js} +1 -1
  388. package/dist/siemens-ix/{p-0eb3a12a.entry.js → p-4d179abe.entry.js} +1 -1
  389. package/dist/siemens-ix/{p-4f0f97dd.entry.js → p-4faa3c03.entry.js} +1 -1
  390. package/dist/siemens-ix/{p-e283d7d1.entry.js → p-50a44cb9.entry.js} +1 -1
  391. package/dist/siemens-ix/{p-5685a2e6.entry.js → p-52096875.entry.js} +1 -1
  392. package/dist/siemens-ix/{p-2b9f7512.entry.js → p-57678563.entry.js} +1 -1
  393. package/dist/siemens-ix/{p-264e971c.entry.js → p-5d7ede96.entry.js} +1 -1
  394. package/dist/siemens-ix/{p-d80e7d50.entry.js → p-6aa5adb4.entry.js} +1 -1
  395. package/dist/siemens-ix/{p-b13f34d1.entry.js → p-703c7e7c.entry.js} +1 -1
  396. package/dist/siemens-ix/{p-2f7b1e1e.entry.js → p-71a31d92.entry.js} +1 -1
  397. package/dist/siemens-ix/{p-8c2365cc.entry.js → p-71a5fae5.entry.js} +1 -1
  398. package/dist/siemens-ix/{p-8969b2f9.entry.js → p-747d14a2.entry.js} +1 -1
  399. package/dist/siemens-ix/{p-d6c906b7.entry.js → p-7655c4c2.entry.js} +1 -1
  400. package/dist/siemens-ix/{p-b8beb613.entry.js → p-7899597f.entry.js} +1 -1
  401. package/dist/siemens-ix/{p-46b2b660.entry.js → p-8658717f.entry.js} +1 -1
  402. package/dist/siemens-ix/{p-62a7ae9c.entry.js → p-8b839f30.entry.js} +1 -1
  403. package/dist/siemens-ix/{p-db105778.entry.js → p-8d535dc9.entry.js} +1 -1
  404. package/dist/siemens-ix/{p-3bc384b7.entry.js → p-8f72a218.entry.js} +1 -1
  405. package/dist/siemens-ix/{p-8d73ddac.entry.js → p-95e8951f.entry.js} +1 -1
  406. package/dist/siemens-ix/{p-4bc4a175.entry.js → p-96a3b3df.entry.js} +1 -1
  407. package/dist/siemens-ix/{p-f1257e08.entry.js → p-9f2905df.entry.js} +1 -1
  408. package/dist/siemens-ix/{p-d253dadb.entry.js → p-a25f267b.entry.js} +1 -1
  409. package/dist/siemens-ix/{p-080147bd.entry.js → p-a2aa806e.entry.js} +1 -1
  410. package/dist/siemens-ix/{p-21e8ccb6.entry.js → p-a44b1452.entry.js} +1 -1
  411. package/dist/siemens-ix/p-a7f5e11e.entry.js +1 -0
  412. package/dist/siemens-ix/p-a8911648.entry.js +1 -0
  413. package/dist/siemens-ix/p-aa904521.entry.js +1 -0
  414. package/dist/siemens-ix/p-ab202c45.entry.js +1 -0
  415. package/dist/siemens-ix/{p-12930fcd.entry.js → p-ac804eb2.entry.js} +1 -1
  416. package/dist/siemens-ix/p-af808244.entry.js +1 -0
  417. package/dist/siemens-ix/{p-2072682b.entry.js → p-b004e845.entry.js} +1 -1
  418. package/dist/siemens-ix/{p-aec23f79.entry.js → p-b2fe56c7.entry.js} +1 -1
  419. package/dist/siemens-ix/{p-ff1967de.entry.js → p-b7570885.entry.js} +1 -1
  420. package/dist/siemens-ix/{p-247d2e7a.entry.js → p-bddd1cca.entry.js} +1 -1
  421. package/dist/siemens-ix/{p-b181bf0b.entry.js → p-c0d56b86.entry.js} +1 -1
  422. package/dist/siemens-ix/{p-ae07f671.entry.js → p-c1c209f6.entry.js} +1 -1
  423. package/dist/siemens-ix/{p-710d32a6.entry.js → p-c69036b1.entry.js} +1 -1
  424. package/dist/siemens-ix/{p-24c54468.entry.js → p-c9718f0d.entry.js} +1 -1
  425. package/dist/siemens-ix/{p-d74baa8a.entry.js → p-cd42c4e6.entry.js} +1 -1
  426. package/dist/siemens-ix/p-d02d2e49.entry.js +1 -0
  427. package/dist/siemens-ix/{p-d830e3d6.entry.js → p-d16ee3bd.entry.js} +1 -1
  428. package/dist/siemens-ix/{p-56d2d54c.entry.js → p-d1cd3cb9.entry.js} +1 -1
  429. package/dist/siemens-ix/{p-6f78e0f1.entry.js → p-d45ff0a0.entry.js} +1 -1
  430. package/dist/siemens-ix/{p-9a88ff9c.entry.js → p-d5761950.entry.js} +1 -1
  431. package/dist/siemens-ix/{p-a6a0b240.entry.js → p-d699bb26.entry.js} +1 -1
  432. package/dist/siemens-ix/{p-35bfaa91.entry.js → p-daf43138.entry.js} +1 -1
  433. package/dist/siemens-ix/{p-3854287c.entry.js → p-ddcc8627.entry.js} +1 -1
  434. package/dist/siemens-ix/{p-63491f83.entry.js → p-e3da7c67.entry.js} +1 -1
  435. package/dist/siemens-ix/{p-52dc064a.entry.js → p-e58ae892.entry.js} +1 -1
  436. package/dist/siemens-ix/{p-de58069d.entry.js → p-e5e220c7.entry.js} +1 -1
  437. package/dist/siemens-ix/{p-d1ab68b3.entry.js → p-e6046255.entry.js} +1 -1
  438. package/dist/siemens-ix/{p-34f61a28.entry.js → p-ea9691c1.entry.js} +1 -1
  439. package/dist/siemens-ix/{p-66b4875e.entry.js → p-eac237a1.entry.js} +1 -1
  440. package/dist/siemens-ix/p-eff190ad.entry.js +1 -0
  441. package/dist/siemens-ix/{p-ba9dcd79.entry.js → p-f1cd82bd.entry.js} +1 -1
  442. package/dist/siemens-ix/{p-ee1617da.entry.js → p-f43c97cf.entry.js} +1 -1
  443. package/dist/siemens-ix/p-f507157f.entry.js +1 -0
  444. package/dist/siemens-ix/p-fbd006be.entry.js +1 -0
  445. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  446. package/dist/types/components/action-card/action-card.d.ts +1 -1
  447. package/dist/types/components/application/application.d.ts +7 -0
  448. package/dist/types/components/application-header/application-header.d.ts +1 -0
  449. package/dist/types/components/avatar/avatar.d.ts +3 -0
  450. package/dist/types/components/blind/blind.d.ts +5 -0
  451. package/dist/types/components/breadcrumb/breadcrumb.d.ts +3 -0
  452. package/dist/types/components/breadcrumb-item/breadcrumb-item.d.ts +3 -0
  453. package/dist/types/components/button/button.d.ts +3 -0
  454. package/dist/types/components/card/card.d.ts +4 -0
  455. package/dist/types/components/card-accordion/card-accordion.d.ts +3 -0
  456. package/dist/types/components/card-content/card-content.d.ts +3 -0
  457. package/dist/types/components/card-list/card-list.d.ts +3 -0
  458. package/dist/types/components/card-title/card-title.d.ts +1 -0
  459. package/dist/types/components/checkbox/checkbox.d.ts +1 -0
  460. package/dist/types/components/checkbox-group/checkbox-group.d.ts +1 -0
  461. package/dist/types/components/chip/chip.d.ts +3 -0
  462. package/dist/types/components/col/col.d.ts +3 -0
  463. package/dist/types/components/content/content.d.ts +1 -0
  464. package/dist/types/components/content-header/content-header.d.ts +1 -1
  465. package/dist/types/components/css-grid/css-grid-item.d.ts +1 -0
  466. package/dist/types/components/css-grid/css-grid.d.ts +1 -0
  467. package/dist/types/components/custom-field/custom-field.d.ts +3 -0
  468. package/dist/types/components/dropdown/dropdown.d.ts +3 -0
  469. package/dist/types/components/dropdown-button/dropdown-button.d.ts +4 -0
  470. package/dist/types/components/dropdown-item/dropdown-item.d.ts +3 -0
  471. package/dist/types/components/dropdown-quick-actions/dropdown-quick-actions.d.ts +3 -0
  472. package/dist/types/components/event-list/event-list.d.ts +3 -0
  473. package/dist/types/components/event-list-item/event-list-item.d.ts +3 -0
  474. package/dist/types/components/field-label/field-label.d.ts +3 -0
  475. package/dist/types/components/filter-chip/filter-chip.d.ts +3 -0
  476. package/dist/types/components/flip-tile/flip-tile.d.ts +5 -0
  477. package/dist/types/components/flip-tile-content/flip-tile-content.d.ts +3 -0
  478. package/dist/types/components/group/group-context-menu.d.ts +3 -0
  479. package/dist/types/components/group/group.d.ts +6 -0
  480. package/dist/types/components/group-item/group-item.d.ts +3 -0
  481. package/dist/types/components/key-value-list/key-value-list.d.ts +3 -0
  482. package/dist/types/components/layout-auto/layout-auto.d.ts +3 -0
  483. package/dist/types/components/layout-grid/layout-grid.d.ts +3 -0
  484. package/dist/types/components/link-button/link-button.d.ts +3 -0
  485. package/dist/types/components/menu/menu.d.ts +8 -0
  486. package/dist/types/components/menu-about/menu-about.d.ts +3 -0
  487. package/dist/types/components/menu-about-item/menu-about-item.d.ts +1 -0
  488. package/dist/types/components/menu-about-news/menu-about-news.d.ts +3 -0
  489. package/dist/types/components/menu-avatar/menu-avatar.d.ts +3 -0
  490. package/dist/types/components/menu-category/menu-category.d.ts +3 -0
  491. package/dist/types/components/menu-item/menu-item.d.ts +1 -1
  492. package/dist/types/components/menu-settings/menu-settings.d.ts +3 -0
  493. package/dist/types/components/menu-settings-item/menu-settings-item.d.ts +1 -0
  494. package/dist/types/components/message-bar/message-bar.d.ts +3 -0
  495. package/dist/types/components/modal/modal.d.ts +3 -0
  496. package/dist/types/components/modal-content/modal-content.d.ts +3 -0
  497. package/dist/types/components/modal-footer/modal-footer.d.ts +3 -0
  498. package/dist/types/components/modal-header/modal-header.d.ts +3 -0
  499. package/dist/types/components/pane/pane.d.ts +1 -0
  500. package/dist/types/components/pane-layout/pane-layout.d.ts +8 -0
  501. package/dist/types/components/pill/pill.d.ts +3 -0
  502. package/dist/types/components/popover/popover.d.ts +1 -1
  503. package/dist/types/components/popover-content/popover-content.d.ts +1 -1
  504. package/dist/types/components/popover-footer/popover-footer.d.ts +1 -1
  505. package/dist/types/components/popover-header/popover-header.d.ts +1 -1
  506. package/dist/types/components/progress-indicator/progress-indicator.d.ts +2 -0
  507. package/dist/types/components/push-card/push-card.d.ts +4 -0
  508. package/dist/types/components/radio/radio.d.ts +1 -0
  509. package/dist/types/components/radio-group/radio-group.d.ts +1 -0
  510. package/dist/types/components/range-field/range-field.d.ts +3 -0
  511. package/dist/types/components/row/row.d.ts +3 -0
  512. package/dist/types/components/select/select.d.ts +1 -0
  513. package/dist/types/components/split-button/split-button.d.ts +3 -0
  514. package/dist/types/components/tab-item/tab-item.d.ts +3 -0
  515. package/dist/types/components/tabs/tabs.d.ts +3 -0
  516. package/dist/types/components/tile/tile.d.ts +6 -0
  517. package/dist/types/components/toast/toast-container.d.ts +3 -0
  518. package/dist/types/components/toast/toast.d.ts +4 -0
  519. package/dist/types/components/toggle-button/toggle-button.d.ts +3 -0
  520. package/dist/types/components/tooltip/tooltip.d.ts +1 -0
  521. package/dist/types/components/tree/tree.d.ts +3 -0
  522. package/dist/types/components/tree-item/tree-item.d.ts +3 -0
  523. package/dist/types/components/typography/typography.d.ts +3 -0
  524. package/dist/types/components/workflow-step/workflow-step.d.ts +4 -0
  525. package/dist/types/components/workflow-steps/workflow-steps.d.ts +3 -0
  526. package/hydrate/index.js +439 -217
  527. package/hydrate/index.mjs +439 -217
  528. package/package.json +1 -1
  529. package/components/p-5ntkLbuJ.js +0 -1
  530. package/components/p-CMtwWb3-.js +0 -1
  531. package/components/p-DDvuSQX3.js +0 -1
  532. package/components/p-DiLKm3tq.js +0 -1
  533. package/dist/siemens-ix/p-074c8b24.entry.js +0 -1
  534. package/dist/siemens-ix/p-0d60bd71.entry.js +0 -1
  535. package/dist/siemens-ix/p-705eded9.entry.js +0 -1
  536. package/dist/siemens-ix/p-7fc7c67f.entry.js +0 -1
  537. package/dist/siemens-ix/p-81248fd2.entry.js +0 -1
  538. package/dist/siemens-ix/p-8d05ae35.entry.js +0 -1
  539. package/dist/siemens-ix/p-c0dc5a8e.entry.js +0 -1
  540. package/dist/siemens-ix/p-e5d2a048.entry.js +0 -1
  541. package/dist/siemens-ix/p-e698e193.entry.js +0 -1
@@ -1 +1 @@
1
- import{M as t,r as e,c as o,g as r,h as n,H as i}from"./p-EBgS4zhE.js";import{q as a}from"./p-DgUGsIlh.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,h as s,e as h,a as c,b,S as u,f as p,o as m,d as v}from"./p-wfVRhTWc.js";import{g as y,i as f}from"./p-BFUINhFM.js";import{I as g,h as x,o as k,c as w,a as z}from"./p-cYKY6sUE.js";import{m as C}from"./p-Djkc69iv.js";import{g as T,a as I}from"./p-CoQiziG8.js";import{D as S}from"./p-BWgttsqY.js";import{c as j,g as D,H as B}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-BbwShqw_.js";import"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const V=class extends(t(...S,g)){constructor(t){super(),e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return r(this)}formInternals;name;placeholder;value="";format="yyyy/LL/dd HH:mm:ss";locale;required=!1;disabled=!1;readonly=!1;minDate;maxDate;minTime;maxTime;label;helperText;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;i18nErrorDateTimeUnparsable="Date time is not valid";i18nDone="Confirm";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";ariaLabelCalendarButton="Toggle calendar";showWeekNumbers=!1;weekStartIndex=0;suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;slotStartRef=C();slotEndRef=C();inputElementRef=C();dropdownElementRef=C();datetimePickerRef=C();show=!1;from=null;time=null;classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;watchValuePropHandler(t){this.onInput(t)}watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}get combinedFormat(){return this.format}get dateOnlyFormat(){return T(this.format)}get timeOnlyFormat(){return I(this.format)}syncPickerState(){if(!this.value)return this.from=null,void(this.time=null);const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});t.isValid?(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null)}async onInput(t){if(this.value=t,!t)return this.isInputInvalid=!1,this.invalidReason=void 0,this.from=null,this.time=null,this.emitValidityStateChangeIfChanged(),this.formInternals.setFormValue(null),void this.valueChange.emit(t);if(!this.format)return;const e=l.fromFormat(t,this.combinedFormat,{locale:this.locale}),o=this.computeConstraintValidation(e);this.isInputInvalid=o.isInvalid,this.invalidReason=o.reason,e.isValid?(this.from=e.toFormat(this.dateOnlyFormat),this.time=e.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null),this.formInternals.setFormValue(this.isInputInvalid?null:t),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(t)}parseConstraintDate(t,e){if(!t)return null;const o={locale:this.locale};let r=l.fromFormat(t,this.format,o);return r.isValid||(r=l.fromFormat(t,this.dateOnlyFormat,o)),r.isValid?"start"===e?r.startOf("day"):r.endOf("day"):null}validateConstraints(t,e,o,r,n){const i=!t.isValid,a=!!(e?.isValid&&t.isValid&&t<e),l=!!(o?.isValid&&t.isValid&&t>o),d=t.isValid&&!f(t,r,n);let s;return a?s="rangeUnderflow":l?s="rangeOverflow":d?s="customError":i&&(s=t.invalidReason||void 0),{isInvalid:i||a||l||d,reason:s}}getTimeConstraintBoundsForDate(t,e,o){if(!t.isValid)return{min:null,max:null};const r=y(this.minTime,this.maxTime,this.timeOnlyFormat,t.startOf("day"));if(!e?.isValid&&!o?.isValid)return r;const n=!!e?.isValid&&t.hasSame(e,"day"),i=!!o?.isValid&&t.hasSame(o,"day");return{min:n?r.min:null,max:i?r.max:null}}computeConstraintValidation(t){const e=this.parseConstraintDate(this.minDate,"start"),o=this.parseConstraintDate(this.maxDate,"end"),{min:r,max:n}=this.getTimeConstraintBoundsForDate(t,e,o);return this.validateConstraints(t,e,o,r,n)}revalidateCurrentValue(){if(!this.value||!this.format)return;const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});if(!t.isValid)return;const e=this.computeConstraintValidation(t);this.isInputInvalid=e.isInvalid,this.invalidReason=e.reason,this.emitValidityStateChangeIfChanged()}handleInputKeyDown(t){s(t,this.suppressSubmitOnEnter,this.formInternals.form)}initPickerValues(){if(this.syncPickerState(),!this.value){const t=l.now();t.isValid&&(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat))}}onCalendarClick(t){x(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.initPickerValues(),k(this.dropdownElementRef)}async closeDropdown(){return w(this.dropdownElementRef)}updateFormInternalValue(t){this.formInternals.setFormValue(t||null)}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getValidityState(){return Promise.resolve(z(this.isInputInvalid,!!this.required,this.value))}async onInputValidationChange(){this.isInvalid=this.isInputInvalid;const t=await this.getValidityState();this.validityStateChange.emit({valid:t.valid,valueMissing:t.valueMissing,rangeUnderflow:"rangeUnderflow"===this.invalidReason,rangeOverflow:"rangeOverflow"===this.invalidReason,typeMismatch:!(!this.invalidReason||"rangeUnderflow"===this.invalidReason||"rangeOverflow"===this.invalidReason),customError:t.customError,badInput:t.badInput,patternMismatch:!1,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,invalidReason:this.invalidReason})}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:n}){this.isInvalid=e||o||this.isInputInvalid,this.isInfo=t,this.isValid=r,this.isWarning=n}emitValidityStateChangeIfChanged(){return h(this)}emitChange(t){this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)}connectedCallback(){this.classObserver=j(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value),this.initialValue=this.value}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleDateSelect=t=>{const{from:e,time:o}=t.detail;if(!e||!o)return;const r=l.fromFormat(e,this.dateOnlyFormat,{locale:this.locale}),n=l.fromFormat(o,this.timeOnlyFormat,{locale:this.locale});if(!r.isValid||!n.isValid)return;const i=r.set({hour:n.hour,minute:n.minute,second:n.second,millisecond:n.millisecond}).toFormat(this.format);this.onInput(i),this.emitChange(i),this.closeDropdown()};getPickerElement(){return this.dropdownElementRef}renderInput(){return n("div",{class:"input-wrapper"},n(v,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),n("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:this.inputElementRef,required:this.required,style:{textAlign:this.textAlignment},type:"text",value:this.value??"",onBlur:()=>{m(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onClick:t=>{this.show&&(t.stopPropagation(),t.preventDefault())},onFocus:()=>{p(this,this.value),this.ixFocus.emit()},onInput:t=>{this.onInput(t.target.value)},onKeyDown:t=>this.handleInputKeyDown(t)}),n(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},n("ix-icon-button",{"aria-label":this.ariaLabelCalendarButton,tabindex:-1,class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",icon:a,size:"16",onClick:t=>this.onCalendarClick(t)})))}render(){const t=D(this.isInputInvalid,this.invalidText,this.i18nErrorDateTimeUnparsable);return n(i,{key:"e3798b039b41158b1cf0c93f82f5aae2394b60b8",class:{disabled:this.disabled,readonly:this.readonly}},n("ix-field-wrapper",{key:"42e309eb2cab84b15a3053afb1d66018b62110cf",controlRef:this.inputElementRef,helperText:this.helperText,infoText:this.infoText,invalidText:t,isInfo:this.isInfo,isInvalid:this.isInvalid,isValid:this.isValid,isWarning:this.isWarning,label:this.label,required:this.required,showTextAsTooltip:this.showTextAsTooltip,validText:this.validText,warningText:this.warningText},this.renderInput()),n("ix-dropdown",{key:"5451e2a2275efe4558db30041b49b78ac203305a",class:"datetime-dropdown",closeBehavior:"outside","data-testid":"datetime-dropdown",enableTopLayer:this.enableTopLayer,ref:this.dropdownElementRef,show:this.show,suppressOverflowBehavior:!0,trigger:this.inputElementRef.waitForCurrent(),onShowChanged:t=>{this.show=t.detail},focusTrapOptions:{targetElement:this.datetimePickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>{const t=this.datetimePickerRef.current;if(t){const e=await t.getDatepickerElement();e?.focusActiveDay()}return!0},keyboardActivationKeys:["ArrowUp","ArrowDown"]},n("ix-datetime-picker",{key:"3a469a3a476293d90dc7133feb94e9967c6d54bd",ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,dateFormat:this.dateOnlyFormat,embedded:!0,from:this.from??"",i18nDone:this.i18nDone,i18nTime:this.i18nTime,locale:this.locale,maxDate:this.maxDate,maxTime:this.maxTime,minDate:this.minDate,minTime:this.minTime,ref:this.datetimePickerRef,showWeekNumbers:this.showWeekNumbers,singleSelection:!0,time:this.time??"",timeFormat:this.timeOnlyFormat,weekStartIndex:this.weekStartIndex,onDateSelect:this.handleDateSelect})))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}}};(function(t,e,o,r){var n,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(a=(i<3?n(a):i>3?n(e,o,a):n(e,o))||a);i>3&&a&&Object.defineProperty(e,o,a)})([B()],V.prototype,"hookValidationLifecycle",null),V.style='input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only,input:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}input.read-only::-moz-placeholder,input:read-only::-moz-placeholder{color:transparent}input:-moz-read-only::placeholder{color:transparent}input.read-only::placeholder,input:read-only::placeholder{color:transparent}input:disabled,input.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}input:disabled::-moz-placeholder,input.disabled::-moz-placeholder{color:transparent}input:disabled::placeholder,input.disabled::placeholder{color:transparent}textarea{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}textarea[type=number]{text-align:right}textarea[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea:-webkit-autofill,textarea:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}textarea::-moz-placeholder{color:var(--theme-input-hint--color)}textarea::placeholder{color:var(--theme-input-hint--color)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),textarea:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}textarea:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only,textarea:read-only{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--readonly)}textarea.read-only::-moz-placeholder,textarea:read-only::-moz-placeholder{color:transparent}textarea:-moz-read-only::placeholder{color:transparent}textarea.read-only::placeholder,textarea:read-only::placeholder{color:transparent}textarea:disabled,textarea.disabled{box-shadow:none;background-color:transparent;outline:none;border:var(--theme-input--border-thickness) solid var(--theme-input--border-color--disabled)}textarea:disabled::-moz-placeholder,textarea.disabled::-moz-placeholder{color:transparent}textarea:disabled::placeholder,textarea.disabled::placeholder{color:transparent}textarea{min-height:2rem;padding:calc(0.375rem - var(--theme-input--border-thickness)) calc(0.5rem - var(--theme-input--border-thickness))}textarea:not([rows]){height:3.25rem}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){border-color:var(--theme-input--border-color--info)}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{border-color:var(--theme-input--border-color--info--hover) !important}textarea.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--info--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--hover) !important}textarea.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--warning--active) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]),input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]){background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):hover{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}textarea[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active,input[class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly]):active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{display:inline-block;position:relative;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .input-wrapper{display:flex;position:relative;align-items:center;width:100%;height:100%}:host input{width:100%;height:100%}:host .start-container,:host .end-container{display:flex;position:absolute;align-items:center;justify-content:center;z-index:1}:host .start-container{left:var(--theme-input--border-thickness)}:host .end-container{right:0.25rem}:host .start-container ::slotted(*){margin-left:0.5rem}:host .start-container ::slotted(ix-icon.size-24),:host .start-container ::slotted(ix-icon-button.btn-icon-16){margin-left:0.25rem}:host .start-container ::slotted(ix-icon-button.btn-icon-32){margin-left:0}:host .end-container ::slotted(*){margin-right:calc(0.5rem - 0.25rem)}:host .end-container ::slotted(ix-icon.size-24),:host .end-container ::slotted(ix-icon-button.btn-icon-16){margin-right:calc(0.25rem - 0.25rem)}:host .end-container ::slotted(ix-icon-button.btn-icon-32){margin-right:calc(0rem - 0.25rem)}:host .bottom-text{margin-top:0.25rem;margin-bottom:0.25rem}:host .input-wrapper:hover input:not(:disabled):not(:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host .input-wrapper:hover input:not(:disabled):not(:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}:host(.disabled){pointer-events:none}:host(.disabled) input,:host(.disabled) textarea{pointer-events:none}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{border-color:var(--theme-input--border-color--info)}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{border-color:var(--theme-input--border-color--info--hover) !important}:host(.ix-info:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--info--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--warning);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--warning--hover);border-color:var(--theme-input--border-color--warning--active) !important}:host(.ix-warning:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--warning--active) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input{background-color:var(--theme-input--background--invalid);border-color:var(--theme-input--border-color--invalid) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:hover,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) .input-wrapper:hover input{background-color:var(--theme-input--background--invalid--hover);border-color:var(--theme-input--border-color--invalid--hover) !important}:host([class*=ix-invalid]:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active,:host(.ix-invalid--required:not(.disabled):not(:disabled):not([disabled]):not(.readonly):not([readonly])) input:active{border-color:var(--theme-input--border-color--invalid--active) !important}:host{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 .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}';export{V as ix_datetime_input}
1
+ import{M as t,r as e,c as o,g as r,h as n,H as i}from"./p-EBgS4zhE.js";import{q as a}from"./p-DgUGsIlh.js";import{D as l}from"./p-D1WplX1z.js";import{c as d,h as s,e as h,a as c,b,S as u,f as p,o as m,d as v}from"./p-wfVRhTWc.js";import{g as y,i as f}from"./p-BFUINhFM.js";import{I as g,h as x,o as k,c as w,a as z}from"./p-cYKY6sUE.js";import{m as C}from"./p-Djkc69iv.js";import{g as T,a as I}from"./p-CoQiziG8.js";import{D as S}from"./p-BWgttsqY.js";import{c as j,g as D,H as B}from"./p-yZFaEeBW.js";import"./p-C21npbUc.js";import"./p-CX81WQtk.js";import"./p-JJddxCCh.js";import"./p-DhE1t8Qh.js";import"./p-DNIQ2C1K.js";import"./p-BbwShqw_.js";import"./p-CNLoALIl.js";import"./p-6ZxKp7Jn.js";import"./p-BClJdFQP.js";import"./p-XBTykBKS.js";const V=class extends(t(...S,g)){constructor(t){super(),e(this,t),this.valueChange=o(this,"valueChange",7),this.validityStateChange=o(this,"validityStateChange",7),this.ixFocus=o(this,"ixFocus",7),this.ixBlur=o(this,"ixBlur",7),this.ixChange=o(this,"ixChange",7),t.$hostElement$["s-ei"]?this.formInternals=t.$hostElement$["s-ei"]:(this.formInternals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.formInternals)}get hostElement(){return r(this)}formInternals;name;placeholder;value="";format="yyyy/LL/dd HH:mm:ss";locale;required=!1;disabled=!1;readonly=!1;minDate;maxDate;minTime;maxTime;label;helperText;invalidText;infoText;warningText;validText;showTextAsTooltip=!1;i18nErrorDateTimeUnparsable="Date time is not valid";i18nDone="Confirm";i18nTime="Time";ariaLabelPreviousMonthButton="Previous month";ariaLabelNextMonthButton="Next month";ariaLabelCalendarButton="Toggle calendar";showWeekNumbers=!1;weekStartIndex=0;suppressSubmitOnEnter=!1;textAlignment="start";enableTopLayer=!1;valueChange;validityStateChange;ixFocus;ixBlur;ixChange;isInputInvalid=!1;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;slotStartRef=C();slotEndRef=C();inputElementRef=C();dropdownElementRef=C();datetimePickerRef=C();show=!1;from=null;time=null;classObserver;initialValue;invalidReason;touched=!1;validityTracker=d();disposableChangesAndVisibilityObservers;watchValuePropHandler(t){this.onInput(t)}watchMinTimePropHandler(){this.revalidateCurrentValue()}watchMaxTimePropHandler(){this.revalidateCurrentValue()}get combinedFormat(){return this.format}get dateOnlyFormat(){return T(this.format)}get timeOnlyFormat(){return I(this.format)}syncPickerState(){if(!this.value)return this.from=null,void(this.time=null);const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});t.isValid?(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null)}async onInput(t){if(this.value=t,!t)return this.isInputInvalid=!1,this.invalidReason=void 0,this.from=null,this.time=null,this.emitValidityStateChangeIfChanged(),this.formInternals.setFormValue(null),void this.valueChange.emit(t);if(!this.format)return;const e=l.fromFormat(t,this.combinedFormat,{locale:this.locale}),o=this.computeConstraintValidation(e);this.isInputInvalid=o.isInvalid,this.invalidReason=o.reason,e.isValid?(this.from=e.toFormat(this.dateOnlyFormat),this.time=e.toFormat(this.timeOnlyFormat)):(this.from=null,this.time=null),this.formInternals.setFormValue(this.isInputInvalid?null:t),this.emitValidityStateChangeIfChanged(),this.valueChange.emit(t)}parseConstraintDate(t,e){if(!t)return null;const o={locale:this.locale};let r=l.fromFormat(t,this.format,o);return r.isValid||(r=l.fromFormat(t,this.dateOnlyFormat,o)),r.isValid?"start"===e?r.startOf("day"):r.endOf("day"):null}validateConstraints(t,e,o,r,n){const i=!t.isValid,a=!!(e?.isValid&&t.isValid&&t<e),l=!!(o?.isValid&&t.isValid&&t>o),d=t.isValid&&!f(t,r,n);let s;return a?s="rangeUnderflow":l?s="rangeOverflow":d?s="customError":i&&(s=t.invalidReason||void 0),{isInvalid:i||a||l||d,reason:s}}getTimeConstraintBoundsForDate(t,e,o){if(!t.isValid)return{min:null,max:null};const r=y(this.minTime,this.maxTime,this.timeOnlyFormat,t.startOf("day"));if(!e?.isValid&&!o?.isValid)return r;const n=!!e?.isValid&&t.hasSame(e,"day"),i=!!o?.isValid&&t.hasSame(o,"day");return{min:n?r.min:null,max:i?r.max:null}}computeConstraintValidation(t){const e=this.parseConstraintDate(this.minDate,"start"),o=this.parseConstraintDate(this.maxDate,"end"),{min:r,max:n}=this.getTimeConstraintBoundsForDate(t,e,o);return this.validateConstraints(t,e,o,r,n)}revalidateCurrentValue(){if(!this.value||!this.format)return;const t=l.fromFormat(this.value,this.combinedFormat,{locale:this.locale});if(!t.isValid)return;const e=this.computeConstraintValidation(t);this.isInputInvalid=e.isInvalid,this.invalidReason=e.reason,this.emitValidityStateChangeIfChanged()}handleInputKeyDown(t){s(t,this.suppressSubmitOnEnter,this.formInternals.form)}initPickerValues(){if(this.syncPickerState(),!this.value){const t=l.now();t.isValid&&(this.from=t.toFormat(this.dateOnlyFormat),this.time=t.toFormat(this.timeOnlyFormat))}}onCalendarClick(t){x(t,this.show,(()=>this.openDropdown()),this.inputElementRef)}async openDropdown(){return this.initPickerValues(),k(this.dropdownElementRef)}async closeDropdown(){return w(this.dropdownElementRef)}updateFormInternalValue(t){this.formInternals.setFormValue(t||null)}hasValidValue(){return Promise.resolve(!!this.value)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}getNativeInputElement(){return this.inputElementRef.waitForCurrent()}async focusInput(){return(await this.getNativeInputElement()).focus()}isTouched(){return Promise.resolve(this.touched)}getValidityState(){return Promise.resolve(z(this.isInputInvalid,!!this.required,this.value))}async onInputValidationChange(){this.isInvalid=this.isInputInvalid;const t=await this.getValidityState();this.validityStateChange.emit({valid:t.valid,valueMissing:t.valueMissing,rangeUnderflow:"rangeUnderflow"===this.invalidReason,rangeOverflow:"rangeOverflow"===this.invalidReason,typeMismatch:!(!this.invalidReason||"rangeUnderflow"===this.invalidReason||"rangeOverflow"===this.invalidReason),customError:t.customError,badInput:t.badInput,patternMismatch:!1,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,invalidReason:this.invalidReason})}hookValidationLifecycle({isInfo:t,isInvalid:e,isInvalidByRequired:o,isValid:r,isWarning:n}){this.isInvalid=e||o||this.isInputInvalid,this.isInfo=t,this.isValid=r,this.isWarning=n}emitValidityStateChangeIfChanged(){return h(this)}emitChange(t){this.initialValue!==t&&(this.ixChange.emit(t),this.initialValue=t)}connectedCallback(){this.classObserver=j(this.hostElement,(()=>this.checkClassList())),this.disposableChangesAndVisibilityObservers=c(this.hostElement,this.updatePaddings.bind(this))}componentWillLoad(){this.onInput(this.value),this.checkClassList(),this.updateFormInternalValue(this.value),this.initialValue=this.value}updatePaddings(){b(this.slotStartRef.current,this.slotEndRef.current,this.inputElementRef.current)}disconnectedCallback(){this.classObserver?.destroy(),this.disposableChangesAndVisibilityObservers?.()}checkClassList(){this.isInvalid=this.hostElement.classList.contains("ix-invalid")}handleDateSelect=t=>{const{from:e,time:o}=t.detail;if(!e||!o)return;const r=l.fromFormat(e,this.dateOnlyFormat,{locale:this.locale}),n=l.fromFormat(o,this.timeOnlyFormat,{locale:this.locale});if(!r.isValid||!n.isValid)return;const i=r.set({hour:n.hour,minute:n.minute,second:n.second,millisecond:n.millisecond}).toFormat(this.format);this.onInput(i),this.emitChange(i),this.closeDropdown()};getPickerElement(){return this.dropdownElementRef}renderInput(){return n("div",{class:"input-wrapper"},n(v,{slotStartRef:this.slotStartRef,onSlotChange:()=>this.updatePaddings()}),n("input",{autoComplete:"off",class:{"is-invalid":this.isInputInvalid},disabled:this.disabled,name:this.name,placeholder:this.placeholder,readonly:this.readonly,ref:this.inputElementRef,required:this.required,style:{textAlign:this.textAlignment},type:"text",value:this.value??"",onBlur:()=>{m(this,this.inputElementRef.current,this.value),this.touched=!0,this.emitValidityStateChangeIfChanged()},onClick:t=>{this.show&&(t.stopPropagation(),t.preventDefault())},onFocus:()=>{p(this,this.value),this.ixFocus.emit()},onInput:t=>{this.onInput(t.target.value)},onKeyDown:t=>this.handleInputKeyDown(t)}),n(u,{slotEndRef:this.slotEndRef,onSlotChange:()=>this.updatePaddings()},n("ix-icon-button",{"aria-label":this.ariaLabelCalendarButton,tabindex:-1,class:{"calendar-hidden":this.disabled||this.readonly},variant:"subtle-tertiary",icon:a,size:"16",onClick:t=>this.onCalendarClick(t)})))}render(){const t=D(this.isInputInvalid,this.invalidText,this.i18nErrorDateTimeUnparsable);return n(i,{key:"e3798b039b41158b1cf0c93f82f5aae2394b60b8",class:{disabled:this.disabled,readonly:this.readonly}},n("ix-field-wrapper",{key:"42e309eb2cab84b15a3053afb1d66018b62110cf",controlRef:this.inputElementRef,helperText:this.helperText,infoText:this.infoText,invalidText:t,isInfo:this.isInfo,isInvalid:this.isInvalid,isValid:this.isValid,isWarning:this.isWarning,label:this.label,required:this.required,showTextAsTooltip:this.showTextAsTooltip,validText:this.validText,warningText:this.warningText},this.renderInput()),n("ix-dropdown",{key:"5451e2a2275efe4558db30041b49b78ac203305a",class:"datetime-dropdown",closeBehavior:"outside","data-testid":"datetime-dropdown",enableTopLayer:this.enableTopLayer,ref:this.dropdownElementRef,show:this.show,suppressOverflowBehavior:!0,trigger:this.inputElementRef.waitForCurrent(),onShowChanged:t=>{this.show=t.detail},focusTrapOptions:{targetElement:this.datetimePickerRef,trapFocusInShadowDom:!0},callbackFocusElement:async()=>{const t=this.datetimePickerRef.current;if(t){const e=await t.getDatepickerElement();e?.focusActiveDay()}return!0},keyboardActivationKeys:["ArrowUp","ArrowDown"]},n("ix-datetime-picker",{key:"3a469a3a476293d90dc7133feb94e9967c6d54bd",ariaLabelNextMonthButton:this.ariaLabelNextMonthButton,ariaLabelPreviousMonthButton:this.ariaLabelPreviousMonthButton,dateFormat:this.dateOnlyFormat,embedded:!0,from:this.from??"",i18nDone:this.i18nDone,i18nTime:this.i18nTime,locale:this.locale,maxDate:this.maxDate,maxTime:this.maxTime,minDate:this.minDate,minTime:this.minTime,ref:this.datetimePickerRef,showWeekNumbers:this.showWeekNumbers,singleSelection:!0,time:this.time??"",timeFormat:this.timeOnlyFormat,weekStartIndex:this.weekStartIndex,onDateSelect:this.handleDateSelect})))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValuePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],isInputInvalid:[{onInputValidationChange:0}]}}};(function(t,e,o,r){var n,i=arguments.length,a=i<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,o):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,o,r);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(a=(i<3?n(a):i>3?n(e,o,a):n(e,o))||a);i>3&&a&&Object.defineProperty(e,o,a)})([B()],V.prototype,"hookValidationLifecycle",null),V.style='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 .calendar-hidden{display:none}:host(.readonly) input{pointer-events:none}';export{V as ix_datetime_input}
@@ -1 +1 @@
1
- import{r as e,c as i,g as t,h as s,H as r}from"./p-EBgS4zhE.js";import{m as o}from"./p-Djkc69iv.js";import{H as a}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const n=class{constructor(t){e(this,t),this.valueChange=i(this,"valueChange",7)}get hostElement(){return t(this)}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=o();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((i,t)=>{t!==e.length-1&&(i.checked=!1)}));const i=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!i&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((i=>{i.checked=i.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((i=>{i===e.target?(i.checked=!0,this.valueChange.emit(i.value)):i.checked=!1}))}onClassField({isInvalid:e,isInfo:i,isValid:t,isWarning:s,isInvalidByRequired:r}){this.isInvalid=e||r,this.isInfo=i,this.isValid=t,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,i=!0){const{radiobuttonElements:t}=this,{length:s}=t;if(s<=1)return;const r=t.indexOf(e),o=i?1:-1;let a=(r+o+s)%s;for(;t[a].disabled;){if(a===r)return;a=(a+o+s)%s}const n=t[a];n.setCheckedState(!0),n.focus()}render(){return s(r,{key:"52fe1cdeb484f3114564701e714e686479ad27cb",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"21591f15dbea1dbbe7fcf625b4f866ecfc95f8bb",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"1acbd13c448af7fc4b76690ceafe8afbf19e66b8",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"cca579b75a01d8bd2755de0eb5d1e48e1eb2125d"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}};(function(e,i,t,s){var r,o=arguments.length,a=o<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(a=(o<3?r(a):o>3?r(i,t,a):r(i,t))||a);o>3&&a&&Object.defineProperty(i,t,a)})([a({includeChildren:!0})],n.prototype,"onClassField",null),n.style=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";export{n as ix_radio_group}
1
+ import{r as e,c as i,g as t,h as s,H as r}from"./p-EBgS4zhE.js";import{m as a}from"./p-Djkc69iv.js";import{H as o}from"./p-yZFaEeBW.js";import"./p-XBTykBKS.js";const n=class{constructor(t){e(this,t),this.valueChange=i(this,"valueChange",7)}get hostElement(){return t(this)}helperText;label;value;invalidText;infoText;warningText;validText;showTextAsTooltip;direction="column";required=!1;valueChange;isInvalid=!1;isValid=!1;isInfo=!1;isWarning=!1;touched=!1;groupRef=a();observer=new MutationObserver((()=>{this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}));get radiobuttonElements(){return Array.from(this.hostElement.querySelectorAll("ix-radio"))}connectedCallback(){this.observer.observe(this.hostElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["checked","required"]})}componentWillLoad(){this.selectInitialValue(),this.ensureOnlyLastRadioChecked(),this.hasNestedRequiredRadio()}disconnectedCallback(){this.observer&&this.observer.disconnect()}selectInitialValue(){this.value&&this.radiobuttonElements.forEach((e=>{e.checked=e.value===this.value}))}ensureOnlyLastRadioChecked(){const e=this.radiobuttonElements.filter((e=>e.checked));e.forEach(((i,t)=>{t!==e.length-1&&(i.checked=!1)}));const i=this.isSomeRadioChecked();for(const e of this.radiobuttonElements)e.tabIndex=e.checked?0:-1;!i&&this.radiobuttonElements.length>0&&(this.radiobuttonElements[0].tabIndex=0)}hasNestedRequiredRadio(){this.required=this.radiobuttonElements.some((e=>e.required))}isSomeRadioChecked(){return this.radiobuttonElements.some((e=>e.checked))}onValueChangeHandler(e){this.touched=!0,this.radiobuttonElements.forEach((i=>{i.checked=i.value===e}))}onCheckedChangeHandler(e){this.radiobuttonElements.forEach((i=>{i===e.target?(i.checked=!0,this.valueChange.emit(i.value)):i.checked=!1}))}onClassField({isInvalid:e,isInfo:i,isValid:t,isWarning:s,isInvalidByRequired:r}){this.isInvalid=e||r,this.isInfo=i,this.isValid=t,this.isWarning=s}hasValidValue(){return Promise.resolve(!!Array.from(this.hostElement.querySelectorAll("ix-radio")).find((e=>e.checked)))}isTouched(){return Promise.resolve(this.touched)}async setCheckedToNextItem(e,i=!0){const{radiobuttonElements:t}=this,{length:s}=t;if(s<=1)return;const r=t.indexOf(e),a=i?1:-1;let o=(r+a+s)%s;for(;t[o].disabled;){if(o===r)return;o=(o+a+s)%s}const n=t[o];n.setCheckedState(!0),n.focus()}render(){return s(r,{key:"96ce8cbd3b252510f336800c67d90419103609be",onIxBlur:()=>this.touched=!0,ref:this.groupRef,role:"radiogroup"},s("ix-field-wrapper",{key:"248a9516790541bdacec10fd759344baa1337876",label:this.label,helperText:this.helperText,invalidText:this.invalidText,infoText:this.infoText,warningText:this.warningText,validText:this.validText,showTextAsTooltip:this.showTextAsTooltip,isValid:this.isValid,isInfo:this.isInfo,isWarning:this.isWarning,isInvalid:this.isInvalid,controlRef:this.groupRef},s("div",{key:"9fd29fcd02a5460b2466fc9b80171ed8cd5e39d0",class:{"checkbox-container":!0,"row-layout":"row"===this.direction}},s("slot",{key:"40619f7896a159433a1fc2ec8a398fd3ddfe15aa"}))))}static get watchers(){return{value:[{onValueChangeHandler:0}]}}};(function(e,i,t,s){var r,a=arguments.length,o=a<3?i:null===s?s=Object.getOwnPropertyDescriptor(i,t):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(e,i,t,s);else for(var n=e.length-1;n>=0;n--)(r=e[n])&&(o=(a<3?r(o):a>3?r(i,t,o):r(i,t))||o);a>3&&o&&Object.defineProperty(i,t,o)})([o({includeChildren:!0})],n.prototype,"onClassField",null),n.style=":host{display:inline-block;position:relative}:host .checkbox-container{display:flex;flex-direction:column;gap:0.5rem 1rem;margin:0.375rem 0;flex-wrap:wrap}:host .checkbox-container.row-layout{flex-direction:row}";export{n as ix_radio_group}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,g as r,h as o,H as s}from"./p-EBgS4zhE.js";import{c}from"./p-CX81WQtk.js";const i=class{constructor(r){t(this,r),this.stepSelected=e(this,"stepSelected",7)}get hostElement(){return r(this)}vertical=!1;clickable=!1;selectedIndex=0;stepSelected;getSteps(){return Array.from(this.hostElement.querySelectorAll("ix-workflow-step"))}updateSteps(){let t=this.getSteps();t.forEach(((e,r)=>{e.vertical=this.vertical,e.clickable=this.clickable,e.selected=this.selectedIndex===r,e.position=1!==t.length?0===r?"first":r===t.length-1?"last":"undefined":"single"}))}observer;onStepSelectionChanged(t){const e=t.detail,r=this.getSteps(),o=r.findIndex((t=>t===e));this.stepSelected.emit(o).defaultPrevented||r.forEach(((t,e)=>{t.selected=e===o}))}componentWillLoad(){this.updateSteps()}componentDidLoad(){this.observer=c((t=>{for(let e of t)"childList"===e.type&&this.updateSteps()})),this.observer.observe(this.hostElement,{childList:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}componentDidRender(){this.updateSteps()}render(){return o(s,{key:"bbe9022a63e0e743dfc479e93f8b20c578d4ce32"},o("div",{key:"1363ed6f81fc73e4cc0cec1160cc31188dc64bef",class:{steps:!0,vertical:this.vertical}},o("slot",{key:"c6b6b0c487c010cbc87a27d8c3341a644a1593c5"})))}};i.style=":host{display:block;position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;min-width:2rem}: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 .steps{display:flex;height:100%}:host .steps.vertical{flex-direction:column}";export{i as ix_workflow_steps}
@@ -0,0 +1 @@
1
+ import{r as t,c as a,g as e,h as o,H as r}from"./p-EBgS4zhE.js";import{A as i}from"./p-DgUGsIlh.js";import{a as s}from"./p-C21npbUc.js";import{m as l}from"./p-Djkc69iv.js";import{b as d}from"./p-BClJdFQP.js";const n=class{constructor(e){t(this,e),this.logoutClick=a(this,"logoutClick",7)}get hostElement(){return e(this)}top;bottom;image;initials;tooltipText;ariaLabelTooltip;i18nLogout="Logout";hideLogoutButton=!1;enableTopLayer=!1;showContextMenu=!1;logoutClick;avatarElementId="ix-menu-avatar-id";tooltipRef=l();onSlotChange(){const t=this.hostElement.shadowRoot.querySelector("slot");if(!t)return;const a=d(t);this.showContextMenu=0!==a.length}render(){const t=this.tooltipText??this.top,a=t===this.top;return o(r,{key:"037f15bd4bd44d3f233bebb922fe5e7b4f002fcf",slot:"ix-menu-avatar"},o("button",{key:"b25d995e137224af7d5e8a4a4ef75fbcd42139e5",class:"nav-item top-item avatar no-hover",id:this.avatarElementId,tabIndex:0},o("ix-avatar",{key:"defa946c69c1ee6f31a68039a6eed6b2ed71ebd7",image:this.image,initials:this.initials}),o("div",{key:"14d0dba651a996032354d48f518b628c7392e61d",class:"avatar-name"},o("span",{key:"ec4ed8e734b95d43382f8f8bd7342e58895c4883",class:"text-default-single"},this.top),o("span",{key:"691da78327c07d198b78ad62aa33b8dc63440050",class:"text-default-single"},this.bottom))),!!t&&o("ix-tooltip",{key:"a08173ffda2cb1c548e5d2f4b49a61f43f921390",ref:this.tooltipRef,for:`#${this.avatarElementId}`,placement:"right","aria-hidden":s(a),"aria-label":this.ariaLabelTooltip},t),o("ix-dropdown",{key:"aad18b46b349927551b36988b51226f06789b91f",trigger:this.hostElement,placement:"right-start",hidden:!this.showContextMenu&&this.hideLogoutButton,offset:{mainAxis:16},onShowChanged:t=>{t.detail&&this.tooltipRef.current&&this.tooltipRef.current.hideTooltip(0)},enableTopLayer:this.enableTopLayer},o("slot",{key:"1dc6f211194711861c3374efbd7943124ede68de",onSlotchange:()=>this.onSlotChange()}),!this.hideLogoutButton&&o("ix-menu-avatar-item",{key:"a39a67cb36600d63414cc8fa5457d0312580574d",label:this.i18nLogout,icon:i,onClick:t=>{this.logoutClick.emit(t)}})))}};n.style=":host{display:block;position:relative;margin-bottom:0.5rem;margin-right:0.75rem}: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 .avatar{all:unset;box-sizing:border-box;display:flex;align-items:center;height:2.5rem;width:100%;max-height:2.5rem;padding-left:0.25rem;margin-left:0.41rem;margin-right:0.35rem;transition:var(--theme-default-time)}:host .avatar .avatar-name{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}:host .avatar .avatar-name .text-default-single{color:var(--theme-nav-item-primary--color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .avatar{border-radius:1.25rem}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):hover,:host .avatar:not(.disabled):not(:disabled).hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}:host .avatar:not(.disabled):not(:disabled){cursor:pointer}:host .avatar:not(.disabled):not(:disabled):active,:host .avatar:not(.disabled):not(:disabled).active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}:host .avatar:focus-visible{outline:1px solid var(--theme-color-focus-bdr)}";export{n as ix_menu_avatar}
@@ -0,0 +1 @@
1
+ import{r as e,g as r,h as t,H as o}from"./p-EBgS4zhE.js";import{h as a}from"./p-BClJdFQP.js";const s=class{constructor(r){e(this,r)}get hostElement(){return r(this)}isContentHeaderSlotted=!1;get contentHeaderSlot(){return this.hostElement.shadowRoot.querySelector(".content-header slot")}render(){return t(o,{key:"94c6e2d97d8194e53a2084003dc128037795da39"},t("div",{key:"3bca63790f8f524bc807b7745effcfe6091efec4",class:{"content-header":!0,slotted:this.isContentHeaderSlotted}},t("slot",{key:"b362b15e253b4e714b1d6f8c631e00d6a01f5668",name:"header",onSlotchange:()=>{this.isContentHeaderSlotted=a(this.contentHeaderSlot)}})),t("div",{key:"9e774c3fa07536e14f377d3188632e9fbb548d29",class:"content"},t("slot",{key:"48301d9bc95492ee103a7a3d4767009147888994"})))}};s.style=":host{display:flex;flex-direction:column;position:relative;padding:0.75rem 2rem 0.25rem 2rem;width:100%;height:100%;overflow:hidden}: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 .content{flex-grow:1;overflow:auto;position:relative}:host .content-header.slotted{margin-bottom:1.5rem}";export{s as ix_content}
@@ -0,0 +1 @@
1
+ import{M as e,r as a,c as t,h as b,H as s}from"./p-EBgS4zhE.js";import{B as l}from"./p-B0y5hnj5.js";const r=class extends(e(l)){constructor(e){super(),a(this,e),this.labelChange=t(this,"labelChange",7)}label;labelChange;watchLabel(e,a){this.labelChange.emit({name:"ix-menu-about-item",oldLabel:a,newLabel:e})}render(){return b(s,{key:"2d70a2809dc4eb56b1e3d6183ca837a38ee01b16"},b("ix-tab-panel",{key:"d0923d4116998d6a7e231b907eacd5f8081eae36",tabKey:this.tabKey},b("slot",{key:"abd6be8e81556b9cb3091dfb55cebfa9ab4d76d0"})))}static get watchers(){return{label:[{watchLabel:0}]}}};export{r as ix_menu_about_item}
@@ -1 +1 @@
1
- import{r as t,c as i,g as e,h as s,H as o}from"./p-EBgS4zhE.js";import{d as h}from"./p-BbwShqw_.js";import{r as n,d as r}from"./p-D5rshXh5.js";import"./p-CNLoALIl.js";const c=t=>!Number.isNaN(Number(t));class l{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=l.defaultConfig){return new l(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");l.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),l.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=l.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=l.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw new Error("Missing required `generate` function");if(!c(s.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight))throw new Error("\n Invalid required `itemHeight` value, expected number or array\n ".trim());this._itemHeights=c(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(l.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=c(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw new Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=`${i}px`)}));const h=Boolean(s.horizontal),n=s[h?"width":"height"];if(n){const t=c(n),i=!t&&"%"===n.slice(-1),e=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:c(n)?n:e}const r=s.scrollContainer,d=s.itemHeight*s.total,a=this._maxElementHeight;d>a&&console.warn(["HyperList: The maximum element height",a+"px has","been exceeded; please reduce your item height."].join(" ")),l.mergeStyle(t,{width:`${s.width}`,height:r?`${d}px`:`${s.height}`,overflow:r?"none":"auto",position:"relative"}),r&&l.mergeStyle(s.scrollContainer,{overflow:"auto"}),l.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:`${d}px`}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&c(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw new Error(`Generator did not return a DOM Node for index: ${t}`);e.classList.add(i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return l.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=Boolean(t.horizontal),e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;l.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${s}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,d=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(d/n),this._containerSize=d,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=Boolean(this._config.horizontal),i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue(`padding-${t}`);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const d=class{constructor(e){t(this,e),this.contextChange=i(this,"contextChange",7),this.nodeToggled=i(this,"nodeToggled",7),this.nodeClicked=i(this,"nodeClicked",7),this.nodeRemoved=i(this,"nodeRemoved",7)}get hostElement(){return e(this)}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=Boolean(s.disabled||h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const r=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},r)),null===c&&(c=n(s,h,r));const l=c;return l.setAttribute("data-tree-node-id",s.id),l.style.paddingRight="1rem",this.updatePadding(l,s),this.dirtyItems.delete(s.id),l}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=r){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(r);this.hyperlist=new l(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:i}=t;if(t.preventDefault(),t.stopPropagation(),!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e];if(!s.hasChildren)return;if(s.disabled)return;const o=this.getContext(e);o.isDisabled||(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o))}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e],o=this.getContext(e);if(s.disabled||o.isDisabled)return;const n=t.composedPath(),r=n.indexOf(this.hostElement),c=n.slice(0,r);if(!h.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;o.isSelected=!0,this.setContext(e,o)}this.toggleOnItemClick&&s.hasChildren&&(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)),this.nodeClicked.emit(e)}}render(){return s(o,{key:"2559d80cdc3622837771d6f9484117b5d8ae15db",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"f1b3e2121e4833481dcf91594f38434318de84bc"}))}static get watchers(){return{model:[{onModelChange:0}]}}};d.style=":host{display:block}";export{d as ix_tree}
1
+ import{r as t,c as i,g as e,h as s,H as o}from"./p-EBgS4zhE.js";import{d as h}from"./p-BbwShqw_.js";import{r as n,d as r}from"./p-D5rshXh5.js";import"./p-CNLoALIl.js";const c=t=>!Number.isNaN(Number(t));class a{_config;_lastRepaint;_maxElementHeight;_renderAnimationFrame;_averageHeight;_scrollListener=null;_pendingRender=!1;static defaultConfig={width:"100%",height:"100%"};_element;_scroller;_itemHeights;_containerSize;_scrollPaddingBottom;_scrollPaddingTop;_scrollHeight;_itemPositions;_screenItemsLen;_lastFrom;_cachedItemsLen;static create(t,i=a.defaultConfig){return new a(t,i)}static mergeStyle(t,i){for(let e in i)t.style[e]!==i[e]&&(t.style[e]=i[e])}static getMaxBrowserHeight(){const t=document.createElement("div"),i=document.createElement("div");a.mergeStyle(t,{position:"absolute",height:"1px",opacity:0}),a.mergeStyle(i,{height:"1e7px"}),t.appendChild(i),document.body.appendChild(t);const e=i.offsetHeight;return document.body.removeChild(t),e}constructor(t,i){this._lastRepaint=null,this._maxElementHeight=a.getMaxBrowserHeight(),this.refresh(t,i);const e=this._config,s=()=>{this._pendingRender=!1;const t=this._getScrollPosition(),i=this._lastRepaint;if(t===i)return;const s=i?t-i:0;if(!i||s<0||s>this._averageHeight){let i=this._renderChunk();this._lastRepaint=t,!1!==i&&"function"==typeof e.afterRender&&e.afterRender()}},o=e.scrollContainer||t;this._scrollListener=()=>{this._pendingRender||(this._pendingRender=!0,this._renderAnimationFrame=window.requestAnimationFrame(s))},o.addEventListener("scroll",this._scrollListener,{passive:!0}),s()}destroy(){this._renderAnimationFrame&&window.cancelAnimationFrame(this._renderAnimationFrame);const t=this._config,i=t?.scrollContainer||this._element;this._scrollListener&&i&&i.removeEventListener("scroll",this._scrollListener)}refresh(t,i=a.defaultConfig){const e=this._config?.scrollContainer||this._element;if(this._scrollListener&&e&&e.removeEventListener("scroll",this._scrollListener),this._config=i,!t||1!==t.nodeType)throw new Error("HyperList requires a valid DOM Node container");this._element=t;const s=this._config,o=this._scroller||s.scroller||document.createElement(s.scrollerTagName||"tr");if("boolean"!=typeof s.useFragment&&(this._config.useFragment=!0),!s.generate)throw new Error("Missing required `generate` function");if(!c(s.total))throw new Error("Invalid required `total` value, expected number");if(!Array.isArray(s.itemHeight)&&!c(s.itemHeight))throw new Error("\n Invalid required `itemHeight` value, expected number or array\n ".trim());this._itemHeights=c(s.itemHeight)?Array(s.total).fill(s.itemHeight):[s.itemHeight],Object.keys(a.defaultConfig).filter((t=>t in s)).forEach((t=>{const i=s[t],e=c(i);if(i&&"string"!=typeof i&&"number"!=typeof i)throw new Error(`Invalid optional \`${t}\`, expected string or number`);e&&(s[t]=`${i}px`)}));const h=Boolean(s.horizontal),n=s[h?"width":"height"];if(n){const t=c(n),i=!t&&"%"===n.slice(-1),e=t?parseInt(n,10):parseInt(n.replace(/px|%/,""),10),s=window[h?"innerWidth":"innerHeight"];this._containerSize=i?s*e/100:c(n)?n:e}const r=s.scrollContainer,l=s.itemHeight*s.total,d=this._maxElementHeight;l>d&&console.warn(["HyperList: The maximum element height",d+"px has","been exceeded; please reduce your item height."].join(" ")),a.mergeStyle(t,{width:`${s.width}`,height:r?`${l}px`:`${s.height}`,overflow:r?"none":"auto",position:"relative"}),r&&a.mergeStyle(s.scrollContainer,{overflow:"auto"}),a.mergeStyle(o,{opacity:"0",position:"absolute",[h?"height":"width"]:"1px",[h?"width":"height"]:`${l}px`}),this._scroller||t.appendChild(o);const u=this._computeScrollPadding();this._scrollPaddingBottom=u.bottom,this._scrollPaddingTop=u.top,this._scroller=o,this._scrollHeight=this._computeScrollHeight(),this._itemPositions=this._itemPositions||Array(s.total).fill(0),this._computePositions(0),this._renderChunk(null!==this._lastRepaint),"function"==typeof s.afterRender&&s.afterRender(),this._scrollListener&&(s.scrollContainer||t).addEventListener("scroll",this._scrollListener,{passive:!0})}_getRow(t){const i=this._config;let e=i.generate(t),s=e.height;if(void 0!==s&&c(s)?(e=e.element,s!==this._itemHeights[t]&&(this._itemHeights[t]=s,this._computePositions(t),this._scrollHeight=this._computeScrollHeight())):s=this._itemHeights[t],!e||1!==e.nodeType)throw new Error(`Generator did not return a DOM Node for index: ${t}`);e.classList.add(i.rowClassName||"vrow");const o=this._itemPositions[t]+this._scrollPaddingTop;return a.mergeStyle(e,{position:"absolute",[i.horizontal?"left":"top"]:`${o}px`}),e}_getScrollPosition(){const t=this._config;return"function"==typeof t.overrideScrollPosition?t.overrideScrollPosition():this._element[t.horizontal?"scrollLeft":"scrollTop"]}_renderChunk(t=!1){const i=this._config,e=this._element,s=this._getScrollPosition(),o=i.total;let h=this._getFrom(s)-1;if((h<0||h-this._screenItemsLen<0)&&(h=0),!t&&this._lastFrom===h)return!1;this._lastFrom=h;let n=h+this._cachedItemsLen;(n>o||n+this._cachedItemsLen>o)&&(n=o);const r=i.useFragment?document.createDocumentFragment():[];r[i.useFragment?"appendChild":"push"](this._scroller);for(let t=h;t<n;t++){let e=this._getRow(t);r[i.useFragment?"appendChild":"push"](e)}if(i.applyPatch)return i.applyPatch(e,r);e.innerHTML="",e.appendChild(r)}_computePositions(t=1){const i=this._config.total;t<1&&(t=1);for(let e=t;e<i;e++)this._itemPositions[e]=this._itemHeights[e-1]+this._itemPositions[e-1]}_computeScrollHeight(){const t=this._config,i=Boolean(t.horizontal),e=t.total,s=this._itemHeights.reduce(((t,i)=>t+i),0)+this._scrollPaddingBottom+this._scrollPaddingTop;a.mergeStyle(this._scroller,{opacity:0,position:"absolute",top:"0px",[i?"height":"width"]:"1px",[i?"width":"height"]:`${s}px`});const o=this._itemHeights.slice(0).sort(((t,i)=>t-i)),h=Math.floor(e/2),n=e%2==0?(o[h]+o[h-1])/2:o[h],r=i?"clientWidth":"clientHeight",c=t.scrollContainer?t.scrollContainer:this._element,l=c[r]?c[r]:this._containerSize;return this._screenItemsLen=Math.ceil(l/n),this._containerSize=l,this._cachedItemsLen=Math.max(this._cachedItemsLen||0,3*this._screenItemsLen),this._averageHeight=n,s}_computeScrollPadding(){const t=Boolean(this._config.horizontal),i=window.getComputedStyle(this._element),e=t=>{const e=i.getPropertyValue(`padding-${t}`);return parseInt(e,10)||0};return t?{bottom:e("right"),top:e("left")}:{bottom:e("bottom"),top:e("top")}}_getFrom(t){let i=0;for(;this._itemPositions[i]<t;)i++;return i}}const l=class{constructor(e){t(this,e),this.contextChange=i(this,"contextChange",7),this.nodeToggled=i(this,"nodeToggled",7),this.nodeClicked=i(this,"nodeClicked",7),this.nodeRemoved=i(this,"nodeRemoved",7)}get hostElement(){return e(this)}root="root";model={};renderItem;context={};toggleOnItemClick;contextChange;nodeToggled;nodeClicked;nodeRemoved;hyperlist;updates=new Map;observer;hasFirstRender=!1;dirtyItems=new Set;updatePadding(t,i){t.style.paddingLeft=i.level+"rem"}getVirtualizerOptions(t){const i=this.buildTreeList(this.model[this.root]);return{width:"100%",height:"100%",itemHeight:32,scrollerTagName:"div",total:i.length,generate:e=>{const s=i[e],o=this.hostElement.querySelector(`[data-tree-node-id="${s.id}"]`),h=this.getContext(s.id);if(o&&!1===t.force){o.hasChildren=s.hasChildren,o.context={...h},o.disabled=Boolean(s.disabled||h.isDisabled);let t=this.dirtyItems.has(s.id);if(this.updates.has(s.id)){const i=this.updates.get(s.id);if(i){const e=i(s,{...this.context});"boolean"==typeof e&&(t=e)}}if(this.updatePadding(o,s),!t)return o}const r=t=>{this.updates.set(s.id,t)};let c=null;this.renderItem&&(c=this.renderItem(e,s,i,{...this.context},r)),null===c&&(c=n(s,h,r));const a=c;return a.setAttribute("data-tree-node-id",s.id),a.style.paddingRight="1rem",this.updatePadding(a,s),this.dirtyItems.delete(s.id),a}}}setContext(t,i){this.context={...this.context,[t]:i},this.contextChange.emit(this.context)}getContext(t){return this.context?(this.context[t]||(this.context[t]={isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}),this.context[t]):{isExpanded:!1,isSelected:!1,isDisabled:this.model[t]?.disabled}}buildTreeList(t,i=0){const e=[];if(t?.hasChildren){const s=i+1;t.children.forEach((t=>{const o=this.model[t],h=this.getContext(t);e.push({...o,level:i}),o.hasChildren&&h.isExpanded&&e.push(...this.buildTreeList(o,s))}))}return e}componentDidLoad(){this.initList(),this.observer=new MutationObserver((t=>{let i=[];t.forEach((t=>{i=[...i,...Array.from(t.removedNodes)],t.addedNodes.forEach((t=>{const e=i.indexOf(t);e>=0&&i.splice(e,1)}))})),this.nodeRemoved.emit(i)})),this.observer.observe(this.hostElement,{childList:!0})}componentWillRender(){this.hasFirstRender=!0,this.isListInitialized()?this.refreshTree():this.initList()}connectedCallback(){this.hasFirstRender&&this.initList()}disconnectedCallback(){this.hyperlist?.destroy(),this.observer?.disconnect()}onModelChange(){this.hasFirstRender&&!this.isListInitialized()&&this.initList()}async markItemsAsDirty(t){t.forEach((t=>this.dirtyItems.add(t)))}isListInitialized(){const t=this.hyperlist?._itemPositions;return void 0!==t&&t.length&&!t?.some((t=>void 0===t||Number.isNaN(t)))}async refreshTree(t=r){this.hyperlist&&this.hyperlist.refresh(this.hostElement,this.getVirtualizerOptions(t))}initList(){if(!this.model)return;this.hyperlist?.destroy();const t=this.getVirtualizerOptions(r);this.hyperlist=new a(this.hostElement,t)}getTreeNodeId(t){let i=t;for(;i&&i!==this.hostElement;){const t=i.dataset.treeNodeId;if(t)return t;i=i.parentElement}}onToggle(t){const{target:i}=t;if(t.preventDefault(),t.stopPropagation(),!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e];if(!s.hasChildren)return;if(s.disabled)return;const o=this.getContext(e);o.isDisabled||(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o))}onTreeItemClick(t){const{target:i}=t;if(!(i instanceof HTMLElement))return;const e=this.getTreeNodeId(i);if(!e)return;const s=this.model[e],o=this.getContext(e);if(s.disabled||o.isDisabled)return;const n=t.composedPath(),r=n.indexOf(this.hostElement),c=n.slice(0,r);if(!h.pathIncludesTrigger(c)){if(!t.defaultPrevented){for(const t of Object.values(this.context))t.isSelected=!1;o.isSelected=!0,this.setContext(e,o)}this.toggleOnItemClick&&s.hasChildren&&(o.isExpanded=!o.isExpanded,this.nodeToggled.emit({id:e,isExpanded:o.isExpanded}),this.setContext(e,o)),this.nodeClicked.emit(e)}}render(){return s(o,{key:"8ec158ba41c5aa8e4577e9904ba250dc02ec9256",onClick:t=>this.onTreeItemClick(t)},s("slot",{key:"a2f2c325f7c54b7f1271d0ced1da60e0a211bb3b"}))}static get watchers(){return{model:[{onModelChange:0}]}}};l.style=":host{display:block}";export{l as ix_tree}
@@ -0,0 +1 @@
1
+ import{r as e,h as t,H as s}from"./p-EBgS4zhE.js";const a=class{constructor(t){e(this,t)}striped=!1;render(){return t(s,{key:"934ba6bfcd2da7f444855670cffff90936cfb7c5",class:{keyValueList:!0,"keyValueList--striped":this.striped}},t("slot",{key:"d935f982f4aa55443641f29615b70a610456b2c3"}))}};a.style=":host(.keyValueList) ::slotted(ix-key-value){border-bottom:1px solid var(--theme-color-weak-bdr)}:host(.keyValueList.keyValueList--striped) ::slotted(ix-key-value:nth-child(odd)){background:var(--theme-color-ghost-alt)}";export{a as ix_key_value_list}
@@ -1 +1 @@
1
- import{r as e,f as t,h as o,H as r,M as n,c as i,g as a}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{D as s}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-BWgttsqY.js";import{O as h}from"./p-DVJeDueL.js";import{c as m}from"./p-BClJdFQP.js";import{g as u,i as b,h as p,t as f}from"./p-BFUINhFM.js";import"./p-6ZxKp7Jn.js";const v=class{constructor(t){e(this,t)}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){t(this)}getSize(e){return""===e?this.size:"sm"===e?this.sizeSm:"md"===e?this.sizeMd:"lg"===e?this.sizeLg:void 0}getColumnSize(){let e;return v.Breakpoints.forEach((t=>{if(""!==t&&!l(t))return;const o=this.getSize(t);o&&(e=o)})),e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e)return;if("auto"===e)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return o(r,{key:"8f9bb67a9721a22dab39e140b0e180a868839416",style:{...this.getColumnSizeStyling()}},o("slot",{key:"2d34daa2051b168c8b4dd61233d80195be90f3d5"}))}};v.style=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}";const y=class{constructor(t){e(this,t)}noMargin=!1;gap="24";columns=12;render(){return o(r,{key:"799b08194c2dfc38cbf4bd8c0e7d69f4cd42c577",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},o("slot",{key:"8177f73aacd4da3cd8d52cb2cc16f6694e032851"}))}};y.style=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const x=class{constructor(t){e(this,t)}render(){return o(r,{key:"d196cf5b6609b66fd1d8e60175373e6463faec5c"},o("slot",{key:"cd5208fe0e779fb69579e8f9bbc1af21572d8bbc"}))}};function g(e,t,o,r){let n,i;if("hour"===t){const e=function(e,t){return"PM"===t?{value:12===e?12:e+12,maxValue:23}:"AM"===t?{value:12===e?0:e,maxValue:11}:{value:e,maxValue:23}}(o,r);n=e.value,i=e.maxValue}else n=o,i=function(e){switch(e){case"minute":case"second":return 59;case"millisecond":return 999;case"hour":return 23}}(t);n>i?n=i:n<0&&(n=0);try{return e.set({[t]:n})}catch{return null}}x.style=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const k={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/S{1,3}|u{1,3}|[tT]{3,4}/};const w={hour:"",minute:"",second:"",millisecond:""},T=class extends(n(...d)){constructor(t){super(),e(this,t),this.timeSelect=i(this,"timeSelect",7),this.timeChange=i(this,"timeChange",7)}get hostElement(){return a(this)}format="TT";watchFormatIntervalPropHandler(e){e&&(this.initPicker(),this.updateScrollPositions())}corners="rounded";embedded=!1;dateTimePickerAppearance=!1;hideHeader=!1;hourInterval=1;watchHourIntervalPropHandler(e){Number.isInteger(e)&&e>=0&&e<=(this.timeRef?12:23)?this.setTimePickerDescriptors():(this.printIntervalError("hour",e),this.hourInterval=1)}minuteInterval=1;watchMinuteIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("minute",e),this.minuteInterval=1)}secondInterval=1;watchSecondIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("second",e),this.secondInterval=1)}millisecondInterval=100;watchMillisecondIntervalPropHandler(e){e>=0&&e<=999?this.setTimePickerDescriptors():(this.printIntervalError("millisecond",e),this.millisecondInterval=100)}printIntervalError(e,t){console.error(`Value ${t} is not valid for ${e}-interval. Falling back to default.`)}warnIfConstraintTimeInvalid(e,t,o){const r=t?.trim();if(!r)return;const n=s.fromFormat(r,this.format);if(n.isValid)return;if(o)return;const i=[n.invalidReason,n.invalidExplanation].filter(Boolean).join(": ");console.warn(`[ix-time-picker] ${e}="${r}" does not match format "${this.format}". The constraint is ignored until the value matches \`format\`.`+(i?` (${i})`:""))}warnIfConstraintRangeInverted(e,t){const o=e?.trim(),r=t?.trim();if(!o||!r)return;const n=s.fromFormat(o,this.format),i=s.fromFormat(r,this.format);n.isValid&&i.isValid&&n>i&&console.warn(`[ix-time-picker] minTime="${o}" is later than maxTime="${r}" for format "${this.format}". Both constraints are ignored.`)}warnConstraintTimesIfInvalid(e){const t=e?.omitUnparsableConstraintWarnings??!1;this.warnIfConstraintTimeInvalid("minTime",this.minTime,t),this.warnIfConstraintTimeInvalid("maxTime",this.maxTime,t),this.warnIfConstraintRangeInverted(this.minTime,this.maxTime)}time;watchTimePropHandler(e){if(void 0===e||""===e)return void(this._time=this.getDefaultTime());const t=s.fromFormat(e,this.format);if(!t.isValid)throw new Error("Format is not supported or not correct");this._time=t}minTime;maxTime;watchMinTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}watchMaxTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}getDefaultTime(){return s.now()}i18nConfirmTime="Confirm";i18nHeader="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";timeSelect;timeChange;async getCurrentTime(){return this._time?.toFormat(this.format)}_time;onTimeChange(){const e=this.formattedTime;this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.updateScrollPositions(e)}timeRef;formattedTime=w;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=s.fromFormat(this.time,this.format),e.isValid||(t=!0,console.error(`Invalid time format. The configured format does not match the format of the passed time. ${e.invalidReason}: ${e.invalidExplanation}`),e=this.getDefaultTime())):e=this.getDefaultTime(),this._time=e,this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.setTimePickerDescriptors(),this.setInitialFocusedValueAndUnit(),this.watchHourIntervalPropHandler(this.hourInterval),this.watchMinuteIntervalPropHandler(this.minuteInterval),this.watchSecondIntervalPropHandler(this.secondInterval),this.watchMillisecondIntervalPropHandler(this.millisecondInterval),this.warnConstraintTimesIfInvalid({omitUnparsableConstraintWarnings:t})}componentDidLoad(){super.componentDidLoad?.(),this.updateScrollPositions(),this.setupVisibilityObserver()}componentDidRender(){if(!this.isUnitFocused)return;const e=this.getElementContainer(this.focusedUnit,this.focusedValue),t=this.getElementList(this.focusedUnit);if(e){if(c()){const t=this.hostElement.shadowRoot?.activeElement;t!==e&&e.focus({preventScroll:!0})}this.isElementVisible(e,t)||this.scrollElementIntoView(e,t,this.focusScrollAlignment)}}disconnectedCallback(){this.visibilityObserver&&this.visibilityObserver.disconnect()}handleKeyDown(e){if(!this.isUnitFocused)return;let t=!0;switch(e.key){case"Tab":t=!1,this.isUnitFocused=!1;break;case"ArrowUp":this.focusScrollAlignment="start",this.stepFocusedValue(-1);break;case"ArrowDown":this.focusScrollAlignment="end",this.stepFocusedValue(1);break;case"Enter":case" ":{const{bounds:e}=this.getUnitSelectionContext(),t=this.buildCandidateBaseBeforeUnit(this.focusedUnit);this.canSelectUnitValue(this.focusedUnit,this.focusedValue,e,t)&&this.select(this.focusedUnit,this.focusedValue);break}default:return}t&&e.preventDefault()}onUnitCellBlur(e,t){const o=t.relatedTarget,r=o?.dataset?.elementContainerId?.split("-")[0],n=r===e;if(o&&!n&&r!==e&&this.elementListScrollToTop(e,Number(this.formattedTime[e]),"smooth"),n)return;this.isUnitFocused=!1;const i=this.resolvePreservedFocusedValueOnColumnBlur(e);this.focusedValue=i,this.updateDescriptorFocusedValue(e,i)}onUnitCellFocus(e,t){this.isUnitFocused=!0,this.focusedUnit=e,this.focusedValue=t,this.updateDescriptorFocusedValue(e,t)}getElementList(e){return this.hostElement.shadowRoot?.querySelector(`[data-element-list-id="${e}"]`)}getElementContainer(e,t){return this.hostElement.shadowRoot?.querySelector(`[data-element-container-id="${e}-${t}"]`)}isElementVisible(e,t){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}scrollElementIntoView(e,t,o){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();t.scrollTop+="end"===o?n.bottom-r.bottom+1:n.top-r.top-1}setInitialFocusedValueAndUnit(){const e=this.timePickerDescriptors.find((e=>!e.hidden));e&&(this.focusedValue=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray),this.focusedUnit=e.unit)}setupVisibilityObserver(){const e=m(this.hostElement,"ix-dropdown");e&&(this.visibilityObserver=new MutationObserver((e=>this.mutationObserverCallback(e))),this.visibilityObserver.observe(e,{attributes:!0,attributeFilter:["class","style"]}))}mutationObserverCallback(e){for(const t of e)"attributes"===t.type&&(t.target.classList.contains("show")?this.areElementsRendered()&&this.updateScrollPositions():this.time&&s.fromFormat(this.time,this.format).isValid&&(this._time=s.fromFormat(this.time,this.format),this.setInitialFocusedValueAndUnit()))}areElementsRendered(){const e=this.hostElement.shadowRoot?.querySelectorAll(".element-list");return!(!e||0===e.length)&&Array.from(e).some((e=>e.offsetHeight>0))}getFormattedTime(){return this._time?{hour:this._time.toFormat(void 0!==this.timeRef?"h":"H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}:w}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=s.now().startOf("day"));const t=this._time,o=this.timeRef;this.timeRef=e;const r=this._time.hour;if("PM"===e&&r<12?this._time=this._time.plus({hours:12}):"AM"===e&&r>=12&&(this._time=this._time.minus({hours:12})),!this.isWithinTimeConstraints(this._time))return this._time=t,void(this.timeRef=o);this.timeChange.emit(this._time.toFormat(this.format))}referenceOrNow(){return this._time??s.now()}setTimeRef(){if(!function(e){let t="",o=!1;for(const r of e)"'"===r?o=!o:o||(t+=r);return/[hat]/.test(t)}(this.format))return void(this.timeRef=void 0);const e=this.referenceOrNow();this.timeRef=e.hour>=12?"PM":"AM"}getConstraintBounds(e){const t=(e??this.referenceOrNow()).startOf("day");return u(this.minTime,this.maxTime,this.format,t)}getUnitSelectionContext(){const e=this.referenceOrNow();return{bounds:this.getConstraintBounds(e),selectionBase:this._time??e.startOf("day")}}isWithinTimeConstraints(e){const{min:t,max:o}=this.getConstraintBounds();return b(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??s.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&p(i.min,i.max)){const e=g(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;const o=e.set({minute:59,second:59,millisecond:999});return f(e,o,i.min,i.max)}const a=g(n,e,t,this.timeRef);return!!a&&(o?this.isSelectableForUnitWithinBounds(e,a,o):this.isWithinTimeConstraints(a))}isSelectableForUnitWithinBounds(e,t,o){return function(e,t,o){const r=function(e,t){return t.isValid?"hour"===e?{start:t.startOf("hour"),end:t.endOf("hour")}:"minute"===e?{start:t.set({second:0,millisecond:0}),end:t.set({second:59,millisecond:999})}:"second"===e?{start:t.set({millisecond:0}),end:t.set({millisecond:999})}:{start:t,end:t}:null}(e,t);if(!r)return!1;const{min:n,max:i}=o,{start:a,end:l}=r;return!(n&&l<n||i&&a>i)}(e,t,o)}getProvisionalRawValue(e){if(this.focusedUnit===e)return this.focusedValue;const t=this.timePickerDescriptors.map((e=>e.unit)),o=t.indexOf(this.focusedUnit),r=t.indexOf(e);if(-1!==r&&-1!==o&&r<o){const t=this.timePickerDescriptors.find((t=>t.unit===e));if(t)return t.focusedValue}const n=this.formattedTime?.[e];return""===n||void 0===n?0:Number(n)}buildCandidateBaseBeforeUnit(e){const{selectionBase:t}=this.getUnitSelectionContext(),o=this.timePickerDescriptors.map((e=>e.unit)),r=o.indexOf(e);if(r<=0)return t;let n=this._time??t;for(let e=1;e<r;e++){const t=o[e];if(void 0===t)continue;const r=g(n,t,this.getProvisionalRawValue(t),this.timeRef);r&&(n=r)}return n}getConstrainedFocusedValueForUnitWithBase(e,t,o){const{bounds:r}=this.getUnitSelectionContext(),n=Number(this.formattedTime[e]);return t.includes(n)&&this.canSelectUnitValue(e,n,r,o)?n:(()=>t.find((t=>this.canSelectUnitValue(e,t,r,o)))??null)()??t[0]}getConstrainedFocusedValueForUnit(e,t){return this.getConstrainedFocusedValueForUnitWithBase(e,t,this.buildCandidateBaseBeforeUnit(e))}resolvePreservedFocusedValueOnColumnBlur(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e),n=this.focusedValue;return t.includes(n)&&this.canSelectUnitValue(e,n,o,r)?n:this.getConstrainedFocusedValueForUnit(e,t)}syncKeyboardFocusWithConstraints(){if(!this.timePickerDescriptors.length)return;for(const e of this.timePickerDescriptors){const t=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray);t!==e.focusedValue&&this.updateDescriptorFocusedValue(e.unit,t)}const e=this.getNumberArrayForUnit(this.focusedUnit);if(e.length){const t=this.getConstrainedFocusedValueForUnit(this.focusedUnit,e);t!==this.focusedValue&&(this.focusedValue=t)}}findFirstSelectableInUnit(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);return t.find((t=>this.canSelectUnitValue(e,t,o,r)))??null}getColumnTabStopValue(e){const t=this.timePickerDescriptors.find((t=>t.unit===e)),o=t?.numberArray??[];if(!t||!o.length)return null;const{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(e),i=t.focusedValue;return o.includes(i)&&this.canSelectUnitValue(e,i,r,n)?i:this.findFirstSelectableInUnit(e)}stepFocusedValue(e){const t=this.focusedUnit,o=this.getNumberArrayForUnit(t),{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(t),i=function(e,t,o,r){if(!e.length)return null;let n=e.indexOf(t);-1===n&&(n=1===o?-1:e.length);for(const t of e){n=(n+o+e.length)%e.length;const t=e[n];if(r(t))return t}return null}(o,this.focusedValue,e,(e=>this.canSelectUnitValue(t,e,r,n)));null!==i&&(this.focusedValue=i,this.updateDescriptorFocusedValue(t,i))}isConfirmDisabled(){const e=this.referenceOrNow(),{min:t,max:o}=this.getConstraintBounds(e);return!!p(t,o)&&!b(e,t,o)}setTimePickerDescriptors(){const{hourNumbers:e,minuteNumbers:t,secondNumbers:o,millisecondsNumbers:r}=function(e,t){const{hourInterval:o,minuteInterval:r,secondInterval:n,millisecondInterval:i}=e;let a;return a=void 0===t?Array.from({length:Math.ceil(24/o)},((e,t)=>t*o)):Array.from({length:Math.ceil(12/o)},((e,t)=>t*o+1)).filter((e=>e<=12)),{hourNumbers:a,minuteNumbers:Array.from({length:Math.ceil(60/r)},((e,t)=>t*r)),secondNumbers:Array.from({length:Math.ceil(60/n)},((e,t)=>t*n)),millisecondsNumbers:Array.from({length:Math.ceil(1e3/i)},((e,t)=>t*i))}}({hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval},this.timeRef),{selectionBase:n}=this.getUnitSelectionContext(),i=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!k.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!k.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!k.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!k.milliseconds.test(this.format),numberArray:r}];let a=n;const l=[];for(const e of i){if(e.hidden)continue;const t=this.getConstrainedFocusedValueForUnitWithBase(e.unit,e.numberArray,a);l.push({unit:e.unit,header:e.header,hidden:!1,numberArray:e.numberArray,focusedValue:t});const o=g(a,e.unit,t,this.timeRef);o&&(a=o)}this.timePickerDescriptors=l}getNumberArrayForUnit(e){const t=this.timePickerDescriptors.find((t=>t.unit===e));return t?t.numberArray:[]}isSelected(e,t){return this.formattedTime[e]===String(t)}getUnitCellTabIndex(e,t){const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return-1;if(this.isUnitFocused&&this.focusedUnit===e)return this.focusedValue===t?0:-1;const n=this.getColumnTabStopValue(e);return null===n?-1:n===t?0:-1}select(e,t){if(this.isSelected(e,t))return;const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return;const n=g(r,e,t,this.timeRef);n&&(this._time&&n.toMillis()===this._time.toMillis()||(this._time=n,this.elementListScrollToTop(e,t,"smooth"),this.timeChange.emit(this._time.toFormat(this.format))))}updateDescriptorFocusedValue(e,t){const o=this.timePickerDescriptors.findIndex((t=>t.unit===e));-1!==o&&(this.timePickerDescriptors=[...this.timePickerDescriptors.slice(0,o),{...this.timePickerDescriptors[o],focusedValue:t},...this.timePickerDescriptors.slice(o+1)])}elementListScrollToTop(e,t,o){const r=this.getElementList(e),n=this.getElementContainer(e,t);if(r&&n){let e=11;this.hideHeader&&(e-=57),r.scrollTo({top:n.offsetTop-r.clientHeight/2+n.clientHeight-e,behavior:o})}}updateScrollPositions(e){for(const t in this.formattedTime)e&&this.formattedTime[t]===e[t]||this.elementListScrollToTop(t,Number(this.formattedTime[t]),"instant")}formatUnitValue(e,t){return function(e,t){return"millisecond"===e?t.toString().padStart(3,"0"):t<10?`0${t}`:t.toString()}(e,t)}getColumnSeparator(e){return function(e,t){return e+1<t.length&&"millisecond"===t[e+1].unit?".":":"}(e,this.timePickerDescriptors)}render(){const{bounds:e}=this.getUnitSelectionContext();return o(r,{key:"d82a36e9f2570227537fa27a4613728b14eb7728"},o("ix-date-time-card",{key:"3176395745458739b9fb9de1b4b1d4f39b1f6d2f",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},o("div",{key:"9defe01ecd678617fa2ecf70c891e6e257a92d65",class:"header",slot:"header"},o("ix-typography",{key:"28e6bc8abc536182d3b63d231913316df54058f0",format:"body"},this.i18nHeader)),o("div",{key:"3aa7571fd61469deadb3ccecb871456926b4f0ca",class:"clock"},this.timePickerDescriptors.map(((t,r)=>o("div",{class:"flex"},o("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},o("div",{class:"column-header",title:t.header},t.header),o("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((r=>{const n=this.getUnitCellTabIndex(t.unit,r),i=!this.canSelectUnitValue(t.unit,r,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,r);return o("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${r}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,r)},onFocus:()=>this.onUnitCellFocus(t.unit,r),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${r}`,tabindex:n},this.formatUnitValue(t.unit,r))})),o("div",{class:"element-list-padding"}))),r!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(r))))),this.timeRef&&o("div",{key:"f9fe74b09d9de0a95f2472d49faf5d675f8732ba",class:"flex"},o("div",{key:"61323b760556dd2de6b55dc92ed4ce1f48d0e184",class:"column-separator"}),o("div",{key:"e4c888487a559ef191dfcf76014251e217a6f00e",class:"columns"},o("div",{key:"0ef38a3e63f0bff2f5ef6774eea41e07d68fd1f4",class:"column-header",title:"AM/PM"}),o("div",{key:"47cd9041e31b25c6d08ccb0eed005a6b9963eaec",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},o("button",{key:"d414632d382a84aa0db2c6f27c18f5b123c0d46a",role:"option","aria-selected":"AM"===this.timeRef?"true":"false","data-am-pm-id":"AM",class:{selected:"AM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("AM"),tabindex:"0","aria-label":"AM"},"AM"),o("button",{key:"1f288055298d5ec21b30137b82c9c729705dd989",role:"option","aria-selected":"PM"===this.timeRef?"true":"false","data-am-pm-id":"PM",class:{selected:"PM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("PM"),tabindex:"0","aria-label":"PM"},"PM"))))),o("div",{key:"afc8804b5164b9fb2606c03fc6fc518ef6b703ed",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},o("ix-button",{key:"743e3b4f53dd35e9a4bfd4b11dce8a524c66f581",class:"confirm-button",disabled:this.isConfirmDisabled(),onClick:()=>{this.timeSelect.emit(this._time?.toFormat(this.format))}},this.i18nConfirmTime))))}static get delegatesFocus(){return!0}static get watchers(){return{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}}};(function(e,t,o,r){var n,i=arguments.length,a=i<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--)(n=e[l])&&(a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a);i>3&&a&&Object.defineProperty(t,o,a)})([h("keydown")],T.prototype,"handleKeyDown",null),T.style='.ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border: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:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .element-container.disabled{cursor:default}:host .clock .element-list .element-container.disabled:not(.selected){color:var(--theme-color-weak-text)}:host .clock .element-list .element-container:not(.selected).disabled:hover,:host .clock .element-list .element-container:not(.selected).disabled:active{background-color:transparent}:host .clock .element-list .element-container.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .element-container.selected:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-container.selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-container.selected.disabled{background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}';export{v as ix_col,y as ix_layout_grid,x as ix_row,T as ix_time_picker}
1
+ import{r as e,f as t,h as o,H as r,M as n,c as i,g as a}from"./p-EBgS4zhE.js";import{m as l}from"./p-D_Hmobxf.js";import{D as s}from"./p-D1WplX1z.js";import{D as d,h as c}from"./p-BWgttsqY.js";import{O as h}from"./p-DVJeDueL.js";import{c as m}from"./p-BClJdFQP.js";import{g as u,i as b,h as p,t as f}from"./p-BFUINhFM.js";import"./p-6ZxKp7Jn.js";const v=class{constructor(t){e(this,t)}static Breakpoints=["","sm","md","lg"];size;sizeSm;sizeMd;sizeLg;onResize(){t(this)}getSize(e){return""===e?this.size:"sm"===e?this.sizeSm:"md"===e?this.sizeMd:"lg"===e?this.sizeLg:void 0}getColumnSize(){let e;return v.Breakpoints.forEach((t=>{if(""!==t&&!l(t))return;const o=this.getSize(t);o&&(e=o)})),e}getColumnSizeStyling(){const e=this.getColumnSize();if(!e)return;if("auto"===e)return{flex:"0 0 auto",width:"auto","max-width":"auto"};const t=`calc(calc(${e} / var(--ix-layout-grid-columns)) * 100%)`;return{flex:`0 0 ${t}`,width:`${t}`,"max-width":`${t}`}}render(){return o(r,{key:"6cb1bfd2e52e79b9904cbed20b2e6f8ba09b5945",style:{...this.getColumnSizeStyling()}},o("slot",{key:"d3bcb1164a364e62f23200fc06d49e8f2a5c72ae"}))}};v.style=":host{position:relative;flex-basis:0;flex-grow:1;width:100%;max-width:100%;min-height:1px;padding:calc(var(--ix-layout-grid-gutter) * 0.5)}: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}";const y=class{constructor(t){e(this,t)}noMargin=!1;gap="24";columns=12;render(){return o(r,{key:"e6f61e2437dcf9815db4f5c1d2f2a13f8e579572",class:{"no-margin":this.noMargin},style:{"--ix-layout-grid-columns":`${this.columns}`,"--ix-layout-grid-gutter":`${this.gap}px`}},o("slot",{key:"485b027cb1717fe267b919d9f6b822a18db66a4f"}))}};y.style=":host{--ix-layout-grid-gutter:24px;display:block;flex:1 1 0%;width:100%;padding-left:calc(var(--ix-layout-grid-gutter) * 0.5);padding-right:calc(var(--ix-layout-grid-gutter) * 0.5)}:host(.no-margin){padding-left:0;padding-right:0}";const x=class{constructor(t){e(this,t)}render(){return o(r,{key:"7c76876500cb51c2e200bc8e7fa70d74e4c33853"},o("slot",{key:"40e1b394378241b5731916a4f0e858ad99d75074"}))}};function g(e,t,o,r){let n,i;if("hour"===t){const e=function(e,t){return"PM"===t?{value:12===e?12:e+12,maxValue:23}:"AM"===t?{value:12===e?0:e,maxValue:11}:{value:e,maxValue:23}}(o,r);n=e.value,i=e.maxValue}else n=o,i=function(e){switch(e){case"minute":case"second":return 59;case"millisecond":return 999;case"hour":return 23}}(t);n>i?n=i:n<0&&(n=0);try{return e.set({[t]:n})}catch{return null}}x.style=":host{display:flex;flex-wrap:wrap}:host(:not(:first-of-type)){margin-block-start:var(--ix-layout-grid-row-margin, 0)}";const k={hours:/\b[Hh]\b|HH|hh|H{3,4}|h{3,4}|t|tt|ttt|tttt|T|TT|TTT|TTTT/,minutes:/\bm\b|mm|t|tt|ttt|tttt|T|TT|TTT|TTTT/,seconds:/\bs\b|ss|tt|ttt|tttt|TT|TTT|TTTT/,milliseconds:/S{1,3}|u{1,3}|[tT]{3,4}/};const w={hour:"",minute:"",second:"",millisecond:""},T=class extends(n(...d)){constructor(t){super(),e(this,t),this.timeSelect=i(this,"timeSelect",7),this.timeChange=i(this,"timeChange",7)}get hostElement(){return a(this)}format="TT";watchFormatIntervalPropHandler(e){e&&(this.initPicker(),this.updateScrollPositions())}corners="rounded";embedded=!1;dateTimePickerAppearance=!1;hideHeader=!1;hourInterval=1;watchHourIntervalPropHandler(e){Number.isInteger(e)&&e>=0&&e<=(this.timeRef?12:23)?this.setTimePickerDescriptors():(this.printIntervalError("hour",e),this.hourInterval=1)}minuteInterval=1;watchMinuteIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("minute",e),this.minuteInterval=1)}secondInterval=1;watchSecondIntervalPropHandler(e){e>=0&&e<=59?this.setTimePickerDescriptors():(this.printIntervalError("second",e),this.secondInterval=1)}millisecondInterval=100;watchMillisecondIntervalPropHandler(e){e>=0&&e<=999?this.setTimePickerDescriptors():(this.printIntervalError("millisecond",e),this.millisecondInterval=100)}printIntervalError(e,t){console.error(`Value ${t} is not valid for ${e}-interval. Falling back to default.`)}warnIfConstraintTimeInvalid(e,t,o){const r=t?.trim();if(!r)return;const n=s.fromFormat(r,this.format);if(n.isValid)return;if(o)return;const i=[n.invalidReason,n.invalidExplanation].filter(Boolean).join(": ");console.warn(`[ix-time-picker] ${e}="${r}" does not match format "${this.format}". The constraint is ignored until the value matches \`format\`.`+(i?` (${i})`:""))}warnIfConstraintRangeInverted(e,t){const o=e?.trim(),r=t?.trim();if(!o||!r)return;const n=s.fromFormat(o,this.format),i=s.fromFormat(r,this.format);n.isValid&&i.isValid&&n>i&&console.warn(`[ix-time-picker] minTime="${o}" is later than maxTime="${r}" for format "${this.format}". Both constraints are ignored.`)}warnConstraintTimesIfInvalid(e){const t=e?.omitUnparsableConstraintWarnings??!1;this.warnIfConstraintTimeInvalid("minTime",this.minTime,t),this.warnIfConstraintTimeInvalid("maxTime",this.maxTime,t),this.warnIfConstraintRangeInverted(this.minTime,this.maxTime)}time;watchTimePropHandler(e){if(void 0===e||""===e)return void(this._time=this.getDefaultTime());const t=s.fromFormat(e,this.format);if(!t.isValid)throw new Error("Format is not supported or not correct");this._time=t}minTime;maxTime;watchMinTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}watchMaxTimePropHandler(){this.warnConstraintTimesIfInvalid(),this.syncKeyboardFocusWithConstraints()}getDefaultTime(){return s.now()}i18nConfirmTime="Confirm";i18nHeader="Time";i18nHourColumnHeader="hr";i18nMinuteColumnHeader="min";i18nSecondColumnHeader="sec";i18nMillisecondColumnHeader="ms";timeSelect;timeChange;async getCurrentTime(){return this._time?.toFormat(this.format)}_time;onTimeChange(){const e=this.formattedTime;this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.updateScrollPositions(e)}timeRef;formattedTime=w;timePickerDescriptors=[];isUnitFocused=!1;focusedUnit="hour";focusedValue=0;visibilityObserver;focusScrollAlignment="start";componentWillLoad(){this.initPicker()}initPicker(){let e,t=!1;this.time?(e=s.fromFormat(this.time,this.format),e.isValid||(t=!0,console.error(`Invalid time format. The configured format does not match the format of the passed time. ${e.invalidReason}: ${e.invalidExplanation}`),e=this.getDefaultTime())):e=this.getDefaultTime(),this._time=e,this.setTimeRef(),this.formattedTime=this.getFormattedTime(),this.setTimePickerDescriptors(),this.setInitialFocusedValueAndUnit(),this.watchHourIntervalPropHandler(this.hourInterval),this.watchMinuteIntervalPropHandler(this.minuteInterval),this.watchSecondIntervalPropHandler(this.secondInterval),this.watchMillisecondIntervalPropHandler(this.millisecondInterval),this.warnConstraintTimesIfInvalid({omitUnparsableConstraintWarnings:t})}componentDidLoad(){super.componentDidLoad?.(),this.updateScrollPositions(),this.setupVisibilityObserver()}componentDidRender(){if(!this.isUnitFocused)return;const e=this.getElementContainer(this.focusedUnit,this.focusedValue),t=this.getElementList(this.focusedUnit);if(e){if(c()){const t=this.hostElement.shadowRoot?.activeElement;t!==e&&e.focus({preventScroll:!0})}this.isElementVisible(e,t)||this.scrollElementIntoView(e,t,this.focusScrollAlignment)}}disconnectedCallback(){this.visibilityObserver&&this.visibilityObserver.disconnect()}handleKeyDown(e){if(!this.isUnitFocused)return;let t=!0;switch(e.key){case"Tab":t=!1,this.isUnitFocused=!1;break;case"ArrowUp":this.focusScrollAlignment="start",this.stepFocusedValue(-1);break;case"ArrowDown":this.focusScrollAlignment="end",this.stepFocusedValue(1);break;case"Enter":case" ":{const{bounds:e}=this.getUnitSelectionContext(),t=this.buildCandidateBaseBeforeUnit(this.focusedUnit);this.canSelectUnitValue(this.focusedUnit,this.focusedValue,e,t)&&this.select(this.focusedUnit,this.focusedValue);break}default:return}t&&e.preventDefault()}onUnitCellBlur(e,t){const o=t.relatedTarget,r=o?.dataset?.elementContainerId?.split("-")[0],n=r===e;if(o&&!n&&r!==e&&this.elementListScrollToTop(e,Number(this.formattedTime[e]),"smooth"),n)return;this.isUnitFocused=!1;const i=this.resolvePreservedFocusedValueOnColumnBlur(e);this.focusedValue=i,this.updateDescriptorFocusedValue(e,i)}onUnitCellFocus(e,t){this.isUnitFocused=!0,this.focusedUnit=e,this.focusedValue=t,this.updateDescriptorFocusedValue(e,t)}getElementList(e){return this.hostElement.shadowRoot?.querySelector(`[data-element-list-id="${e}"]`)}getElementContainer(e,t){return this.hostElement.shadowRoot?.querySelector(`[data-element-container-id="${e}-${t}"]`)}isElementVisible(e,t){const o=e.getBoundingClientRect(),r=t.getBoundingClientRect();return o.top>=r.top&&o.bottom<=r.bottom}scrollElementIntoView(e,t,o){const r=t.getBoundingClientRect(),n=e.getBoundingClientRect();t.scrollTop+="end"===o?n.bottom-r.bottom+1:n.top-r.top-1}setInitialFocusedValueAndUnit(){const e=this.timePickerDescriptors.find((e=>!e.hidden));e&&(this.focusedValue=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray),this.focusedUnit=e.unit)}setupVisibilityObserver(){const e=m(this.hostElement,"ix-dropdown");e&&(this.visibilityObserver=new MutationObserver((e=>this.mutationObserverCallback(e))),this.visibilityObserver.observe(e,{attributes:!0,attributeFilter:["class","style"]}))}mutationObserverCallback(e){for(const t of e)"attributes"===t.type&&(t.target.classList.contains("show")?this.areElementsRendered()&&this.updateScrollPositions():this.time&&s.fromFormat(this.time,this.format).isValid&&(this._time=s.fromFormat(this.time,this.format),this.setInitialFocusedValueAndUnit()))}areElementsRendered(){const e=this.hostElement.shadowRoot?.querySelectorAll(".element-list");return!(!e||0===e.length)&&Array.from(e).some((e=>e.offsetHeight>0))}getFormattedTime(){return this._time?{hour:this._time.toFormat(void 0!==this.timeRef?"h":"H"),minute:this._time.toFormat("m"),second:this._time.toFormat("s"),millisecond:this._time.toFormat("S")}:w}changeTimeReference(e){if(this.timeRef===e)return;this._time||(this._time=s.now().startOf("day"));const t=this._time,o=this.timeRef;this.timeRef=e;const r=this._time.hour;if("PM"===e&&r<12?this._time=this._time.plus({hours:12}):"AM"===e&&r>=12&&(this._time=this._time.minus({hours:12})),!this.isWithinTimeConstraints(this._time))return this._time=t,void(this.timeRef=o);this.timeChange.emit(this._time.toFormat(this.format))}referenceOrNow(){return this._time??s.now()}setTimeRef(){if(!function(e){let t="",o=!1;for(const r of e)"'"===r?o=!o:o||(t+=r);return/[hat]/.test(t)}(this.format))return void(this.timeRef=void 0);const e=this.referenceOrNow();this.timeRef=e.hour>=12?"PM":"AM"}getConstraintBounds(e){const t=(e??this.referenceOrNow()).startOf("day");return u(this.minTime,this.maxTime,this.format,t)}getUnitSelectionContext(){const e=this.referenceOrNow();return{bounds:this.getConstraintBounds(e),selectionBase:this._time??e.startOf("day")}}isWithinTimeConstraints(e){const{min:t,max:o}=this.getConstraintBounds();return b(e,t,o)}canSelectUnitValue(e,t,o,r){const n=r??this._time??s.now().startOf("day"),i=o??this.getConstraintBounds();if("hour"===e&&p(i.min,i.max)){const e=g(n.startOf("day"),"hour",t,this.timeRef);if(!e)return!1;const o=e.set({minute:59,second:59,millisecond:999});return f(e,o,i.min,i.max)}const a=g(n,e,t,this.timeRef);return!!a&&(o?this.isSelectableForUnitWithinBounds(e,a,o):this.isWithinTimeConstraints(a))}isSelectableForUnitWithinBounds(e,t,o){return function(e,t,o){const r=function(e,t){return t.isValid?"hour"===e?{start:t.startOf("hour"),end:t.endOf("hour")}:"minute"===e?{start:t.set({second:0,millisecond:0}),end:t.set({second:59,millisecond:999})}:"second"===e?{start:t.set({millisecond:0}),end:t.set({millisecond:999})}:{start:t,end:t}:null}(e,t);if(!r)return!1;const{min:n,max:i}=o,{start:a,end:l}=r;return!(n&&l<n||i&&a>i)}(e,t,o)}getProvisionalRawValue(e){if(this.focusedUnit===e)return this.focusedValue;const t=this.timePickerDescriptors.map((e=>e.unit)),o=t.indexOf(this.focusedUnit),r=t.indexOf(e);if(-1!==r&&-1!==o&&r<o){const t=this.timePickerDescriptors.find((t=>t.unit===e));if(t)return t.focusedValue}const n=this.formattedTime?.[e];return""===n||void 0===n?0:Number(n)}buildCandidateBaseBeforeUnit(e){const{selectionBase:t}=this.getUnitSelectionContext(),o=this.timePickerDescriptors.map((e=>e.unit)),r=o.indexOf(e);if(r<=0)return t;let n=this._time??t;for(let e=1;e<r;e++){const t=o[e];if(void 0===t)continue;const r=g(n,t,this.getProvisionalRawValue(t),this.timeRef);r&&(n=r)}return n}getConstrainedFocusedValueForUnitWithBase(e,t,o){const{bounds:r}=this.getUnitSelectionContext(),n=Number(this.formattedTime[e]);return t.includes(n)&&this.canSelectUnitValue(e,n,r,o)?n:(()=>t.find((t=>this.canSelectUnitValue(e,t,r,o)))??null)()??t[0]}getConstrainedFocusedValueForUnit(e,t){return this.getConstrainedFocusedValueForUnitWithBase(e,t,this.buildCandidateBaseBeforeUnit(e))}resolvePreservedFocusedValueOnColumnBlur(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e),n=this.focusedValue;return t.includes(n)&&this.canSelectUnitValue(e,n,o,r)?n:this.getConstrainedFocusedValueForUnit(e,t)}syncKeyboardFocusWithConstraints(){if(!this.timePickerDescriptors.length)return;for(const e of this.timePickerDescriptors){const t=this.getConstrainedFocusedValueForUnit(e.unit,e.numberArray);t!==e.focusedValue&&this.updateDescriptorFocusedValue(e.unit,t)}const e=this.getNumberArrayForUnit(this.focusedUnit);if(e.length){const t=this.getConstrainedFocusedValueForUnit(this.focusedUnit,e);t!==this.focusedValue&&(this.focusedValue=t)}}findFirstSelectableInUnit(e){const t=this.getNumberArrayForUnit(e),{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);return t.find((t=>this.canSelectUnitValue(e,t,o,r)))??null}getColumnTabStopValue(e){const t=this.timePickerDescriptors.find((t=>t.unit===e)),o=t?.numberArray??[];if(!t||!o.length)return null;const{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(e),i=t.focusedValue;return o.includes(i)&&this.canSelectUnitValue(e,i,r,n)?i:this.findFirstSelectableInUnit(e)}stepFocusedValue(e){const t=this.focusedUnit,o=this.getNumberArrayForUnit(t),{bounds:r}=this.getUnitSelectionContext(),n=this.buildCandidateBaseBeforeUnit(t),i=function(e,t,o,r){if(!e.length)return null;let n=e.indexOf(t);-1===n&&(n=1===o?-1:e.length);for(const t of e){n=(n+o+e.length)%e.length;const t=e[n];if(r(t))return t}return null}(o,this.focusedValue,e,(e=>this.canSelectUnitValue(t,e,r,n)));null!==i&&(this.focusedValue=i,this.updateDescriptorFocusedValue(t,i))}isConfirmDisabled(){const e=this.referenceOrNow(),{min:t,max:o}=this.getConstraintBounds(e);return!!p(t,o)&&!b(e,t,o)}setTimePickerDescriptors(){const{hourNumbers:e,minuteNumbers:t,secondNumbers:o,millisecondsNumbers:r}=function(e,t){const{hourInterval:o,minuteInterval:r,secondInterval:n,millisecondInterval:i}=e;let a;return a=void 0===t?Array.from({length:Math.ceil(24/o)},((e,t)=>t*o)):Array.from({length:Math.ceil(12/o)},((e,t)=>t*o+1)).filter((e=>e<=12)),{hourNumbers:a,minuteNumbers:Array.from({length:Math.ceil(60/r)},((e,t)=>t*r)),secondNumbers:Array.from({length:Math.ceil(60/n)},((e,t)=>t*n)),millisecondsNumbers:Array.from({length:Math.ceil(1e3/i)},((e,t)=>t*i))}}({hourInterval:this.hourInterval,minuteInterval:this.minuteInterval,secondInterval:this.secondInterval,millisecondInterval:this.millisecondInterval},this.timeRef),{selectionBase:n}=this.getUnitSelectionContext(),i=[{unit:"hour",header:this.i18nHourColumnHeader,hidden:!k.hours.test(this.format),numberArray:e},{unit:"minute",header:this.i18nMinuteColumnHeader,hidden:!k.minutes.test(this.format),numberArray:t},{unit:"second",header:this.i18nSecondColumnHeader,hidden:!k.seconds.test(this.format),numberArray:o},{unit:"millisecond",header:this.i18nMillisecondColumnHeader,hidden:!k.milliseconds.test(this.format),numberArray:r}];let a=n;const l=[];for(const e of i){if(e.hidden)continue;const t=this.getConstrainedFocusedValueForUnitWithBase(e.unit,e.numberArray,a);l.push({unit:e.unit,header:e.header,hidden:!1,numberArray:e.numberArray,focusedValue:t});const o=g(a,e.unit,t,this.timeRef);o&&(a=o)}this.timePickerDescriptors=l}getNumberArrayForUnit(e){const t=this.timePickerDescriptors.find((t=>t.unit===e));return t?t.numberArray:[]}isSelected(e,t){return this.formattedTime[e]===String(t)}getUnitCellTabIndex(e,t){const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return-1;if(this.isUnitFocused&&this.focusedUnit===e)return this.focusedValue===t?0:-1;const n=this.getColumnTabStopValue(e);return null===n?-1:n===t?0:-1}select(e,t){if(this.isSelected(e,t))return;const{bounds:o}=this.getUnitSelectionContext(),r=this.buildCandidateBaseBeforeUnit(e);if(!this.canSelectUnitValue(e,t,o,r))return;const n=g(r,e,t,this.timeRef);n&&(this._time&&n.toMillis()===this._time.toMillis()||(this._time=n,this.elementListScrollToTop(e,t,"smooth"),this.timeChange.emit(this._time.toFormat(this.format))))}updateDescriptorFocusedValue(e,t){const o=this.timePickerDescriptors.findIndex((t=>t.unit===e));-1!==o&&(this.timePickerDescriptors=[...this.timePickerDescriptors.slice(0,o),{...this.timePickerDescriptors[o],focusedValue:t},...this.timePickerDescriptors.slice(o+1)])}elementListScrollToTop(e,t,o){const r=this.getElementList(e),n=this.getElementContainer(e,t);if(r&&n){let e=11;this.hideHeader&&(e-=57),r.scrollTo({top:n.offsetTop-r.clientHeight/2+n.clientHeight-e,behavior:o})}}updateScrollPositions(e){for(const t in this.formattedTime)e&&this.formattedTime[t]===e[t]||this.elementListScrollToTop(t,Number(this.formattedTime[t]),"instant")}formatUnitValue(e,t){return function(e,t){return"millisecond"===e?t.toString().padStart(3,"0"):t<10?`0${t}`:t.toString()}(e,t)}getColumnSeparator(e){return function(e,t){return e+1<t.length&&"millisecond"===t[e+1].unit?".":":"}(e,this.timePickerDescriptors)}render(){const{bounds:e}=this.getUnitSelectionContext();return o(r,{key:"d82a36e9f2570227537fa27a4613728b14eb7728"},o("ix-date-time-card",{key:"3176395745458739b9fb9de1b4b1d4f39b1f6d2f",embedded:this.embedded,timePickerAppearance:!0,corners:this.corners,hasFooter:!this.dateTimePickerAppearance,hideHeader:this.hideHeader},o("div",{key:"9defe01ecd678617fa2ecf70c891e6e257a92d65",class:"header",slot:"header"},o("ix-typography",{key:"28e6bc8abc536182d3b63d231913316df54058f0",format:"body"},this.i18nHeader)),o("div",{key:"3aa7571fd61469deadb3ccecb871456926b4f0ca",class:"clock"},this.timePickerDescriptors.map(((t,r)=>o("div",{class:"flex"},o("div",{class:{columns:!0,hidden:t.hidden},hidden:t.hidden},o("div",{class:"column-header",title:t.header},t.header),o("div",{role:"listbox","aria-label":t.header,"data-element-list-id":t.unit,class:"element-list",tabindex:-1},t.numberArray.map((r=>{const n=this.getUnitCellTabIndex(t.unit,r),i=!this.canSelectUnitValue(t.unit,r,e,this.buildCandidateBaseBeforeUnit(t.unit)),a=this.isSelected(t.unit,r);return o("button",{role:"option","aria-selected":a?"true":"false","data-element-container-id":`${t.unit}-${r}`,class:{selected:a,"element-container":!0,disabled:i},disabled:i,onClick:()=>{this.select(t.unit,r)},onFocus:()=>this.onUnitCellFocus(t.unit,r),onBlur:e=>this.onUnitCellBlur(t.unit,e),"aria-label":`${t.header}: ${r}`,tabindex:n},this.formatUnitValue(t.unit,r))})),o("div",{class:"element-list-padding"}))),r!==this.timePickerDescriptors.length-1&&o("div",{class:{"column-separator":!0,hidden:t.hidden}},this.getColumnSeparator(r))))),this.timeRef&&o("div",{key:"f9fe74b09d9de0a95f2472d49faf5d675f8732ba",class:"flex"},o("div",{key:"61323b760556dd2de6b55dc92ed4ce1f48d0e184",class:"column-separator"}),o("div",{key:"e4c888487a559ef191dfcf76014251e217a6f00e",class:"columns"},o("div",{key:"0ef38a3e63f0bff2f5ef6774eea41e07d68fd1f4",class:"column-header",title:"AM/PM"}),o("div",{key:"47cd9041e31b25c6d08ccb0eed005a6b9963eaec",role:"listbox","aria-label":"AM/PM",class:"element-list",tabindex:-1},o("button",{key:"d414632d382a84aa0db2c6f27c18f5b123c0d46a",role:"option","aria-selected":"AM"===this.timeRef?"true":"false","data-am-pm-id":"AM",class:{selected:"AM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("AM"),tabindex:"0","aria-label":"AM"},"AM"),o("button",{key:"1f288055298d5ec21b30137b82c9c729705dd989",role:"option","aria-selected":"PM"===this.timeRef?"true":"false","data-am-pm-id":"PM",class:{selected:"PM"===this.timeRef,"element-container":!0},onClick:()=>this.changeTimeReference("PM"),tabindex:"0","aria-label":"PM"},"PM"))))),o("div",{key:"afc8804b5164b9fb2606c03fc6fc518ef6b703ed",class:{footer:!0,"footer--compact":this.timePickerDescriptors.length<=2},slot:"footer"},o("ix-button",{key:"743e3b4f53dd35e9a4bfd4b11dce8a524c66f581",class:"confirm-button",disabled:this.isConfirmDisabled(),onClick:()=>{this.timeSelect.emit(this._time?.toFormat(this.format))}},this.i18nConfirmTime))))}static get delegatesFocus(){return!0}static get watchers(){return{format:[{watchFormatIntervalPropHandler:0}],hourInterval:[{watchHourIntervalPropHandler:0}],minuteInterval:[{watchMinuteIntervalPropHandler:0}],secondInterval:[{watchSecondIntervalPropHandler:0}],millisecondInterval:[{watchMillisecondIntervalPropHandler:0}],time:[{watchTimePropHandler:0}],minTime:[{watchMinTimePropHandler:0}],maxTime:[{watchMaxTimePropHandler:0}],_time:[{onTimeChange:0}]}}};(function(e,t,o,r){var n,i=arguments.length,a=i<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--)(n=e[l])&&(a=(i<3?n(a):i>3?n(t,o,a):n(t,o))||a);i>3&&a&&Object.defineProperty(t,o,a)})([h("keydown")],T.prototype,"handleKeyDown",null),T.style='.ix-form-control,.ix-form-control-plaintext{color:var(--theme-input--color);border-radius:var(--theme-input--border-radius);height:2rem;min-height:2rem;min-width:2rem;background-color:var(--theme-input--background);border:solid 1px var(--theme-input--border-color);box-shadow:var(--theme-input--box-shadow);padding-inline-start:0.5rem;padding-inline-end:0.5rem;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ix-form-control::-moz-placeholder,.ix-form-control-plaintext::-moz-placeholder{color:var(--theme-input-hint--color)}.ix-form-control::placeholder,.ix-form-control-plaintext::placeholder{color:var(--theme-input-hint--color)}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled),.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled){cursor:pointer}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):hover,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled).hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover);cursor:auto}.ix-form-control:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:-moz-read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible,.ix-form-control-plaintext:not(:read-only):not([readonly]):not([readOnly]):not(.readonly):not(.disabled):not(:disabled):focus-visible{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline-offset:var(--theme-input--focus--outline-offset);box-shadow:var(--theme-input--box-shadow);outline:1px solid var(--theme-color-focus-bdr)}.ix-form-control:focus-visible{color:var(--theme-input--color)}.ix-form-control[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}.ix-form-control[type=number]{text-align:right}.ix-form-control.readonly,.ix-form-control[readonly]{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem}.ix-form-control:-moz-read-only{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only,.ix-form-control[readonly],.ix-form-control[readOnly],.ix-form-control.readonly{box-shadow:none !important;outline:none !important;border-color:var(--theme-input--border-color);cursor:default !important}.ix-form-control:read-only::-moz-placeholder,.ix-form-control[readonly]::-moz-placeholder,.ix-form-control[readOnly]::-moz-placeholder,.ix-form-control.readonly::-moz-placeholder{color:transparent}.ix-form-control:-moz-read-only::placeholder{color:transparent}.ix-form-control:read-only::placeholder,.ix-form-control[readonly]::placeholder,.ix-form-control[readOnly]::placeholder,.ix-form-control.readonly::placeholder{color:transparent}.ix-form-control:disabled,.ix-form-control.disabled{background:transparent !important;border-block-start:none !important;border-inline-start:none !important;border-inline-end:none !important;border-radius:0rem;color:var(--theme-color-weak-text);border-color:var(--theme-input--border-color-bottom--disabled)}.ix-form-control:disabled::-moz-placeholder,.ix-form-control.disabled::-moz-placeholder{color:transparent}.ix-form-control:disabled::placeholder,.ix-form-control.disabled::placeholder{color:transparent}.ix-form-control-plaintext{outline:0}.form-group{position:relative}.input-wrapper{display:flex;position:relative;align-items:center;flex-wrap:nowrap}.input-wrapper>.glyph{display:block;position:absolute;margin-inline-start:0.312rem;color:var(--theme-color-std-text)}.input-wrapper>input{padding-inline-start:2.2rem}select.ix-form-control{padding:0 0.312rem}textarea.ix-form-control{padding:0.375rem 0.5rem}input.ix-form-control.disabled,input.ix-form-control:disabled{color:var(--theme-input--color--disabled)}input.ix-form-control:-moz-read-only{cursor:default}input.ix-form-control:read-only,input.ix-form-control.readonly{cursor:default}input{min-height:2rem;width:auto;padding:0.25rem 0.5rem;background-color:var(--theme-input--background);color:var(--theme-input--color);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;text-overflow:ellipsis;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);box-shadow:var(--theme-input--box-shadow);font-feature-settings:"clig" off, "liga" off;font-family:Siemens Sans, Siemens Sans, Arial, Helvetica, sans-serif;font-style:normal;font-size:var(--theme-ms-0);line-height:var(--theme-line-height-md);font-weight:var(--theme-font-weight-normal);letter-spacing:var(--theme-letter-spacing-xl);text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}input[type=number]{text-align:right}input[type=number]::-webkit-inner-spin-button{margin-right:-2px;margin-left:2px;display:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input:-webkit-autofill,input:autofill{-webkit-box-shadow:0 0 0 1000px var(--theme-color-component-info) inset !important;-webkit-text-fill-color:var(--theme-input--color--autofill) !important;background-color:var(--theme-input--background--autofill) !important;border:var(--theme-input--border-thickness, 1px) solid var(--theme-input--border-color--autofill) !important;color:var(--theme-input--color--autofill) !important}input::-moz-placeholder{color:var(--theme-input-hint--color)}input::placeholder{color:var(--theme-input-hint--color)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:hover:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){border-color:var(--theme-input--border-color--hover) !important;background-color:var(--theme-input--background--hover)}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:-moz-read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input.focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only),input:focus:not(.readonly,.read-only,.disabled,[readonly],[disabled],:read-only){outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-input--focus--outline-offset);border-color:var(--theme-input--border-color--focus) !important}input:-moz-read-only{box-shadow:none;background-color:transparent;outline:none;border: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:block;position:relative;width:-moz-fit-content;width:fit-content}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .standaloneAppearance{box-shadow:none}:host .hidden{display:none}:host .header{display:flex;align-items:center;justify-content:center;height:2rem}:host .clock{display:flex;justify-content:center;align-items:start}:host .clock .flex{display:flex;height:100%;align-items:start}:host .clock .flex .columns{display:flex;flex-direction:column;align-items:center;justify-content:space-around}:host .clock .flex .columns .column-header{height:2.5rem;width:2.5rem;line-height:2.5rem;text-align:center;color:var(--theme-color-soft-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}:host .clock .flex .column-separator{display:flex;align-items:center;justify-content:center;min-height:100%;margin-top:3rem;width:0.5rem}:host .clock .element-list{list-style-type:none;overflow:auto;padding:0.0625rem;margin:-0.0625rem;max-height:15.75rem}:host .clock .element-list button{all:unset}:host .clock .element-list .element-container{box-sizing:border-box;width:2.5rem;height:2.5rem;margin-bottom:0.125rem;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--theme-color-primary)}:host .clock .element-list .element-container:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--hover)}:host .clock .element-list .element-container:focus-visible{box-shadow:0 0 0 1px var(--theme-color-focus-bdr)}:host .clock .element-list .element-container.disabled{cursor:default}:host .clock .element-list .element-container.disabled:not(.selected){color:var(--theme-color-weak-text)}:host .clock .element-list .element-container:not(.selected).disabled:hover,:host .clock .element-list .element-container:not(.selected).disabled:active{background-color:transparent}:host .clock .element-list .element-container.selected{background-color:var(--theme-datepicker-day--background--selected);color:var(--theme-datepicker-day--color--selected);font-weight:var(--theme-font-weight-bold)}:host .clock .element-list .element-container.selected:hover:not(.disabled){background-color:var(--theme-datepicker-day--background--selected-hover)}:host .clock .element-list .element-container.selected:focus-visible{border:0.0625rem solid var(--theme-color-inv-contrast-text)}:host .clock .element-list .element-container.selected.disabled{background-color:var(--theme-datepicker-day--background--selected-disabled);color:var(--theme-datepicker-day--color--selected-disabled)}:host .clock .element-list .element-list-padding{width:2.5rem;height:13.125rem;min-height:13.125rem}:host .clock div.element-list{scrollbar-width:none;-ms-overflow-style:none}:host .clock div.element-list::-webkit-scrollbar{display:none}:host .footer{display:flex;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}:host .footer .confirm-button{margin-left:auto}:host .footer--compact{flex-direction:column;align-items:center}:host .footer--compact .confirm-button{margin-left:initial}:host .default-space{margin-left:1rem}:host .text-align{text-align:center}';export{v as ix_col,y as ix_layout_grid,x as ix_row,T as ix_time_picker}