@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{p as a,H as o,e as r,h as t,d as e,t as n}from"./p-CtDOTMOT.js";import{h as c}from"./p-BtSt9tC5.js";let d=0;const i=(a="expand-content")=>[a,d++].join("-"),s=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.accordionExpand=r(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return this}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"cdd4feba2b9ae022141114a75d9ae13910c35915",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"9357ac651cef1c1d1f570faf906ba08e403652ff",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":i(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"9d55b5013a6f4aff50d9f904e4e0730713c8dcf4",name:c,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"57ddf6374b94637e674e1c061344cec87a20addc",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"bfacd0c7e4202aeba7058bc563b79357dd2d589e",class:"expand-content-inner"},t("div",{key:"ed870153b656930325a35b0921e8f23f7dcee97e",class:"expand-content-body"},t("slot",{key:"893b6669078807112cf23c6b17f94eab7697fa34"})),t("div",{key:"d41b94230091bcfedb81305656eb0101e7afb952",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}static get style(){return':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}'}},[769,"ix-card-accordion",{ariaLabelExpandButton:[1,"aria-label-expand-button"],collapse:[4],variant:[1],expandContent:[32]},void 0,{collapse:[{onInitialExpandChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ix-card-accordion"].forEach((a=>{"ix-card-accordion"===a&&(customElements.get(n(a))||customElements.define(n(a),s))}))}export{s as C,h as d}
1
+ import{p as a,H as o,e as r,h as t,d as e,t as n}from"./p-CtDOTMOT.js";import{h as c}from"./p-BtSt9tC5.js";let d=0;const i=(a="expand-content")=>[a,d++].join("-"),s=a(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.accordionExpand=r(this,"accordionExpand",7)}ariaLabelExpandButton;collapse=!1;variant="outline";get hostElement(){return this}accordionExpand;expandContent=!1;onInitialExpandChange(){this.expandContent=!this.collapse}get expandedContent(){return this.hostElement.shadowRoot.querySelector(".expand-content")}onExpandActionClick(a){a.preventDefault(),a.stopPropagation(),this.expandContent=!this.expandContent,this.accordionExpand.emit({expand:this.expandContent,nativeEvent:a}),this.expandContent&&this.scrollExpandedContentIntoView()}scrollExpandedContentIntoView(){setTimeout((()=>{this.expandedContent.getBoundingClientRect().bottom>window.innerHeight&&this.hostElement.shadowRoot.querySelector(".expand-content").scrollIntoView(!1)}),150)}componentWillLoad(){this.onInitialExpandChange()}render(){return t(e,{key:"5895eac0bfacb903c7c0d4b8119fa1c5740d0a38",slot:"card-accordion",class:{[`variant-${this.variant}`]:!0}},t("button",{key:"269999da5591350946e1f2cf9f767617f0afbeec",tabIndex:0,class:{"expand-action":!0,show:this.expandContent},onClick:a=>this.onExpandActionClick(a),role:"button",type:"button","aria-expanded":this.expandContent,"aria-controls":i(),"aria-label":this.ariaLabelExpandButton},t("ix-icon",{key:"566dd098a706b8a6f3e6d92d00f05d768fe429c3",name:c,class:{"expand-icon":!0,show:this.expandContent}})),t("div",{key:"38259672ff7307ab14d1f90216950aace14bfe1b",class:{"expand-content":!0,show:this.expandContent}},t("div",{key:"a9c79af5f2beea7bc3cc5f9f5c182438c363e220",class:"expand-content-inner"},t("div",{key:"a460bd87f4f7e1eb40072a756f9f1ffcd23451eb",class:"expand-content-body"},t("slot",{key:"916a58024ec98a54b9e348de6544d48981824e5f"})),t("div",{key:"9f45502dfb26f863e4a010e237bc7db3de534f45",class:"expand-content-footer"}))))}static get watchers(){return{collapse:[{onInitialExpandChange:0}]}}static get style(){return':host{display:flex;position:relative;flex-direction:column;width:100%;transition:var(--theme-default-time) ease-in-out}: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 .expand-action{all:unset;display:flex;position:relative;-webkit-appearance:button;-moz-appearance:button;appearance:button;height:2.5rem;width:100%;align-items:center;justify-content:flex-start}:host .expand-action:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .expand-action::before{content:"";position:absolute;width:100%;height:100%;background-color:var(--ix-card-background);z-index:-1}:host .expand-icon{margin-left:0.5rem;transition:var(--theme-default-time) transform ease-in-out}:host .expand-icon.show{transform:rotate(180deg)}:host .expand-content{display:grid;position:relative;grid-template-rows:0fr;transition:var(--theme-default-time) ease-in-out;width:100%;max-height:14.75rem;opacity:0}:host .expand-content.show{grid-template-rows:14.75rem;opacity:1}:host .expand-content-inner{position:relative;height:100%;overflow:hidden}:host .expand-content.show .expand-content-body{display:none;overflow:hidden;color:var(--theme-color-std-text)}:host .expand-content.show .expand-content-body{display:block;overflow:auto;height:calc(100% - 1rem)}:host .expand-content-footer{display:block;position:relative;width:100%;height:1rem;margin-top:auto;margin-bottom:0px;background-color:var(--theme-color-component-1);border-bottom-left-radius:var(--theme-default-border-radius);border-bottom-right-radius:var(--theme-default-border-radius)}:host(.variant-outline) .expand-action{background-color:var(--theme-push-card-outline-accordion--background)}:host(.variant-outline) .expand-action:hover{background:var(--theme-push-card-outline-accordion--background--hover)}:host(.variant-outline) .expand-action:active{background:var(--theme-push-card-outline-accordion--background--active)}:host(.variant-outline) .expand-content{background-color:var(--theme-push-card-outline-accordion-frame--background)}:host(.variant-outline) .expand-content.show{border:var(--theme-push-card-outline-accordion-frame--border-width, 0px) solid var(--theme-push-card-outline-accordion-frame--border-color)}:host(.variant-outline) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-outline) .expand-content-footer{background-color:var(--theme-push-card-outline-accordion-footer--background)}:host(.variant-filled) .expand-action{background-color:var(--theme-push-card-filled-accordion--background)}:host(.variant-filled) .expand-action:hover{background:var(--theme-push-card-filled-accordion--background--hover)}:host(.variant-filled) .expand-action:active{background:var(--theme-push-card-filled-accordion--background--active)}:host(.variant-filled) .expand-content{background-color:var(--theme-push-card-filled-accordion-frame--background)}:host(.variant-filled) .expand-content.show{border:var(--theme-push-card-filled-accordion-frame--border-width, 0px) solid var(--theme-push-card-filled-accordion-frame--border-color)}:host(.variant-filled) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-filled) .expand-content-footer{background-color:var(--theme-push-card-filled-accordion-footer--background)}:host(.variant-alarm) .expand-action{background-color:var(--theme-push-card-alarm-accordion--background)}:host(.variant-alarm) .expand-action:hover{background:var(--theme-push-card-alarm-accordion--background--hover)}:host(.variant-alarm) .expand-action:active{background:var(--theme-push-card-alarm-accordion--background--active)}:host(.variant-alarm) .expand-content{background-color:var(--theme-push-card-alarm-accordion-frame--background)}:host(.variant-alarm) .expand-content.show{border:var(--theme-push-card-alarm-accordion-frame--border-width, 0px) solid var(--theme-push-card-alarm-accordion-frame--border-color)}:host(.variant-alarm) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-alarm) .expand-content-footer{background-color:var(--theme-push-card-alarm-accordion-footer--background)}:host(.variant-critical) .expand-action{background-color:var(--theme-push-card-critical-accordion--background)}:host(.variant-critical) .expand-action:hover{background:var(--theme-push-card-critical-accordion--background--hover)}:host(.variant-critical) .expand-action:active{background:var(--theme-push-card-critical-accordion--background--active)}:host(.variant-critical) .expand-content{background-color:var(--theme-push-card-critical-accordion-frame--background)}:host(.variant-critical) .expand-content.show{border:var(--theme-push-card-critical-accordion-frame--border-width, 0px) solid var(--theme-push-card-critical-accordion-frame--border-color)}:host(.variant-critical) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-critical) .expand-content-footer{background-color:var(--theme-push-card-critical-accordion-footer--background)}:host(.variant-warning) .expand-action{background-color:var(--theme-push-card-warning-accordion--background)}:host(.variant-warning) .expand-action:hover{background:var(--theme-push-card-warning-accordion--background--hover)}:host(.variant-warning) .expand-action:active{background:var(--theme-push-card-warning-accordion--background--active)}:host(.variant-warning) .expand-content{background-color:var(--theme-push-card-warning-accordion-frame--background)}:host(.variant-warning) .expand-content.show{border:var(--theme-push-card-warning-accordion-frame--border-width, 0px) solid var(--theme-push-card-warning-accordion-frame--border-color)}:host(.variant-warning) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-warning) .expand-content-footer{background-color:var(--theme-push-card-warning-accordion-footer--background)}:host(.variant-success) .expand-action{background-color:var(--theme-push-card-success-accordion--background)}:host(.variant-success) .expand-action:hover{background:var(--theme-push-card-success-accordion--background--hover)}:host(.variant-success) .expand-action:active{background:var(--theme-push-card-success-accordion--background--active)}:host(.variant-success) .expand-content{background-color:var(--theme-push-card-success-accordion-frame--background)}:host(.variant-success) .expand-content.show{border:var(--theme-push-card-success-accordion-frame--border-width, 0px) solid var(--theme-push-card-success-accordion-frame--border-color)}:host(.variant-success) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-success) .expand-content-footer{background-color:var(--theme-push-card-success-accordion-footer--background)}:host(.variant-info) .expand-action{background-color:var(--theme-push-card-info-accordion--background)}:host(.variant-info) .expand-action:hover{background:var(--theme-push-card-info-accordion--background--hover)}:host(.variant-info) .expand-action:active{background:var(--theme-push-card-info-accordion--background--active)}:host(.variant-info) .expand-content{background-color:var(--theme-push-card-info-accordion-frame--background)}:host(.variant-info) .expand-content.show{border:var(--theme-push-card-info-accordion-frame--border-width, 0px) solid var(--theme-push-card-info-accordion-frame--border-color)}:host(.variant-info) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-info) .expand-content-footer{background-color:var(--theme-push-card-info-accordion-footer--background)}:host(.variant-neutral) .expand-action{background-color:var(--theme-push-card-neutral-accordion--background)}:host(.variant-neutral) .expand-action:hover{background:var(--theme-push-card-neutral-accordion--background--hover)}:host(.variant-neutral) .expand-action:active{background:var(--theme-push-card-neutral-accordion--background--active)}:host(.variant-neutral) .expand-content{background-color:var(--theme-push-card-neutral-accordion-frame--background)}:host(.variant-neutral) .expand-content.show{border:var(--theme-push-card-neutral-accordion-frame--border-width, 0px) solid var(--theme-push-card-neutral-accordion-frame--border-color)}:host(.variant-neutral) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-neutral) .expand-content-footer{background-color:var(--theme-push-card-neutral-accordion-footer--background)}:host(.variant-primary) .expand-action{background-color:var(--theme-push-card-primary-accordion--background)}:host(.variant-primary) .expand-action:hover{background:var(--theme-push-card-primary-accordion--background--hover)}:host(.variant-primary) .expand-action:active{background:var(--theme-push-card-primary-accordion--background--active)}:host(.variant-primary) .expand-content{background-color:var(--theme-push-card-primary-accordion-frame--background)}:host(.variant-primary) .expand-content.show{border:var(--theme-push-card-primary-accordion-frame--border-width, 0px) solid var(--theme-push-card-primary-accordion-frame--border-color)}:host(.variant-primary) .expand-content.show .expand-content-body{color:var(--theme-color-std-text)}:host(.variant-primary) .expand-content-footer{background-color:var(--theme-push-card-primary-accordion-footer--background)}'}},[769,"ix-card-accordion",{ariaLabelExpandButton:[1,"aria-label-expand-button"],collapse:[4],variant:[1],expandContent:[32]},void 0,{collapse:[{onInitialExpandChange:0}]}]);function h(){"undefined"!=typeof customElements&&["ix-card-accordion"].forEach((a=>{"ix-card-accordion"===a&&(customElements.get(n(a))||customElements.define(n(a),s))}))}export{s as C,h as d}
@@ -1 +1 @@
1
- import{p as t,H as e,h as i,d as s,t as r}from"./p-CtDOTMOT.js";import{b as o}from"./p-C21npbUc.js";import{i as a}from"./p-XBTykBKS.js";import{m as l}from"./p-Djkc69iv.js";import{c as n}from"./p-Dw_A3HUC.js";import{d as h}from"./p-DhWkcMmR.js";import{c as f}from"./p-BWknDysp.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}required;htmlFor;controlRef;isInvalid=!1;textOverflow="wrap";explicitIsInvalid=void 0;isInvalidChanged(t){this.explicitIsInvalid=t}htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));htmlForClassObserver;controlRefClassObserver;a11yAttributes={};labelRef=l();connectedCallback(){this.registerHtmlForObserver(),this.registerControlRefObserver()}disconnectedCallback(){this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.controlRefClassObserver&&this.controlRefClassObserver.destroy()}componentWillRender(){this.checkForInternalState(),n(this.hostElement,"ix-range-field")&&(this.textOverflow="no-wrap")}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){"undefined"!=typeof window&&(this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlFor&&this.htmlForObserver.observe(window.document,{childList:!0,subtree:!0}))}async registerControlRefObserver(){if("undefined"!=typeof window&&(this.controlRefClassObserver&&this.controlRefClassObserver.destroy(),this.controlRef&&!this.htmlFor)){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=f(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.htmlForClassObserver=f(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){const e=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid");this.isInvalid=this.explicitIsInvalid??e}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t)return"boolean"==typeof t.required&&(this.required=t.required),this.registerHtmlForClassObserver(t),void this.checkForInvalidState(t)}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;e=a(t)?await t.getNativeInputElement():t,"function"==typeof e.focus&&e.focus()}}this.controlRef&&(await this.controlRef.waitForCurrent()).focus()}render(){return i(s,{key:"ae3bda5074f387a20d9d464a7237584bf9cd185f",onClick:()=>this.focusOnClick(),class:{"text-overflow-wrap":"wrap"===this.textOverflow,"text-overflow-no-wrap":"no-wrap"===this.textOverflow}},i("label",{key:"1813ab2ed336d585667522a9e01f30891da1c794",htmlFor:this.htmlFor,...this.a11yAttributes,ref:this.labelRef},i("ix-typography",{key:"0af94d2c01fbaf5450af1d7a5beeb591401dd4f3",textColor:this.isInvalid?"alarm":"soft",format:"label"},i("slot",{key:"4eff5cfac2491d6a716b8def24671422c5796a15"}),this.required&&i("span",{key:"d466918f68a18d7474b607827649baf67caf0a01"},"*"))))}static get watchers(){return{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}}static get style(){return":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}:host(.text-overflow-no-wrap){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.text-overflow-no-wrap) ix-typography{text-overflow:ellipsis;overflow:hidden}"}},[769,"ix-field-label",{required:[1540],htmlFor:[513,"html-for"],controlRef:[16],isInvalid:[1028,"is-invalid"],textOverflow:[32]},void 0,{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}]);function c(){"undefined"!=typeof customElements&&["ix-field-label","ix-typography"].forEach((t=>{switch(t){case"ix-field-label":customElements.get(r(t))||customElements.define(r(t),d);break;case"ix-typography":customElements.get(r(t))||h()}}))}export{d as F,c as d}
1
+ import{p as t,H as e,h as i,d as s,t as r}from"./p-CtDOTMOT.js";import{b as o}from"./p-C21npbUc.js";import{i as a}from"./p-XBTykBKS.js";import{m as l}from"./p-Djkc69iv.js";import{c as n}from"./p-Dw_A3HUC.js";import{d as h}from"./p-1KOHyx-1.js";import{c as d}from"./p-BWknDysp.js";const c=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get hostElement(){return this}required;htmlFor;controlRef;isInvalid=!1;textOverflow="wrap";explicitIsInvalid=void 0;isInvalidChanged(t){this.explicitIsInvalid=t}htmlForObserver=new MutationObserver((()=>this.checkForInternalState()));htmlForClassObserver;controlRefClassObserver;a11yAttributes={};labelRef=l();connectedCallback(){this.registerHtmlForObserver(),this.registerControlRefObserver()}disconnectedCallback(){this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.controlRefClassObserver&&this.controlRefClassObserver.destroy()}componentWillRender(){this.checkForInternalState(),n(this.hostElement,"ix-range-field")&&(this.textOverflow="no-wrap")}componentWillLoad(){this.a11yAttributes=o(this.hostElement)}registerHtmlForObserver(){"undefined"!=typeof window&&(this.htmlForObserver&&this.htmlForObserver.disconnect(),this.htmlFor&&this.htmlForObserver.observe(window.document,{childList:!0,subtree:!0}))}async registerControlRefObserver(){if("undefined"!=typeof window&&(this.controlRefClassObserver&&this.controlRefClassObserver.destroy(),this.controlRef&&!this.htmlFor)){const t=await this.controlRef.waitForCurrent();this.controlRefClassObserver=d(t,(()=>this.checkForInvalidState(t)))}}registerHtmlForClassObserver(t){this.htmlForClassObserver&&this.htmlForClassObserver.destroy(),this.htmlForClassObserver=d(t,(()=>this.checkForInvalidState(t)))}checkForInvalidState(t){const e=t.classList.contains("is-invalid")||t.classList.contains("ix-invalid");this.isInvalid=this.explicitIsInvalid??e}async checkForInternalState(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t)return"boolean"==typeof t.required&&(this.required=t.required),this.registerHtmlForClassObserver(t),void this.checkForInvalidState(t)}if(this.controlRef){const t=await this.controlRef.waitForCurrent();this.required=t.required}}async focusOnClick(){if(this.htmlFor){const t=document.getElementById(this.htmlFor);if(t){let e=null;e=a(t)?await t.getNativeInputElement():t,"function"==typeof e.focus&&e.focus()}}this.controlRef&&(await this.controlRef.waitForCurrent()).focus()}render(){return i(s,{key:"0fdcf56a50a448dd0d58e70d4389105d79ace1d3",onClick:()=>this.focusOnClick(),class:{"text-overflow-wrap":"wrap"===this.textOverflow,"text-overflow-no-wrap":"no-wrap"===this.textOverflow}},i("label",{key:"985b6494c3ecc3cbe3071a352dd375a785366ea7",htmlFor:this.htmlFor,...this.a11yAttributes,ref:this.labelRef},i("ix-typography",{key:"1fae47aef80983c02272b73b5d2de4969aa87daf",textColor:this.isInvalid?"alarm":"soft",format:"label"},i("slot",{key:"706a5c9687ac5fea48d9efda67b660ed78b999df"}),this.required&&i("span",{key:"fa1da16ab40a270019534c26b17e8771f478eb4e"},"*"))))}static get watchers(){return{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}}static get style(){return":host{display:inline-block;position:relative;margin-top:0.5rem;margin-bottom:0.25rem}:host(.text-overflow-no-wrap){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host(.text-overflow-no-wrap) ix-typography{text-overflow:ellipsis;overflow:hidden}"}},[769,"ix-field-label",{required:[1540],htmlFor:[513,"html-for"],controlRef:[16],isInvalid:[1028,"is-invalid"],textOverflow:[32]},void 0,{isInvalid:[{isInvalidChanged:0}],htmlFor:[{registerHtmlForObserver:0}],controlRef:[{registerControlRefObserver:0}]}]);function f(){"undefined"!=typeof customElements&&["ix-field-label","ix-typography"].forEach((t=>{switch(t){case"ix-field-label":customElements.get(r(t))||customElements.define(r(t),c);break;case"ix-typography":customElements.get(r(t))||h()}}))}export{c as F,f as d}
@@ -0,0 +1 @@
1
+ import{p as t,H as o,e,h as a,d as s,t as r}from"./p-CtDOTMOT.js";import{u as i,c as n,a as c,b as l,d}from"./p-BtSt9tC5.js";import{d as h}from"./p-3VG6z9c3.js";import{d as b}from"./p-Dwe6tWhq.js";import{d as m}from"./p-1KOHyx-1.js";const u=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.closeToast=e(this,"closeToast",7)}type="info";toastTitle;autoCloseDelay=5e3;preventAutoClose=!1;icon;iconColor;hideIcon=!1;ariaLabelCloseIconButton="Close toast";closeToast;progress=0;touched=!1;paused=!1;get hostElement(){return this}getIcon(){if(this.icon)return a("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return a("ix-icon",{"data-testid":"toast-icon",name:d,size:"24",color:"color-std-text"});case"error":return a("ix-icon",{"data-testid":"toast-icon",name:l,size:"24",color:"color-alarm"});case"success":return a("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-success"});case"warning":return a("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-warning-text"});default:return""}}close(){this.hostElement&&this.hostElement.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}async pause(){this.paused=!0}async resume(){this.paused=!1}async isPaused(){return this.paused||this.touched}render(){let t={};const o=["toast-progress-bar"];return t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched||this.paused?"paused":"running"},o.push("toast-progress-bar--animated"),a(s,{key:"f786bd46ed3cf18e869aa03c1af675f69bdcf75d",role:"alert","aria-live":"polite","aria-atomic":"true",class:"animate__animated animate__fadeIn"},a("div",{key:"512ed44cc950fc819045c62478ba0ea42f1b58ae",class:"toast-body",onPointerLeave:()=>{this.touched=!1},onPointerEnter:()=>{this.touched=!0}},!this.type&&!this.icon||this.hideIcon?null:a("div",{class:"toast-icon"},this.getIcon()),a("div",{key:"195dd2bf1980e05fb91b119d06ab50397fbbdc9e",class:"toast-content"},this.toastTitle?a("ix-typography",{class:"toast-title",format:"h5"},this.toastTitle):null,a("div",{key:"c4b1b4f0e2325706656302ce0cdb0de56255d8e6",class:"toast-message"},a("slot",{key:"778be19bb15122ed4cfc2bf9e362036aec8d366e"})),a("div",{key:"e370c4935d412c442f804e65c4528fb6981e6c83",class:"toast-action"},a("slot",{key:"6f6f6a7a2598bb42970d7a0abbea3e882d9d32b7",name:"action"}))),a("div",{key:"5021c6330fbe47a620a5b405e4e191a0d10ff047",class:"toast-close"},a("ix-icon-button",{key:"f8b2e9ca0f4cfadc1686f243ac3487e9ff029b81",icon:i,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>this.closeToast.emit(),"aria-label":this.ariaLabelCloseIconButton}))),!this.preventAutoClose&&a("div",{key:"f85b6f0863ccb35af38895e12a7c53bfcb2d6571",class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{0===this.progress&&this.close()}}))}static get style(){return":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius, var(--theme-toast--border-radus));box-shadow:var(--theme-toast--box-shadow);--animate-duration:var(--theme-medium-time)}: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 .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem 0.75rem 0.25rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;padding:0.25rem}:host .toast-body .toast-content{overflow:hidden;min-width:0;width:100%;padding:0.25rem}:host .toast-body .toast-content .toast-title{min-width:0;margin:0.25rem 0px;overflow-wrap:break-word;word-break:break-word}:host .toast-body .toast-content .toast-message{min-width:0;overflow-wrap:break-word;word-break:break-word;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}:host .toast-body .toast-content .toast-action{margin-top:0.5rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px;opacity:0.6}:host .toast-close:hover{opacity:1}:host .toast-progress-bar{position:absolute;bottom:0;height:0.125rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}"}},[769,"ix-toast",{type:[513],toastTitle:[1,"toast-title"],autoCloseDelay:[2,"auto-close-delay"],preventAutoClose:[4,"prevent-auto-close"],icon:[1],iconColor:[1,"icon-color"],hideIcon:[4,"hide-icon"],ariaLabelCloseIconButton:[1,"aria-label-close-icon-button"],progress:[32],touched:[32],paused:[32],pause:[64],resume:[64],isPaused:[64]}]);function f(){"undefined"!=typeof customElements&&["ix-toast","ix-icon-button","ix-spinner","ix-typography"].forEach((t=>{switch(t){case"ix-toast":customElements.get(r(t))||customElements.define(r(t),u);break;case"ix-icon-button":customElements.get(r(t))||h();break;case"ix-spinner":customElements.get(r(t))||b();break;case"ix-typography":customElements.get(r(t))||m()}}))}export{u as T,f as d}
@@ -1 +1 @@
1
- import{p as t,M as e,e as s,h as i,d as o,t as r}from"./p-CtDOTMOT.js";import{f as n,i as a,s as h,o as d,a as l,b as c,c as u}from"./p-Bxrgt3H_.js";import{a as m}from"./p-CKoABG1h.js";import{b}from"./p-DtmgZu-S.js";import{q as p,f as g,I as w,a as v,b as f,c as y}from"./p-C5UTTqsv.js";import{D as x,r as k,h as E}from"./p-CApDAYIa.js";import{m as A}from"./p-Djkc69iv.js";import{r as T}from"./p-BEuV0Xpe.js";import{d as C,h as S}from"./p-BbwShqw_.js";const D=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],I=D.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),O=D.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),P=(t,e,s=I)=>e&&e.matches(s)?t.findIndex((t=>t===e)):-1;let R=0;const F=t(class extends(e(...x)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=s(this,"showChange",7),this.showChanged=s(this,"showChanged",7),this.experimentalRequestFocus=s(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=s(this,"experimentalFocusNextElement",7)}get hostElement(){return this}suppressAutomaticPlacement=!1;show=!1;trigger;anchor;closeBehavior="both";placement="bottom-start";positioningStrategy="fixed";header;suppressTriggerVisibilityCheck=!1;disableFocusHandling=!1;disableFocusTrap=!1;enableTopLayer=!1;focusCheckedItem=!1;keyboardActivationKeys=["Home","End","ArrowDown","ArrowUp","Enter"," "];keyboardItemTriggerKeys=["Enter"," "];offset;overwriteDropdownStyle;discoverAllSubmenus=!1;ignoreRelatedSubmenu=!1;suppressOverflowBehavior=!1;focusHost;focusTrapOptions;hostRole;callbackFocusElement;showChange;showChanged;fallbackPlacement;experimentalRequestFocus;experimentalFocusNextElement;autoUpdateCleanup;dialogRef=A();intersectObserverTrigger;triggerElement;anchorElement;forwardQueryElement=null;dropdownElementId="dropdown-"+R++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){C.connected(this),null!=this.trigger&&this.registerListener(this.trigger)}cacheSubmenuId(t){t.stopImmediatePropagation(),t.preventDefault();const{detail:e}=t;-1===this.assignedSubmenu.indexOf(e)&&this.assignedSubmenu.push(e)}disconnectedCallback(){C.dismiss(this),C.disconnected(this),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=!0}dismiss(){this.show=!1}getId(){return this.dropdownElementId}willDismiss(){const{defaultPrevented:t}=this.showChange.emit(!1);return!t}willPresent(){const{defaultPrevented:t}=this.showChange.emit(!0);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}disposeClickListener;disposeKeyListener;toggleController(){this.isPresent()?C.dismiss(this):C.present(this),C.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>T((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),s=e=>T((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)C.dismiss(this);else if(!this.show&&(this.keyboardActivationKeys??["Home","End","ArrowUp","ArrowDown"," ","Enter"]).includes(t.key)){if(this.isAnchorSubmenu())this.disableFocusHandling||(this.callbackFocusElement?this.callbackFocusElement(t):"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement));else if(t.defaultPrevented||this.toggleController(),this.disableFocusHandling)t.stopImmediatePropagation(),t.preventDefault();else{if(t.altKey)return;"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=m(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=m(this.triggerElement,"keydown",this.onTriggerKeydown)),this.triggerElement?.setAttribute("data-ix-dropdown-trigger",this.dropdownElementId))}async discoverSubmenu(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:!0,composed:!0,cancelable:!0,detail:this.dropdownElementId}))}registerKeyListener(){}async registerListener(t){this.triggerElement=await this.resolveElement(t),this.triggerElement&&(this.addEventListenersFor(),this.discoverSubmenu())}addObserverForTriggerVisibility(){this.intersectObserverTrigger&&this.intersectObserverTrigger.disconnect(),this.suppressTriggerVisibilityCheck||this.triggerElement&&(this.intersectObserverTrigger=new IntersectionObserver((t=>{t.forEach((t=>{if(!t.isIntersecting)return void C.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,s=t.intersectionRect.bottom<t.boundingClientRect.bottom,i=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),s&&(this.fallbackPlacement=this.createFallbackPlacement("top")),i&&(this.fallbackPlacement=this.createFallbackPlacement("right")),o&&(this.fallbackPlacement=this.createFallbackPlacement("left"))}))}),{threshold:[0,.5,1]}),this.intersectObserverTrigger.observe(this.anchorElement))}createFallbackPlacement(t){return`${t}-${this.placement.endsWith("-end")?"end":"start"}`}async resolveElement(t){const e=await n(t);return this.checkForSubmenuAnchor(e)}async checkForSubmenuAnchor(t){if(t)return S(t)&&((await t.getDropdownItemElement()).isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),"IX-DROPDOWN-ITEM"===t.tagName&&(t.isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),t}async resolveAnchorElement(){this.anchor?this.anchorElement=await this.resolveElement(this.anchor):this.trigger&&(this.anchorElement=await this.resolveElement(this.trigger))}async changedShow(t){if(!t)return this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="false"),this.cleanupOnHide(),void(this.enableTopLayer&&await this.hideDialog());if(await this.resolveAnchorElement(),this.registerKeyListener(),this.disableFocusHandling||this.callbackFocusElement||(this.keyboardNavigationCleanup=((t,e={})=>{const s=e.querySelector??I,i=e.activeQuerySelector??O,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),i)[0]),n=e.setItemActive??(t=>(t=>{T((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),T((()=>e.scrollIntoView({block:"nearest"}))))}))})(t)),a=async a=>{const h=r();let d=[];try{t().querySelectorAll("slot").length>0&&(d=Array.from(t().querySelectorAll("slot")).flatMap((t=>Array.from(t.assignedElements({flatten:!0})).flatMap((t=>t?.matches(s)?[t]:Array.from(t.querySelectorAll(s))))))),d=[...d,...Array.from(t().querySelectorAll(s))]}catch(t){}switch(e.beforeKeydown&&e.beforeKeydown(a),a.key){case"ArrowLeft":t().dispatchEvent(new CustomEvent("ix-close-submenu",{bubbles:!0,cancelable:!0}));break;case"ArrowDown":{if(a.altKey)return;a.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)+1;return t[i>=t.length?0:i]})(d,h,i);void 0!==t&&n(t);break}case"ArrowUp":{if(a.altKey)return;a.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)-1;return t[i<0?t.length-1:i]})(d,h,i);void 0!==t&&n(t);break}case"Home":{a.preventDefault();const t=d[0];void 0!==t&&n(t);break}case"End":{a.preventDefault();const t=d[d.length-1];void 0!==t&&n(t);break}case"ArrowRight":case" ":case"Enter":if(h&&h.hasAttribute("data-ix-dropdown-trigger")){const t=new CustomEvent("ix-open-submenu",{bubbles:!0,cancelable:!0,detail:{activeElement:h}});return void h.dispatchEvent(t)}}o.includes(a.key)&&e.onItemActivation?.(a,h)},h=(e.getEventListenerTarget??(()=>t()))();return h.addEventListener("keydown",a),()=>h.removeEventListener("keydown",a)})((()=>this.forwardQueryElement??this.focusHost??this.hostElement),{getEventListenerTarget:()=>this.triggerElement??this.anchorElement,onItemActivation:(t,e)=>{t.preventDefault(),e?.click()},itemTriggerKeys:this.keyboardItemTriggerKeys})),this.disableFocusTrap||b(this.focusHost??this.hostElement,this.focusTrapOptions).then((t=>{this.focusUtilities=t})),this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="true"),this.enableTopLayer){const t=await this.dialogRef.waitForCurrent();if(!t)return;t.showPopover()}this.addObserverForTriggerVisibility(),this.applyDropdownPosition()}async emitShowChanged(t){T((()=>this.showChanged.emit(t)))}changedTrigger(t,e){t&&t!==e&&(this.disposeClickListener?.(),this.disposeClickListener=void 0,this.disposeKeyListener?.(),this.disposeKeyListener=void 0),this.registerListener(t)}applyFallbackPosition(t){T((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),s=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:s})}))}async hideDialog(){const t=await this.dialogRef.waitForCurrent();t?.matches(":popover-open")&&t.hidePopover()}cleanupOnHide(){this.intersectObserverTrigger?.disconnect(),this.destroyAutoUpdate(),this.keyboardNavigationCleanup?.(),this.focusUtilities?.destroy(),this.resetForwardQueryElement(),k(),!this.disableFocusTrap&&E()&&T((()=>{this.triggerElement?.focus()}))}destroyAutoUpdate(){this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}isAnchorSubmenu(){return!!S(this.anchorElement)||!!this.anchorElement?.closest("ix-dropdown-item")}async applyDropdownPosition(){const t=this.enableTopLayer?await this.dialogRef.waitForCurrent():this.hostElement;if(!this.show)return;if(!t)return;if(!this.anchorElement)return void this.applyFallbackPosition(t);const e=this.anchorElement,s=this.isAnchorSubmenu();let i=this.positioningStrategy;this.enableTopLayer&&(i="fixed");let o={strategy:i,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(c({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=s?"right-start":r,o.middleware=[...o.middleware?.filter(Boolean)||[],a(),h()],this.offset&&o.middleware.push(d(this.offset)),this.destroyAutoUpdate(),this.autoUpdateCleanup=l(e,t,(async()=>{const s=await u(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=s.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(s.x)}px,${Math.round(s.y)}px)`}),this.overwriteDropdownStyle){const e=await this.overwriteDropdownStyle({dropdownRef:t,triggerRef:this.triggerElement});Object.assign(t.style,e)}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}async componentDidLoad(){this.trigger&&this.changedTrigger(this.trigger,void 0)}async componentDidRender(){await this.applyDropdownPosition(),await this.resolveAnchorElement()}isTriggerElement(t){return!!t.hasAttribute("data-ix-dropdown-trigger")}onDropdownClick(t){const e=C.pathIncludesTrigger(t.composedPath());e&&(e!==this.triggerElement&&t.preventDefault(),this.isTriggerElement(e))?"outside"===this.closeBehavior&&t.preventDefault():t.defaultPrevented||"inside"!==this.closeBehavior&&"both"!==this.closeBehavior?C.dismissOthers(this.getId()):C.dismissAll([this.getId()],this.ignoreRelatedSubmenu)}async updatePosition(){this.applyDropdownPosition()}openSubmenu(t){const e=this.getAssignedSubmenuIds();0!==e.length&&(t.detail.activeElement.classList.add("ix-dropdown-submenu-trigger-active"),C.present(C.getDropdownById(e[0])),this.forwardQueryElement=C.getDropdownById(e[0]).hostElement,T((()=>{v(C.getDropdownById(e[0]).hostElement)})))}closeSubmenu(){const t=C.getParentDropdownId(this.getId());if(t){const e=C.getDropdownById(t),s=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(C.dismissChildren(t),e&&s.length>0){const t=s[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),T((()=>{y(t,e.hostElement)}))}}}async resetForwardQueryElement(){this.forwardQueryElement=null}render(){const t={};return this.triggerElement&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName?(t["aria-labelledby"]=this.triggerElement.id,t["aria-owns"]=this.triggerElement.id,t.role="menu"):this.hostRole&&(t.role=this.hostRole),i(o,{key:"9b0e9901b2f083f8bff9396e0e407f093425a927",...t,"aria-modal":"true","data-ix-dropdown":this.dropdownElementId,"data-ix-focus-trap":!0,class:{"dropdown-menu":!0,show:this.show,overflow:!this.suppressOverflowBehavior&&!this.enableTopLayer},style:this.enableTopLayer?{}:{margin:"0",minWidth:"0px",position:this.positioningStrategy},onClick:t=>this.onDropdownClick(t)},this.enableTopLayer?i("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},i("div",{class:"dropdown-container"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null))):i("div",{style:{display:"contents"},role:"presentation"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}static get style(){return":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none !important}.dialog{margin:0;border:none;outline:none;padding:0.25rem 0px;min-width:0;max-width:100vw;width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);box-shadow:var(--theme-shadow-4);overflow-x:visible;overflow-y:visible;inset:unset;color-scheme:inherit;color:var(--theme-color-std-text);box-sizing:border-box}.dialog *,.dialog *::after,.dialog *::before{box-sizing:border-box}.dialog .dropdown-container{display:block;position:relative}.dialog .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dialog.overflow{max-height:calc(50vh - 3rem);overflow-y:auto}"}},[769,"ix-dropdown",{suppressAutomaticPlacement:[4,"suppress-automatic-placement"],show:[1540],trigger:[1],anchor:[1],closeBehavior:[8,"close-behavior"],placement:[1],positioningStrategy:[1,"positioning-strategy"],header:[1],suppressTriggerVisibilityCheck:[4,"suppress-trigger-visibility-check"],disableFocusHandling:[4,"disable-focus-handling"],disableFocusTrap:[4,"disable-focus-trap"],enableTopLayer:[4,"enable-top-layer"],focusCheckedItem:[4,"focus-checked-item"],keyboardActivationKeys:[16],keyboardItemTriggerKeys:[16],offset:[16],overwriteDropdownStyle:[16],discoverAllSubmenus:[4,"discover-all-submenus"],ignoreRelatedSubmenu:[4,"ignore-related-submenu"],suppressOverflowBehavior:[4,"suppress-overflow-behavior"],focusHost:[16],focusTrapOptions:[16],hostRole:[1,"host-role"],callbackFocusElement:[16],fallbackPlacement:[32],discoverSubmenu:[64],updatePosition:[64],resetForwardQueryElement:[64]},[[0,"ix-assign-sub-menu","cacheSubmenuId"],[0,"ix-open-submenu","openSubmenu"],[0,"ix-close-submenu","closeSubmenu"]],{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}]);function j(){"undefined"!=typeof customElements&&["ix-dropdown"].forEach((t=>{"ix-dropdown"===t&&(customElements.get(r(t))||customElements.define(r(t),F))}))}export{F as D,j as d}
1
+ import{p as t,M as e,e as s,h as i,d as o,t as r}from"./p-CtDOTMOT.js";import{f as a,i as n,s as h,o as d,a as l,b as c,c as u}from"./p-Bxrgt3H_.js";import{a as m}from"./p-CKoABG1h.js";import{b}from"./p-DtmgZu-S.js";import{q as p,f as g,I as w,a as v,b as f,c as y}from"./p-C5UTTqsv.js";import{D as x,r as k,h as E}from"./p-CApDAYIa.js";import{m as A}from"./p-Djkc69iv.js";import{r as T}from"./p-BEuV0Xpe.js";import{d as C,h as S}from"./p-BbwShqw_.js";const D=["ix-dropdown-item","ix-select-item","ix-menu-item","ix-menu-category"],I=D.map((t=>`${t}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),O=D.map((t=>`${t}.${w}:not([tabindex^="-"]):not([disabled]):not([hidden])`)).join(", "),P=(t,e,s=I)=>e&&e.matches(s)?t.findIndex((t=>t===e)):-1;let R=0;const F=t(class extends(e(...x)){constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showChange=s(this,"showChange",7),this.showChanged=s(this,"showChanged",7),this.experimentalRequestFocus=s(this,"experimentalRequestFocus",7),this.experimentalFocusNextElement=s(this,"experimentalFocusNextElement",7)}get hostElement(){return this}suppressAutomaticPlacement=!1;show=!1;trigger;anchor;closeBehavior="both";placement="bottom-start";positioningStrategy="fixed";header;suppressTriggerVisibilityCheck=!1;disableFocusHandling=!1;disableFocusTrap=!1;enableTopLayer=!1;focusCheckedItem=!1;keyboardActivationKeys=["Home","End","ArrowDown","ArrowUp","Enter"," "];keyboardItemTriggerKeys=["Enter"," "];offset;overwriteDropdownStyle;discoverAllSubmenus=!1;ignoreRelatedSubmenu=!1;suppressOverflowBehavior=!1;focusHost;focusTrapOptions;hostRole;callbackFocusElement;showChange;showChanged;fallbackPlacement;experimentalRequestFocus;experimentalFocusNextElement;autoUpdateCleanup;dialogRef=A();intersectObserverTrigger;triggerElement;anchorElement;forwardQueryElement=null;dropdownElementId="dropdown-"+R++;assignedSubmenu=[];keyboardNavigationCleanup;focusUtilities;connectedCallback(){C.connected(this),null!=this.trigger&&this.registerListener(this.trigger)}cacheSubmenuId(t){t.stopImmediatePropagation(),t.preventDefault();const{detail:e}=t;-1===this.assignedSubmenu.indexOf(e)&&this.assignedSubmenu.push(e)}disconnectedCallback(){C.dismiss(this),C.disconnected(this),this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}getAssignedSubmenuIds(){return this.assignedSubmenu}isPresent(){return this.show}present(){this.show=!0}dismiss(){this.show=!1}getId(){return this.dropdownElementId}willDismiss(){const{defaultPrevented:t}=this.showChange.emit(!1);return!t}willPresent(){const{defaultPrevented:t}=this.showChange.emit(!0);return!t}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-dropdown-item"))}get slotElement(){return this.hostElement.shadowRoot.querySelector("slot")}disposeClickListener;disposeKeyListener;toggleController(){this.isPresent()?C.dismiss(this):C.present(this),C.dismissOthers(this.getId())}onTriggerClick=t=>this.handleTriggerClick(t);handleTriggerClick(t){t.defaultPrevented||this.toggleController()}onTriggerKeydown=t=>this.handleTriggerKeydown(t);handleTriggerKeydown(t){const e=e=>T((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||v(e,void 0,{focusCheckedItem:this.focusCheckedItem})})),s=e=>T((async()=>{let s=!1;this.callbackFocusElement&&(s=await this.callbackFocusElement(t)??!1),s||f(e)}));if(("Escape"===t.key||!0===this.disableFocusTrap&&"Tab"===t.key)&&this.show)C.dismiss(this);else if(!this.show&&(this.keyboardActivationKeys??["Home","End","ArrowUp","ArrowDown"," ","Enter"]).includes(t.key)){if(this.isAnchorSubmenu())this.disableFocusHandling||(this.callbackFocusElement?this.callbackFocusElement(t):"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement));else if(t.defaultPrevented||this.toggleController(),this.disableFocusHandling)t.stopImmediatePropagation(),t.preventDefault();else{if(t.altKey)return;"ArrowUp"===t.key||"End"===t.key?s(this.hostElement):e(this.hostElement)}this.experimentalRequestFocus.emit({keyEvent:t}),t.preventDefault()}}addEventListenersFor(){this.triggerElement&&(this.disposeClickListener||(this.disposeClickListener=m(this.triggerElement,"click",this.onTriggerClick)),this.disposeKeyListener||(this.disposeKeyListener=m(this.triggerElement,"keydown",this.onTriggerKeydown)),this.triggerElement?.setAttribute("data-ix-dropdown-trigger",this.dropdownElementId))}async discoverSubmenu(){this.triggerElement?.dispatchEvent(new CustomEvent("ix-assign-sub-menu",{bubbles:!0,composed:!0,cancelable:!0,detail:this.dropdownElementId}))}registerKeyListener(){}async registerListener(t){this.triggerElement=await this.resolveElement(t),this.triggerElement&&(this.addEventListenersFor(),this.discoverSubmenu())}addObserverForTriggerVisibility(){this.intersectObserverTrigger&&this.intersectObserverTrigger.disconnect(),this.suppressTriggerVisibilityCheck||this.triggerElement&&(this.intersectObserverTrigger=new IntersectionObserver((t=>{t.forEach((t=>{if(!t.isIntersecting)return void C.dismiss(this);const e=t.intersectionRect.top>t.boundingClientRect.top,s=t.intersectionRect.bottom<t.boundingClientRect.bottom,i=t.intersectionRect.left>t.boundingClientRect.left,o=t.intersectionRect.right<t.boundingClientRect.right;this.fallbackPlacement=void 0,e&&(this.fallbackPlacement=this.createFallbackPlacement("bottom")),s&&(this.fallbackPlacement=this.createFallbackPlacement("top")),i&&(this.fallbackPlacement=this.createFallbackPlacement("right")),o&&(this.fallbackPlacement=this.createFallbackPlacement("left"))}))}),{threshold:[0,.5,1]}),this.intersectObserverTrigger.observe(this.anchorElement))}createFallbackPlacement(t){return`${t}-${this.placement.endsWith("-end")?"end":"start"}`}async resolveElement(t){const e=await a(t);return this.checkForSubmenuAnchor(e)}async checkForSubmenuAnchor(t){if(t)return S(t)&&((await t.getDropdownItemElement()).isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),"IX-DROPDOWN-ITEM"===t.tagName&&(t.isSubMenu=!0,this.hostElement.style.zIndex="var(--theme-z-index-dropdown)"),t}async resolveAnchorElement(){this.anchor?this.anchorElement=await this.resolveElement(this.anchor):this.trigger&&(this.anchorElement=await this.resolveElement(this.trigger))}async changedShow(t){if(!t)return this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="false"),this.cleanupOnHide(),void(this.enableTopLayer&&await this.hideDialog());if(await this.resolveAnchorElement(),this.registerKeyListener(),this.disableFocusHandling||this.callbackFocusElement||(this.keyboardNavigationCleanup=((t,e={})=>{const s=e.querySelector??I,i=e.activeQuerySelector??O,o=e.itemTriggerKeys??["ArrowRight","Enter"," "],r=e.getActiveElement??(()=>p(t(),i)[0]),a=e.setItemActive??(t=>(t=>{T((async()=>{let e=t;t.matches("ix-menu-category")&&(e=t.shadowRoot.querySelector(".category-parent")),e&&(g(e),T((()=>e.scrollIntoView({block:"nearest"}))))}))})(t)),n=async n=>{const h=r();let d=[];try{t().querySelectorAll("slot").length>0&&(d=Array.from(t().querySelectorAll("slot")).flatMap((t=>Array.from(t.assignedElements({flatten:!0})).flatMap((t=>t?.matches(s)?[t]:Array.from(t.querySelectorAll(s))))))),d=[...d,...Array.from(t().querySelectorAll(s))]}catch(t){}switch(e.beforeKeydown&&e.beforeKeydown(n),n.key){case"ArrowLeft":t().dispatchEvent(new CustomEvent("ix-close-submenu",{bubbles:!0,cancelable:!0}));break;case"ArrowDown":{if(n.altKey)return;n.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)+1;return t[i>=t.length?0:i]})(d,h,i);void 0!==t&&a(t);break}case"ArrowUp":{if(n.altKey)return;n.preventDefault();const t=((t,e,s=O)=>{const i=P(t,e,s)-1;return t[i<0?t.length-1:i]})(d,h,i);void 0!==t&&a(t);break}case"Home":{n.preventDefault();const t=d[0];void 0!==t&&a(t);break}case"End":{n.preventDefault();const t=d[d.length-1];void 0!==t&&a(t);break}case"ArrowRight":case" ":case"Enter":if(h&&h.hasAttribute("data-ix-dropdown-trigger")){const t=new CustomEvent("ix-open-submenu",{bubbles:!0,cancelable:!0,detail:{activeElement:h}});return void h.dispatchEvent(t)}}o.includes(n.key)&&e.onItemActivation?.(n,h)},h=(e.getEventListenerTarget??(()=>t()))();return h.addEventListener("keydown",n),()=>h.removeEventListener("keydown",n)})((()=>this.forwardQueryElement??this.focusHost??this.hostElement),{getEventListenerTarget:()=>this.triggerElement??this.anchorElement,onItemActivation:(t,e)=>{t.preventDefault(),e?.click()},itemTriggerKeys:this.keyboardItemTriggerKeys})),this.disableFocusTrap||b(this.focusHost??this.hostElement,this.focusTrapOptions).then((t=>{this.focusUtilities=t})),this.triggerElement&&"menu"===this.triggerElement.ariaHasPopup&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName&&(this.triggerElement.ariaExpanded="true"),this.enableTopLayer){const t=await this.dialogRef.waitForCurrent();if(!t)return;t.showPopover()}this.addObserverForTriggerVisibility(),this.applyDropdownPosition()}async emitShowChanged(t){T((()=>this.showChanged.emit(t)))}changedTrigger(t,e){t&&t!==e&&(this.disposeClickListener?.(),this.disposeClickListener=void 0,this.disposeKeyListener?.(),this.disposeKeyListener=void 0),this.registerListener(t)}applyFallbackPosition(t){T((()=>{const e=(this.hostElement.parentElement||this.hostElement).getBoundingClientRect(),s=`translate(${Math.round(e.left)}px, ${Math.round(e.top)}px)`;Object.assign(t.style,{top:"0",left:"0",transform:s})}))}async hideDialog(){const t=await this.dialogRef.waitForCurrent();t?.matches(":popover-open")&&t.hidePopover()}cleanupOnHide(){this.intersectObserverTrigger?.disconnect(),this.destroyAutoUpdate(),this.keyboardNavigationCleanup?.(),this.focusUtilities?.destroy(),this.resetForwardQueryElement(),k(),!this.disableFocusTrap&&E()&&T((()=>{this.triggerElement?.focus()}))}destroyAutoUpdate(){this.autoUpdateCleanup&&(this.autoUpdateCleanup(),this.autoUpdateCleanup=void 0)}isAnchorSubmenu(){return!!S(this.anchorElement)||!!this.anchorElement?.closest("ix-dropdown-item")}async applyDropdownPosition(){const t=this.enableTopLayer?await this.dialogRef.waitForCurrent():this.hostElement;if(!this.show)return;if(!t)return;if(!this.anchorElement)return void this.applyFallbackPosition(t);const e=this.anchorElement,s=this.isAnchorSubmenu();let i=this.positioningStrategy;this.enableTopLayer&&(i="fixed");let o={strategy:i,middleware:[]};this.suppressAutomaticPlacement||o.middleware?.push(c({fallbackStrategy:"initialPlacement"}));let r=this.placement;!1===this.suppressTriggerVisibilityCheck&&this.fallbackPlacement&&(r=this.fallbackPlacement),o.placement=s?"right-start":r,o.middleware=[...o.middleware?.filter(Boolean)||[],n(),h()],this.offset&&o.middleware.push(d(this.offset)),this.destroyAutoUpdate(),this.autoUpdateCleanup=l(e,t,(async()=>{const s=await u(e,t,o);if(this.hostElement.dataset.ixDropdownPlacement=s.placement,Object.assign(t.style,{top:"0",left:"0",transform:`translate(${Math.round(s.x)}px,${Math.round(s.y)}px)`}),this.overwriteDropdownStyle){const e=await this.overwriteDropdownStyle({dropdownRef:t,triggerRef:this.triggerElement});Object.assign(t.style,e)}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}async componentDidLoad(){this.trigger&&this.changedTrigger(this.trigger,void 0)}async componentDidRender(){await this.applyDropdownPosition(),await this.resolveAnchorElement()}isTriggerElement(t){return!!t.hasAttribute("data-ix-dropdown-trigger")}onDropdownClick(t){const e=C.pathIncludesTrigger(t.composedPath());e&&(e!==this.triggerElement&&t.preventDefault(),this.isTriggerElement(e))?"outside"===this.closeBehavior&&t.preventDefault():t.defaultPrevented||"inside"!==this.closeBehavior&&"both"!==this.closeBehavior?C.dismissOthers(this.getId()):C.dismissAll([this.getId()],this.ignoreRelatedSubmenu)}async updatePosition(){this.applyDropdownPosition()}openSubmenu(t){const e=this.getAssignedSubmenuIds();0!==e.length&&(t.detail.activeElement.classList.add("ix-dropdown-submenu-trigger-active"),C.present(C.getDropdownById(e[0])),this.forwardQueryElement=C.getDropdownById(e[0]).hostElement,T((()=>{v(C.getDropdownById(e[0]).hostElement)})))}closeSubmenu(){const t=C.getParentDropdownId(this.getId());if(t){const e=C.getDropdownById(t),s=p(e?.hostElement,".ix-dropdown-submenu-trigger-active");if(C.dismissChildren(t),e&&s.length>0){const t=s[0];t.classList.remove("ix-dropdown-submenu-trigger-active"),e.hostElement.resetForwardQueryElement(),T((()=>{y(t,e.hostElement)}))}}}async resetForwardQueryElement(){this.forwardQueryElement=null}render(){const t={};return this.triggerElement&&"IX-DROPDOWN-ITEM"===this.triggerElement.tagName?(t["aria-labelledby"]=this.triggerElement.id,t["aria-owns"]=this.triggerElement.id,t.role="menu"):this.hostRole&&(t.role=this.hostRole),i(o,{key:"316324b74a3654414f8ae385cec8a0fb7b5d2906",...t,"aria-modal":"true","data-ix-dropdown":this.dropdownElementId,"data-ix-focus-trap":!0,class:{"dropdown-menu":!0,show:this.show,overflow:!this.suppressOverflowBehavior&&!this.enableTopLayer},style:this.enableTopLayer?{}:{margin:"0",minWidth:"0px",position:this.positioningStrategy},onClick:t=>this.onDropdownClick(t)},this.enableTopLayer?i("dialog",{role:"presentation",ref:this.dialogRef,class:{dialog:!0,overflow:!this.suppressOverflowBehavior},popover:"manual",tabindex:-1,onClick:t=>this.onDropdownClick(t)},i("div",{class:"dropdown-container"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null))):i("div",{style:{display:"contents"},role:"presentation"},this.header&&i("div",{class:"dropdown-header"},this.header),this.show&&i("slot",null)))}static get watchers(){return{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}}static get style(){return":host{background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);min-width:0px;z-index:var(--theme-z-index-dropdown);box-shadow:var(--theme-shadow-4);padding:0.25rem 0px}: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 .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}:host(.overflow){max-height:calc(50vh - 3rem);overflow-y:auto}:host(:not(.show)){display:none !important}.dialog{margin:0;border:none;outline:none;padding:0.25rem 0px;min-width:0;max-width:100vw;width:-moz-max-content;width:max-content;height:-moz-fit-content;height:fit-content;background-color:var(--theme-color-2);border-radius:var(--theme-default-border-radius);box-shadow:var(--theme-shadow-4);overflow-x:visible;overflow-y:visible;inset:unset;color-scheme:inherit;color:var(--theme-color-std-text);box-sizing:border-box}.dialog *,.dialog *::after,.dialog *::before{box-sizing:border-box}.dialog .dropdown-container{display:block;position:relative}.dialog .dropdown-header{display:flex;align-items:center;height:2.5rem;color:var(--theme-menu-header--color);padding:0 1rem}.dialog.overflow{max-height:calc(50vh - 3rem);overflow-y:auto}"}},[769,"ix-dropdown",{suppressAutomaticPlacement:[4,"suppress-automatic-placement"],show:[1540],trigger:[1],anchor:[1],closeBehavior:[8,"close-behavior"],placement:[1],positioningStrategy:[1,"positioning-strategy"],header:[1],suppressTriggerVisibilityCheck:[4,"suppress-trigger-visibility-check"],disableFocusHandling:[4,"disable-focus-handling"],disableFocusTrap:[4,"disable-focus-trap"],enableTopLayer:[4,"enable-top-layer"],focusCheckedItem:[4,"focus-checked-item"],keyboardActivationKeys:[16],keyboardItemTriggerKeys:[16],offset:[16],overwriteDropdownStyle:[16],discoverAllSubmenus:[4,"discover-all-submenus"],ignoreRelatedSubmenu:[4,"ignore-related-submenu"],suppressOverflowBehavior:[4,"suppress-overflow-behavior"],focusHost:[16],focusTrapOptions:[16],hostRole:[1,"host-role"],callbackFocusElement:[16],fallbackPlacement:[32],discoverSubmenu:[64],updatePosition:[64],resetForwardQueryElement:[64]},[[0,"ix-assign-sub-menu","cacheSubmenuId"],[0,"ix-open-submenu","openSubmenu"],[0,"ix-close-submenu","closeSubmenu"]],{show:[{changedShow:0},{emitShowChanged:0}],trigger:[{changedTrigger:0}]}]);function j(){"undefined"!=typeof customElements&&["ix-dropdown"].forEach((t=>{"ix-dropdown"===t&&(customElements.get(r(t))||customElements.define(r(t),F))}))}export{F as D,j as d}
@@ -1 +1 @@
1
- import{p as r,H as o,h as t,d as e,t as a}from"./p-CtDOTMOT.js";const s=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"bdcc31e92318ad5f9b10a5ece22fc01f2506e200"},t("slot",{key:"a7af3070d7d9766ea450e4a75417b4ae0f1137d3"}))}static get style(){return":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}: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}"}},[257,"ix-modal-content"]);function c(){"undefined"!=typeof customElements&&["ix-modal-content"].forEach((r=>{"ix-modal-content"===r&&(customElements.get(a(r))||customElements.define(a(r),s))}))}export{s as M,c as d}
1
+ import{p as r,H as o,h as t,d as e,t as a}from"./p-CtDOTMOT.js";const s=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow()}render(){return t(e,{key:"090635e20ba7a130412a560db4329a045f13a8dd"},t("slot",{key:"71a6820650c0997dc09f309fdf70188b936f7434"}))}static get style(){return":host{display:block;position:relative;overflow:auto;padding:0 0.5rem 0.5rem}: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}"}},[257,"ix-modal-content"]);function b(){"undefined"!=typeof customElements&&["ix-modal-content"].forEach((r=>{"ix-modal-content"===r&&(customElements.get(a(r))||customElements.define(a(r),s))}))}export{s as M,b as d}
@@ -54,8 +54,8 @@ const IxActionCard = class {
54
54
  const ariaLabelledBy = !this.ariaLabelCard && this.heading
55
55
  ? 'ix-action-card-heading'
56
56
  : undefined;
57
- return (index.h(index.Host, { key: 'b56ab72218bf3b098acb7d1f7bbbc967dc7851c9' }, index.h("button", { key: '87ef305e4149a4f883f52b9d2d26cc3080073082', type: "button", disabled: this.passive, "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy }, index.h("ix-card", { key: '5064b548f6434036d5c46e9162e4bad1f06f3a40', selected: this.selected, variant: this.variant, passive: this.passive, class: this.passive ? undefined : 'pointer' }, index.h("ix-card-content", { key: 'dbfb7bcda7ae018721e8e1d06f85b2fadd8330d0' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon ||
58
- a11y.getFallbackLabelFromIconName(this.icon) })) : null, index.h("div", { key: '51a82f1f462f9638980f7f2b18a4cfd54db24cf6' }, this.heading ? (index.h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11y.a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (index.h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, index.h("slot", { key: 'c8ae09e93db05dab6f0a1820c0022c9142b6cc54' })))))));
57
+ return (index.h(index.Host, { key: '13c017461553dde76509473679c2c0942f0536ef' }, index.h("button", { key: 'b0a154fff6809c67e595a90137ba46eaab2654ed', type: "button", disabled: this.passive, "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy }, index.h("ix-card", { key: '1718627fa2718bf42b19d8b967ea556fa0b7bc09', selected: this.selected, variant: this.variant, passive: this.passive, class: this.passive ? undefined : 'pointer' }, index.h("ix-card-content", { key: 'fa854f2be562cd938122504d2f531f4f9bac52e9' }, this.icon ? (index.h("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon ||
58
+ a11y.getFallbackLabelFromIconName(this.icon) })) : null, index.h("div", { key: 'bcf7099102118877945d25a908b988e6bfccf00f' }, this.heading ? (index.h("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11y.a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (index.h("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, index.h("slot", { key: 'd77220fa34088b62378d3c095c50f87e4442a002' })))))));
59
59
  }
60
60
  };
61
61
  IxActionCard.style = actionCardCss();
@@ -231,31 +231,31 @@ const ApplicationHeader = class {
231
231
  this.breakpoint !== 'sm' &&
232
232
  this.suppressResponsive === false;
233
233
  const showCompanyLogoByProperty = this.breakpoint !== 'sm' && !!this.companyLogo;
234
- return (index.h(index.Host, { key: '65415a8abe50d9b368d9c71001a0968cf2264fb8', class: {
234
+ return (index.h(index.Host, { key: 'e748601f8379536c62fe20edf48634ec7373fdbe', class: {
235
235
  [`breakpoint-${this.breakpoint}`]: true,
236
236
  'hide-bottom-border': this.hideBottomBorder,
237
- }, slot: "application-header", role: "banner" }, index.h("div", { key: '79849e061e06d01eba6f4d802f48d226480857b2', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (index.h("div", { key: 'b5c6140d263e7ff6ffe3937a4341bcd2b9935104', class: {
237
+ }, slot: "application-header", role: "banner" }, index.h("div", { key: '0153872edf217449e8b7ac4eaad0b7304e44f171', class: "left-side" }, this.appIcon && this.breakpoint !== 'sm' && (index.h("div", { key: '4934436922dca879c5ecbd8fd19379000fcea7be', class: {
238
238
  'app-icon': true,
239
239
  'app-icon-outline': this.appIconOutline,
240
- } }, index.h("img", { key: '00fb44e36f25856a0e2ad2c333d2a5a5014415d3', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (index.h("ix-menu-expand-icon", { key: '2d123f6cfbc21a61680328b3a81638ba49413c8f', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (index.h("ix-icon-button", { key: '5b887225419c66e36ef5dfd369647d41c4f3ca41', onClick: () => this.showAppSwitch(), icon: index$2.iconApps, variant: "subtle-tertiary", class: {
240
+ } }, index.h("img", { key: 'c253d49a3a37507daace6db886c33e899c3de9be', src: this.appIcon, alt: this.appIconAlt }))), (this.showMenu || showMenuByApplicationFrame) && (index.h("ix-menu-expand-icon", { key: 'e4bcdb607e5f50873f0f90bc6a1bad167d8b6cbf', onClick: () => this.onMenuClick(), expanded: this.menuExpanded })), showApplicationSwitch && (index.h("ix-icon-button", { key: '6de3d4401ecd71c97b0008bb8bf4142ee68aa3ac', onClick: () => this.showAppSwitch(), icon: index$2.iconApps, variant: "subtle-tertiary", class: {
241
241
  'app-switch': true,
242
242
  'without-app-icon': !this.appIcon,
243
- }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (index.h("div", { key: '8c2dc3e31111a04c5e7aecabd11b458dc1c6b199', class: "logo" }, index.h("img", { key: '0594b3e00eb190ac2beef24df3c6987668c1fd69', src: this.companyLogo, alt: this.companyLogoAlt }))), index.h("div", { key: 'b51ceb91b1079d363999026e560874b0c2a1e390', class: {
243
+ }, "aria-label": this.ariaLabelAppSwitchIconButton })), showCompanyLogoByProperty && (index.h("div", { key: '549e18052627c090a6ac795276cbb5ca3d44d3a4', class: "logo" }, index.h("img", { key: '89a662b47ae47e1e2a59065bf67f9abae02aa337', src: this.companyLogo, alt: this.companyLogoAlt }))), index.h("div", { key: 'a1f5332a2abc48f3e33fff59d3b1d512b1babab7', class: {
244
244
  logo: true,
245
245
  'hide-logo': !this.hasSlottedLogo,
246
- } }, index.h("slot", { key: '2659560a89277665227c8169cd1f40493ca50957', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), index.h("div", { key: '80f65852355d615792c0a923d174095aac094fea', class: "name" }, index.h("ix-typography", { key: 'ab984e7163d972ada42958f53a0ce58e9236cf34', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (index.h("ix-typography", { key: '9cd307c5ec49d7988084918d2f7e741669e501c9', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), index.h("div", { key: '9336ed1416b6e532a92d266809296f8509f35490', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (index.h("div", { key: 'daad8a4304d6276f4b4ac9c5e00ec939f3121a8c', class: "secondary" }, index.h("slot", { key: '2c6948ba05eb8fad24ef6a7fdddef62edd7b6f3b', name: "secondary" }))), index.h("div", { key: '49d1396f97cb218001107b8b189a66f9b6e1cc4a', class: "content" }, this.breakpoint !== 'sm' && index.h("slot", { key: 'a261e8552476f9d8b90101a4e471575a1787b076' }), index.h("ix-icon-button", { key: '0cd13b5d1bcc3d9aeb2a16465529833595af57d6', class: {
246
+ } }, index.h("slot", { key: 'd7961a13bcd1939607fc164f38b8a037838c3546', name: "logo", onSlotchange: () => (this.hasSlottedLogo = this.checkLogoSlot()) })), index.h("div", { key: 'd8824ebba9f3e8c938581d8bc4e822383a014cd4', class: "name" }, index.h("ix-typography", { key: 'e9add4d68d6fb7748d3f660cafea9651512c06b0', format: "body-lg", class: "application-name" }, this.name), this.nameSuffix && this.breakpoint !== 'sm' && (index.h("ix-typography", { key: 'a4ff0de3510e4466b03818f4cf486e2cf6cf81fa', format: "body-xs", class: "application-name-suffix" }, this.nameSuffix)))), index.h("div", { key: 'bace1c6516c55779fb03b24fa17f951d5fbd3380', class: { 'right-side': true, sm: this.breakpoint === 'sm' } }, this.breakpoint !== 'sm' && (index.h("div", { key: 'a16cd7e3894c90e3914f1914b4f01b755f86e8f2', class: "secondary" }, index.h("slot", { key: '46dab9c71d01179bab155b26d74318f5aeac914d', name: "secondary" }))), index.h("div", { key: '5bb2ff0dc16081eb95ad3d2261215b9c91c44591', class: "content" }, this.breakpoint !== 'sm' && index.h("slot", { key: '652934ebe4966258b5574275f130c8ff3c108320' }), index.h("ix-icon-button", { key: 'e43e93204884512375a5e3aa58f8942d5ffadabd', class: {
247
247
  'context-menu': true,
248
248
  'context-menu-visible': this.hasOverflowContextMenu,
249
- }, "data-context-menu": true, "data-testid": "show-more", icon: index$2.iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11y.a11yBoolean(!this.hasOverflowContextMenu) }), index.h("ix-dropdown", { key: '2340aec42fc9d4a23d3fc257dabd24b44789c60f', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11y.a11yBoolean(!this.hasOverflowContextMenu), enableTopLayer: this.enableTopLayer }, index.h("div", { key: 'ba14593b7d8365c205f61792a71f1f83190a3683', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (index.h("div", { key: '612c535b854e7254ebcad06edf9f41ad745babcb', class: {
249
+ }, "data-context-menu": true, "data-testid": "show-more", icon: index$2.iconMoreMenu, variant: "subtle-tertiary", "aria-label": this.ariaLabelMoreMenuIconButton, "aria-hidden": a11y.a11yBoolean(!this.hasOverflowContextMenu) }), index.h("ix-dropdown", { key: '40504c3b1da650adfac72d3b599dc76826f87db3', "data-overflow-dropdown": true, class: "dropdown", discoverAllSubmenus: true, trigger: this.resolveContextMenuButton(), "aria-hidden": a11y.a11yBoolean(!this.hasOverflowContextMenu), enableTopLayer: this.enableTopLayer }, index.h("div", { key: '32354b88745e7d3abc82092508d7e239dc7cdd08', class: "dropdown-content", onClick: (e) => this.onContentBgClick(e) }, this.breakpoint === 'sm' && (index.h("div", { key: 'fbb40a8a3fc271d790e777e14bd0d761a2ffa9c2', class: {
250
250
  'slot-content': true,
251
251
  'slot-content-active': this.hasSecondarySlotElements,
252
- } }, index.h("slot", { key: '6a8c8df87ce24ca24cee6738e16cae3150370573', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (index.h("div", { key: 'ffb74288c8b2f71941c9f9c4d710c4fe44c9996a', class: {
252
+ } }, index.h("slot", { key: '8810899a0a8af80c84cbd9ea850571f851133dd1', name: "secondary", onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), this.breakpoint === 'sm' && (index.h("div", { key: '29ab95c0abfae49bfcef966e8d886989c5913667', class: {
253
253
  'slot-content': true,
254
254
  'slot-content-active': this.hasDefaultSlotElements,
255
- } }, index.h("slot", { key: '4d7d25254108d0297137f624a4ed248a4b8e8a7f', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), index.h("div", { key: '188ccce5cc9eddf0bdadc92716a98f82491c3fcf', class: {
255
+ } }, index.h("slot", { key: '1ba46d784afe0ec5cdc13dee3a428b78c8d8ad45', onSlotchange: () => this.updateHasSlotAssignedElementsStates() }))), index.h("div", { key: '426357c44559b9f8e262d327f3f9e9293c3dfdee', class: {
256
256
  'slot-content': true,
257
257
  'slot-content-active': this.hasOverflowSlotElements,
258
- } }, index.h("slot", { key: 'f5c7c0c2efec69700a7f44c90a89f56aec34ac85', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), index.h("slot", { key: '002c29f2656a44471f7990d50354bf2767ca2021', name: "ix-application-header-avatar" })))));
258
+ } }, index.h("slot", { key: 'caa7b3ba3108478d3b50c2a67d33f844f66b9891', name: "overflow", onSlotchange: () => this.updateHasSlotAssignedElementsStates() })))), index.h("slot", { key: '3816f891d0c7980680d61acd9828e90e01b84e33', name: "ix-application-header-avatar" })))));
259
259
  }
260
260
  static get watchers() { return {
261
261
  "applicationLayoutContext": [{
@@ -119,12 +119,12 @@ const Application = class {
119
119
  });
120
120
  }
121
121
  render() {
122
- return (index.h(index.Host, { key: 'b580ca5dbbd164b45beb5b6863fc3f6ffd830f08', "data-role": "", class: {
122
+ return (index.h(index.Host, { key: 'cf020f40f480159fd1949387d82bb4f9def90ec0', "data-role": "", class: {
123
123
  [`breakpoint-${this.breakpoint}`]: true,
124
- } }, index.h("slot", { key: '6055d2a286d3b90e4aca43bee094e509ab4780fd', name: "application-header" }), index.h("div", { key: '6418c3369dc0525d99c29015d5717a791a2ddd4c', class: "application" }, index.h("slot", { key: 'a6adda421cf6294d34da129a5dd3bc366f6384ca', name: "menu" }), index.h("aside", { key: '3f359f1ef65e8fa1f35f4001b23ec10d32a7d5be', class: {
124
+ } }, index.h("slot", { key: 'a2f00e2aeca45e27c775b3ff98bdc71a45b9462d', name: "application-header" }), index.h("div", { key: '24def38eb1881d5aa3204a9c0ebb4ac18a79cf52', class: "application" }, index.h("slot", { key: '16fbf3b5ced61520056cfbf540bc2653b67e1b63', name: "menu" }), index.h("aside", { key: '8f7fca6b4c7ec5fd13af2c0aac292e32a0fd6744', class: {
125
125
  'application-sidebar': true,
126
126
  slotted: this.applicationSidebarSlotted,
127
- }, onClick: () => this.onContentClick() }, index.h("slot", { key: 'f335892f90b7d9f9020bbeb5b9a732404bfcde00', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = shadowDom.hasSlottedElements(this.applicationSidebarSlot)) })), index.h("div", { key: '93333ea8c99802b366971d1c9717418262fc649d', class: "content-area" }, index.h("main", { key: '79fe70895b7725377b679b98c04784f6fd7ff789', class: "content", onClick: () => this.onContentClick() }, index.h("slot", { key: '22d8f248280108d31903f67e7678804cf78dc658' })), index.h("footer", { key: '9e541aa388f2aaf44d8f41987ded1bcd863a22f6', class: "footer" }, index.h("slot", { key: '9b87eb43ced974fca634e1f4c1282669be3135b4', name: "bottom" }))))));
127
+ }, onClick: () => this.onContentClick() }, index.h("slot", { key: '10ddd10b40d68daacae0766af6fd35970a2e6792', name: "application-sidebar", onSlotchange: () => (this.applicationSidebarSlotted = shadowDom.hasSlottedElements(this.applicationSidebarSlot)) })), index.h("div", { key: '9174218df39d64bf2259041e113f42ecdde223b5', class: "content-area" }, index.h("main", { key: '38e2510f631cb1e65fa407c8a5d763baf085a49e', class: "content", onClick: () => this.onContentClick() }, index.h("slot", { key: 'c6217838be3d5367c530e5a4301e9571ff823304' })), index.h("footer", { key: 'c6b419361dddd826a03bb74563d7ce3ac0d1ec10', class: "footer" }, index.h("slot", { key: '51674410bb529c5733d665ef99213d25fc000dd0', name: "bottom" }))))));
128
128
  }
129
129
  static get watchers() { return {
130
130
  "forceBreakpoint": [{
@@ -84,17 +84,17 @@ const Blind = class {
84
84
  });
85
85
  }
86
86
  render() {
87
- return (index.h(index.Host, { key: '013b57ee3c249c67c3ec35bc94924b08a0828723', class: {
87
+ return (index.h(index.Host, { key: 'd4d3073ce0e5bb301ab3eafdfd3baa9bbfd35b4a', class: {
88
88
  [`blind-${this.variant}`]: true,
89
- } }, index.h("div", { key: 'a03bf76f5ff8628de0958f3f12ae69bfadf68010', class: 'blind-header-wrapper' }, index.h("button", { key: '48e9d20e1bce06e2b305b856e3c7ec52d882c197', class: {
89
+ } }, index.h("div", { key: 'b600604d30b5b8a3fb47891ac650a204a5180e58', class: 'blind-header-wrapper' }, index.h("button", { key: '52441c0c6c80dea2691f26363b491940dc6fde57', class: {
90
90
  'blind-header': true,
91
91
  [`blind-${this.variant}`]: true,
92
92
  closed: this.collapsed,
93
- }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: '127096b27d461351848650ce43de9016585f8ba2', name: "custom-header" })), index.h("div", { key: '30976417c051c06aebd99af776d06d8d12289e3a', class: 'blind-header-content' }, index.h("ix-icon", { key: '4ad41bafea4f5c85625897dd5ac53e8199c0c824', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
93
+ }, type: "button", "aria-labelledby": `ix-blind-header-title-${this.blindId}`, "aria-controls": `ix-blind-content-section-${this.blindId}`, "aria-expanded": a11y.a11yBoolean(!this.collapsed), onClick: () => this.onHeaderClick() }, index.h("slot", { key: 'a1ac571e4c4d2b14e83cb224a6da95bae3a7b323', name: "custom-header" })), index.h("div", { key: 'f5af85350a88c131c99bd8cbb7884c9bc92edb7e', class: 'blind-header-content' }, index.h("ix-icon", { key: 'd45b602a0bfcf9e7feacbd0caea0d9f2824e3b35', class: "collapse-icon", name: index$1.iconChevronDownSmall, color: this.variant === 'filled' || this.variant === 'outline'
94
94
  ? 'color-std-text'
95
- : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: '5aaa92535b30579eecaf2d5af312fe03b7acd6bd', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
95
+ : `color-${this.variant}--contrast`, ref: (ref) => (this.chevronRef = ref) }), index.h("div", { key: 'bc102437864da77d85a0994fcc6fad9a64953d34', class: "blind-header-title", id: `ix-blind-header-title-${this.blindId}` }, this.label !== undefined ? (index.h(index.Fragment, null, this.icon && (index.h("ix-icon", { class: "blind-header-title-icon", name: this.icon, color: this.variant === 'filled' || this.variant === 'outline'
96
96
  ? 'color-std-text'
97
- : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '10d8459ac5f41b8a09848e3182f68d641d369541', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: 'f39a05f57e022918dd7cbce8454f9f0aa60d2a79', class: {
97
+ : `color-${this.variant}--contrast` })), index.h("div", { class: 'blind-header-title-row' }, index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.label, format: "label-lg", bold: true }, index.h("div", { class: "blind-header-title-label", title: this.label }, this.label))), this.sublabel && (index.h("div", { class: "blind-header-title-col" }, index.h("ix-typography", { title: this.sublabel }, index.h("div", { class: "blind-header-title-sublabel" }, this.sublabel))))), index.h("div", { class: "header-actions" }, index.h("slot", { name: "header-actions" })))) : null))), index.h("section", { key: '28f47c54f5845c27d505b90bc1c018897dd16bcb', id: `ix-blind-content-section-${this.blindId}`, "aria-labelledby": `ix-blind-header-title-${this.blindId}` }, index.h("div", { key: 'c91ee84a868f13f7ce48ba075a85d123debb6500', class: {
98
98
  'blind-content': true,
99
99
  hide: this.collapsed,
100
100
  } }, !this.collapsed ? index.h("slot", null) : null))));
@@ -111,7 +111,7 @@ const Breadcrumb = class extends index.Mixin(...component.DefaultMixins) {
111
111
  const labelLastItem = this.items?.[this.items.length - 1];
112
112
  this.inheritAriaAttributes['aria-label'] =
113
113
  this.inheritAriaAttributes['aria-label'] ?? 'Breadcrumbs';
114
- return (index.h(index.Host, { key: 'c8cfb22b370122dea413928ceed2fb8630b53075', ...this.inheritAriaAttributes, role: "navigation" }, this.items?.length > this.visibleItemCount && (index.h("ix-dropdown-button", { key: 'c2a90ef26e2969d1e755e6acf328263f4bfbb0b5', "aria-label": this.ariaLabelPreviousButton, label: "...", variant: "tertiary", class: "previous-button", enableTopLayer: this.enableTopLayer }, index.h("ix-icon", { key: 'f0b32d17e31d0023a413a2e16787c2f81091020f', slot: "button-label", name: index$1.iconChevronRightSmall, size: "16", class: 'chevron' }), this.items
114
+ return (index.h(index.Host, { key: 'c63417821c2568df84e4baac933ae48adebb9eaa', ...this.inheritAriaAttributes, role: "navigation" }, this.items?.length > this.visibleItemCount && (index.h("ix-dropdown-button", { key: '48cb02774fdb31022f0937c21e4bedf0b05d355c', "aria-label": this.ariaLabelPreviousButton, label: "...", variant: "tertiary", class: "previous-button", enableTopLayer: this.enableTopLayer }, index.h("ix-icon", { key: 'b71d928673dcd5e2499bc053df3778f0ef479f74', slot: "button-label", name: index$1.iconChevronRightSmall, size: "16", class: 'chevron' }), this.items
115
115
  .slice(0, this.items.length - this.visibleItemCount)
116
116
  .map((item) => {
117
117
  const label = item.label ?? item.innerText;
@@ -121,7 +121,7 @@ const Breadcrumb = class extends index.Mixin(...component.DefaultMixins) {
121
121
  label,
122
122
  });
123
123
  }, onItemClick: (event) => event.stopPropagation() }));
124
- }))), index.h("div", { key: 'a52404709581c50965d8ede10819f213eb8b9a91', class: "crumb-items" }, index.h("slot", { key: '92b3de8dc3ca5c2b2a089d5cca602f3c0c8b540a' })), this.shouldRenderNextDropdown && (index.h("ix-dropdown-button", { key: '1fe42187695d0d4e4e77eae43a92b4821e85e4d5', label: labelLastItem.label ?? labelLastItem.innerText, class: "next-button", variant: "tertiary", enableTopLayer: this.enableTopLayer, "aria-current": "page" }, index.h("ix-icon", { key: '843588a9497997a6de921b8a6c775d9fa2f02aa5', slot: "button-label", name: index$1.iconChevronRightSmall, size: "16", class: 'chevron' }), this.nextItems?.map((item) => (index.h("ix-dropdown-item", { label: item.label, onClick: (e) => {
124
+ }))), index.h("div", { key: '28b88b7ea6fd07b602029e84d5ffb25fcc1a9c9d', class: "crumb-items" }, index.h("slot", { key: '377355ec37213169ce75c9a9114ed5111624890c' })), this.shouldRenderNextDropdown && (index.h("ix-dropdown-button", { key: '911d84229dce59da156efa9ea9878e86bd9849aa', label: labelLastItem.label ?? labelLastItem.innerText, class: "next-button", variant: "tertiary", enableTopLayer: this.enableTopLayer, "aria-current": "page" }, index.h("ix-icon", { key: '20982db434ac5647b57b29e9287ac9bcfa5ccf7b', slot: "button-label", name: index$1.iconChevronRightSmall, size: "16", class: 'chevron' }), this.nextItems?.map((item) => (index.h("ix-dropdown-item", { label: item.label, onClick: (e) => {
125
125
  this.nextClick.emit({
126
126
  event: e,
127
127
  item,
@@ -141,9 +141,9 @@ const Button = class extends index.Mixin(...component.DefaultMixins, inheritAria
141
141
  target: this.target,
142
142
  rel: this.rel,
143
143
  };
144
- return (index.h(index.Host, { key: 'd1e348cdda5394f93ae75079322849917e1e040e', class: {
144
+ return (index.h(index.Host, { key: '0eb555f606e1fb774004c7ab8d950076baaa0284', class: {
145
145
  disabled: this.disabled || this.loading,
146
- }, tabIndex: this.disabled || this.loading ? -1 : 0 }, index.h(baseButton.BaseButton, { key: 'eee6a0b44c096b102d9884e17113559e1f1efb8f', ...baseButtonProps }, index.h("slot", { key: 'c67238c777a2eb84d72739f7b7c7274dffc1ca22' }))));
146
+ }, tabIndex: this.disabled || this.loading ? -1 : 0 }, index.h(baseButton.BaseButton, { key: 'a9ead157a199a3575627f4af70a0355687d4e990', ...baseButtonProps }, index.h("slot", { key: 'de07260fc4785b2c30e6fdace31005435f273a93' }))));
147
147
  }
148
148
  static get delegatesFocus() { return true; }
149
149
  static get watchers() { return {
@@ -69,15 +69,15 @@ const CardAccordion = class {
69
69
  this.onInitialExpandChange();
70
70
  }
71
71
  render() {
72
- return (index.h(index.Host, { key: 'cdd4feba2b9ae022141114a75d9ae13910c35915', slot: "card-accordion", class: {
72
+ return (index.h(index.Host, { key: '5895eac0bfacb903c7c0d4b8119fa1c5740d0a38', slot: "card-accordion", class: {
73
73
  [`variant-${this.variant}`]: true,
74
- } }, index.h("button", { key: '9357ac651cef1c1d1f570faf906ba08e403652ff', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, index.h("ix-icon", { key: '9d55b5013a6f4aff50d9f904e4e0730713c8dcf4', name: index$1.iconChevronDownSmall, class: {
74
+ } }, index.h("button", { key: '269999da5591350946e1f2cf9f767617f0afbeec', tabIndex: 0, class: { 'expand-action': true, show: this.expandContent }, onClick: (event) => this.onExpandActionClick(event), role: "button", type: "button", "aria-expanded": this.expandContent, "aria-controls": getAriaControlsId(), "aria-label": this.ariaLabelExpandButton }, index.h("ix-icon", { key: '566dd098a706b8a6f3e6d92d00f05d768fe429c3', name: index$1.iconChevronDownSmall, class: {
75
75
  'expand-icon': true,
76
76
  show: this.expandContent,
77
- } })), index.h("div", { key: '57ddf6374b94637e674e1c061344cec87a20addc', class: {
77
+ } })), index.h("div", { key: '38259672ff7307ab14d1f90216950aace14bfe1b', class: {
78
78
  'expand-content': true,
79
79
  show: this.expandContent,
80
- } }, index.h("div", { key: 'bfacd0c7e4202aeba7058bc563b79357dd2d589e', class: "expand-content-inner" }, index.h("div", { key: 'ed870153b656930325a35b0921e8f23f7dcee97e', class: "expand-content-body" }, index.h("slot", { key: '893b6669078807112cf23c6b17f94eab7697fa34' })), index.h("div", { key: 'd41b94230091bcfedb81305656eb0101e7afb952', class: "expand-content-footer" })))));
80
+ } }, index.h("div", { key: 'a9c79af5f2beea7bc3cc5f9f5c182438c363e220', class: "expand-content-inner" }, index.h("div", { key: 'a460bd87f4f7e1eb40072a756f9f1ffcd23451eb', class: "expand-content-body" }, index.h("slot", { key: '916a58024ec98a54b9e348de6544d48981824e5f' })), index.h("div", { key: '9f45502dfb26f863e4a010e237bc7db3de534f45', class: "expand-content-footer" })))));
81
81
  }
82
82
  static get watchers() { return {
83
83
  "collapse": [{
@@ -94,7 +94,7 @@ const CardHeader = class {
94
94
  index.registerInstance(this, hostRef);
95
95
  }
96
96
  render() {
97
- return (index.h(index.Host, { key: 'e9eaf85f867d2f86338ef00978b70186aa045b72' }, index.h("slot", { key: '8bbdbd5a707b20d794dbac5e3e3186a954c6d1e0' }), index.h("div", { key: '767409c623fa8b77edd53c51a9640c41cd76625e', class: "title-actions" }, index.h("slot", { key: 'c9a81e18169fbafa8797f5f9d0ec2dd8926e0259', name: "title-actions" }))));
97
+ return (index.h(index.Host, { key: 'c50fb67ce42087c697968348b95fb02101b15b86' }, index.h("slot", { key: '0c245caa0f0e71ba88966b1e11eac12d598b2d9d' }), index.h("div", { key: '90ff563a14756a276e6188ebee294fb484c18a77', class: "title-actions" }, index.h("slot", { key: '1da997f39903021f1edb96508982fb699cc8b3a6', name: "title-actions" }))));
98
98
  }
99
99
  };
100
100
  CardHeader.style = cardTitleCss();
@@ -213,16 +213,16 @@ const CardList = class {
213
213
  }
214
214
  }
215
215
  render() {
216
- return (index.h(index.Host, { key: '4cb1bcba15f7877fc6d6fda2989a321cff75b21e' }, index.h(CardListTitle, { key: 'e8dd21fcc2faf773fc00b78704743e689674cf1a', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
216
+ return (index.h(index.Host, { key: '8bcf64535742038e957dfc635c73ed0ed47279ec' }, index.h(CardListTitle, { key: 'b8f10c342836f5dc40cac1c4146302292638e36b', isCollapsed: this.collapse, label: this.label, showAllLabel: this.i18nShowAll, showAllCounter: this.showAllCount === undefined
217
217
  ? this.numberOfAllChildElements
218
- : this.showAllCount, showLess: this.isShowingAll, labelShowLess: this.i18nShowLess, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), index.h("div", { key: '36fd2e7fb75fd0e4e7ebaadd6f19aa2e26edbc10', class: {
218
+ : this.showAllCount, showLess: this.isShowingAll, labelShowLess: this.i18nShowLess, onClick: () => this.onCardListVisibilityToggle(), onShowAllClick: (e) => this.onShowAllClick(e), hideShowAll: this.hideShowAll }), index.h("div", { key: '5b58a1b417432b173720024ab2cb5a1987e8b6d6', class: {
219
219
  CardList__Overflow: true,
220
- }, style: this.computeMaskLayer() }, index.h("div", { key: '24a16d383eb1af5a329c417a868524d8c55fbc0c', class: {
220
+ }, style: this.computeMaskLayer() }, index.h("div", { key: 'c29a2167cd3cfafec0201e5b94991f315d4fbf63', class: {
221
221
  CardList__Content: true,
222
222
  CardList__Content__Collapsed: this.collapse,
223
223
  CardList__Style__Flexbox__Scroll: this.listStyle === 'stack',
224
224
  CardList__Style__Infinite__Scroll: this.listStyle === 'scroll',
225
- }, onScroll: () => this.onCardListScroll() }, index.h("slot", { key: '9c07172b248331bbf093808e2873ca56daca17aa', onSlotchange: () => {
225
+ }, onScroll: () => this.onCardListScroll() }, index.h("slot", { key: '3507c68ab7bbd51d0fb0f3757ff81b6fe9ca5059', onSlotchange: () => {
226
226
  this.changeVisibilityOfSlotChildren();
227
227
  } }), this.isShowMoreCardVisible() ? (index.h("ix-card", { class: {
228
228
  Show__All__Card: true,
@@ -22,11 +22,11 @@ const Card = class {
22
22
  */
23
23
  passive = false;
24
24
  render() {
25
- return (index.h(index.Host, { key: 'b7cda25da56fae5d7bb3afd89867d7d64e66da9d', class: {
25
+ return (index.h(index.Host, { key: 'f03127d68ad6d11da72bcc3fd2b35c7f2f45c390', class: {
26
26
  selected: this.selected,
27
27
  [`card-${this.variant}`]: true,
28
28
  passive: this.passive,
29
- } }, index.h("div", { key: '7bc1c062f62d8f053c17af8993fac55611ef6ef2', class: "card-content" }, index.h("slot", { key: '2ea9c6d84ef11db4fe662c22005b09cdb0b9a227' })), index.h("div", { key: '157ff1e9785bae0e572f37e3529f224bb4e925fd', class: "card-footer" }, index.h("slot", { key: '171e9b6c82b90b7cb1e5b9ca5f45dbcb2cacd26b', name: "card-accordion" }))));
29
+ } }, index.h("div", { key: 'd509b3f44bd4a18fcb681d5c0679f1ee878d6a12', class: "card-content" }, index.h("slot", { key: 'f3517a1efda8bcf1a5ee9652450effdd04a01ea9' })), index.h("div", { key: '7e188b0dff328111f405b3c24b17cdf5ffe98c8d', class: "card-footer" }, index.h("slot", { key: '249d1d75a93c74866a112efc6cd8a1918740e4f2', name: "card-accordion" }))));
30
30
  }
31
31
  };
32
32
  Card.style = cardCss();
@@ -38,7 +38,7 @@ const CardContent = class {
38
38
  index.registerInstance(this, hostRef);
39
39
  }
40
40
  render() {
41
- return (index.h(index.Host, { key: '918473b60dc96e14c935bd7d46022b7a9c0abf46' }, index.h("div", { key: '4e5593a246b22c0d04f777ff89bbc8a936d05db3', class: "content-wrapper" }, index.h("slot", { key: '7a89cac6011e0446fe3a0cfd45036967af53ab79' }))));
41
+ return (index.h(index.Host, { key: '1198efe8d8ff7651bf7388ef59a441dacb56893d' }, index.h("div", { key: 'af4efb9e309955fd6ec9e07e32d477655a6db7c3', class: "content-wrapper" }, index.h("slot", { key: '661b91d70973f16ae60a9eacb1f58a8b7e3cdc98' }))));
42
42
  }
43
43
  };
44
44
  CardContent.style = cardContentCss();
@@ -108,10 +108,10 @@ const CheckboxGroup = class {
108
108
  return Promise.resolve(this.checkboxElements.some((checkbox) => checkbox.checked));
109
109
  }
110
110
  render() {
111
- return (index.h(index.Host, { key: 'c4fc534271973ace749f101e65f59286d9ac2155', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, index.h("ix-field-wrapper", { key: '2bd30dc064e6f611b8ae14c3d11f108f91dfb8d7', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, index.h("div", { key: '86a167bd0b683913f7cba7250f64bd93f6c319a5', class: {
111
+ return (index.h(index.Host, { key: 'd6718d48f2596083126ff7d697c1defea55d5a03', ref: this.groupRef, onIxBlur: () => (this.touched = true) }, index.h("ix-field-wrapper", { key: 'dc0cdf907e3aed04ba33dd10802af6cad2621d58', label: this.label, helperText: this.helperText, invalidText: this.invalidText, infoText: this.infoText, validText: this.validText, warningText: this.warningText, showTextAsTooltip: this.showTextAsTooltip, isInvalid: this.isInvalid, isInfo: this.isInfo, isValid: this.isValid, isWarning: this.isWarning, controlRef: this.groupRef }, index.h("div", { key: '95782aa76994a8867fa31a7f4ba3a5c5fa8811bb', class: {
112
112
  'checkbox-container': true,
113
113
  'row-layout': this.direction === 'row',
114
- } }, index.h("slot", { key: 'a46e693b49c0f23214fb8dbd5c089e42652b746f' })))));
114
+ } }, index.h("slot", { key: 'f0c035b2293f104bdd57bcebb392c2d9fdca9c56' })))));
115
115
  }
116
116
  };
117
117
  __decorate([
@@ -141,14 +141,14 @@ const Checkbox = class {
141
141
  return (index.h("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, this.indeterminate && (index.h(index.Fragment, null, index.h("rect", { width: "18", height: "18", fill: "transparent" }), index.h("rect", { x: "3", y: "8", width: "12", height: "2", fill: "var(--ix-checkbox-check-color)" }))), this.checked && (index.h("path", { d: "M3.65625 8.15625L8.4375 12.9375L14.625 3.9375", stroke: "var(--ix-checkbox-check-color)", "stroke-width": "2" }))));
142
142
  }
143
143
  render() {
144
- return (index.h(index.Host, { key: '9c353db29458af8bf9fff3a1433791dcaedb9e76', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "checkbox", class: {
144
+ return (index.h(index.Host, { key: '35812b8dead64c244b7a52eb16928bad8d7ab3ac', "aria-checked": a11y.a11yBoolean(this.checked), "aria-disabled": a11y.a11yBoolean(this.disabled), role: "checkbox", class: {
145
145
  disabled: this.disabled,
146
146
  checked: this.checked,
147
147
  indeterminate: this.indeterminate,
148
148
  'label-less': this.isLabelLess,
149
- }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, index.h("label", { key: 'd0ed641122caa2175facad671e038b5f6f61926a' }, index.h("input", { key: 'ce50b07c238ecf34096c4294d7795f585b896836', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), index.h("div", { key: '81b24e66445a7a79dbf0ee2cfd129b70d74f9b74', class: "checkbox-button" }, index.h("button", { key: '180a94cca8a27191d0853356e814e94af7d1edc5', disabled: this.disabled, class: {
149
+ }, onFocus: () => (this.touched = true), onBlur: () => this.ixBlur.emit() }, index.h("label", { key: '95d7ed9fcd59474b6978819a9b7c97ba80ba26fd' }, index.h("input", { key: 'cf9c3545c17df102d35900d5243c1f1c50f18c6f', "aria-checked": a11y.a11yBoolean(this.checked), required: this.required, disabled: this.disabled, checked: this.checked, ref: this.inputRef, type: "checkbox", onChange: () => this.setCheckedState(!this.checked) }), index.h("div", { key: 'bd5a04e233b741022ee5398b13d60db12a5fd128', class: "checkbox-button" }, index.h("button", { key: 'ab34c031e430e2f867288961d6e2aad70bd0efff', disabled: this.disabled, class: {
150
150
  checked: this.checked,
151
- }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark())), index.h("ix-typography", { key: 'c2eef4e975fcb6fde8a381818896d74af3e6d5a3', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: 'c3b38ea2eba94a7093fa9d9394cfd197144cdec9', onSlotchange: () => this.updateDefaultSlotElements(), ref: (element) => (this.defaultSlotElement = element) })))));
151
+ }, onClick: () => this.setCheckedState(!this.checked) }, this.renderCheckmark())), index.h("ix-typography", { key: '1de00db72c4eb6c2d259eead82e76e07ec10922b', format: "label", textColor: this.disabled ? 'weak' : 'std' }, this.label, index.h("slot", { key: '781bb2d36b1e5b006fea618ad39b0af0a2000b21', onSlotchange: () => this.updateDefaultSlotElements(), ref: (element) => (this.defaultSlotElement = element) })))));
152
152
  }
153
153
  static get formAssociated() { return true; }
154
154
  static get watchers() { return {
@@ -171,14 +171,14 @@ const Chip = class extends index.Mixin(...component.DefaultMixins, inheritAriaAt
171
171
  !!this.inheritAriaAttributes['aria-labelledby']?.trim();
172
172
  const hasTooltip = !!this.tooltipText || this.hostElement.hasAttribute('tooltip-text');
173
173
  const needsGroupRole = hasAccessibleName && (showClose || hasTooltip);
174
- return (index.h(index.Host, { key: '9f724c90d7b7b50436fd53dac1c9e473b568f8f6', role: this.getHostRole(needsGroupRole), class: {
174
+ return (index.h(index.Host, { key: '074e1b8df0edfe5db620b313070c952d94fb6764', role: this.getHostRole(needsGroupRole), class: {
175
175
  inactive: this.inactive,
176
- } }, index.h("div", { key: '5fe02566c2d6b0a5ef6c6bc5c75aa8a1c9eae41c', ref: this.containerElementRef, class: wrapClasses, style: customWrapStyle }, index.h("button", { key: '9fe4c5a27535af0dc8bff42cc2d4e7277e91e7bd', type: "button", class: "chip-main", ...this.inheritAriaAttributes, disabled: this.inactive, style: customMainStyle }, index.h("div", { key: 'fa78760c9912d9642d95b60e401f599de00bc26c', class: "content-wrapper" }, this.icon && (index.h("ix-icon", { key: '34307f0a33c01af655f4d37498a6fc98dfc499c5', class: {
176
+ } }, index.h("div", { key: '4f3be99387f137357324a14e4b66c60c61e95c36', ref: this.containerElementRef, class: wrapClasses, style: customWrapStyle }, index.h("button", { key: '37c9d95256b2d0b1567cb6d9679cfedc319ae32a', type: "button", class: "chip-main", ...this.inheritAriaAttributes, disabled: this.inactive, style: customMainStyle }, index.h("div", { key: '44b27264ee46a492016c92085f2ca13370ba311f', class: "content-wrapper" }, this.icon && (index.h("ix-icon", { key: '05c6d7f19b9132c120e99110c76181557cb82c64', class: {
177
177
  'with-icon': true,
178
- }, name: this.icon, size: '24', "aria-label": this.ariaLabelIcon, "aria-hidden": a11y.a11yBoolean(iconIsDecorative), style: this.getIconStyle(variant) })), index.h("span", { key: 'c2093240153933547f8c1e6e5cbe80d664c5aafa', class: "slot-container" }, index.h("slot", { key: 'c08bf6660d91b77e9d640583a9e2eb5cc4de7365' })))), showClose && (index.h("button", { key: '233aaa96d9650b9b357b7bae028f9baafd312517', type: "button", class: "chip-close", "aria-label": this.ariaLabelCloseButton, onClick: (event) => {
178
+ }, name: this.icon, size: '24', "aria-label": this.ariaLabelIcon, "aria-hidden": a11y.a11yBoolean(iconIsDecorative), style: this.getIconStyle(variant) })), index.h("span", { key: '303f4abb9ae0bff1d823d9a8960767df237282a6', class: "slot-container" }, index.h("slot", { key: '8918f352f8e7e73e8b9c1276025b9a440058173f' })))), showClose && (index.h("button", { key: '56f34dccef82fc49349dd0b323cd84f25ab3c401', type: "button", class: "chip-close", "aria-label": this.ariaLabelCloseButton, onClick: (event) => {
179
179
  this.closeChip.emit(event);
180
180
  event.stopPropagation();
181
- } }, index.h("ix-icon", { key: 'f095e50123273af0a21f3321e6b81358f1cfe8b3', class: "chip-close__icon", name: index$1.iconCloseSmall, size: "16", "aria-hidden": "true" })))), this.getTooltip()));
181
+ } }, index.h("ix-icon", { key: '6bc6e05f59525c5819b95805fd95be372af1ec65', class: "chip-close__icon", name: index$1.iconCloseSmall, size: "16", "aria-hidden": "true" })))), this.getTooltip()));
182
182
  }
183
183
  static get watchers() { return {
184
184
  "role": [{
@@ -83,9 +83,9 @@ const Col = class {
83
83
  };
84
84
  }
85
85
  render() {
86
- return (index.h(index.Host, { key: '8f9bb67a9721a22dab39e140b0e180a868839416', style: {
86
+ return (index.h(index.Host, { key: '6cb1bfd2e52e79b9904cbed20b2e6f8ba09b5945', style: {
87
87
  ...this.getColumnSizeStyling(),
88
- } }, index.h("slot", { key: '2d34daa2051b168c8b4dd61233d80195be90f3d5' })));
88
+ } }, index.h("slot", { key: 'd3bcb1164a364e62f23200fc06d49e8f2a5c72ae' })));
89
89
  }
90
90
  };
91
91
  Col.style = colCss();
@@ -109,12 +109,12 @@ const LayoutGrid = class {
109
109
  */
110
110
  columns = 12;
111
111
  render() {
112
- return (index.h(index.Host, { key: '799b08194c2dfc38cbf4bd8c0e7d69f4cd42c577', class: {
112
+ return (index.h(index.Host, { key: 'e6f61e2437dcf9815db4f5c1d2f2a13f8e579572', class: {
113
113
  'no-margin': this.noMargin,
114
114
  }, style: {
115
115
  '--ix-layout-grid-columns': `${this.columns}`,
116
116
  '--ix-layout-grid-gutter': `${this.gap}px`,
117
- } }, index.h("slot", { key: '8177f73aacd4da3cd8d52cb2cc16f6694e032851' })));
117
+ } }, index.h("slot", { key: '485b027cb1717fe267b919d9f6b822a18db66a4f' })));
118
118
  }
119
119
  };
120
120
  LayoutGrid.style = layoutGridCss();
@@ -126,7 +126,7 @@ const Row = class {
126
126
  index.registerInstance(this, hostRef);
127
127
  }
128
128
  render() {
129
- return (index.h(index.Host, { key: 'd196cf5b6609b66fd1d8e60175373e6463faec5c' }, index.h("slot", { key: 'cd5208fe0e779fb69579e8f9bbc1af21572d8bbc' })));
129
+ return (index.h(index.Host, { key: '7c76876500cb51c2e200bc8e7fa70d74e4c33853' }, index.h("slot", { key: '40e1b394378241b5731916a4f0e858ad99d75074' })));
130
130
  }
131
131
  };
132
132
  Row.style = rowCss();
@@ -31,13 +31,13 @@ const ContentHeader = class {
31
31
  */
32
32
  backButtonClick;
33
33
  render() {
34
- return (index.h(index.Host, { key: 'a81bf466bf10e9e7a0794253b246c340a9b92999' }, this.hasBackButton ? (index.h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: index$1.iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, index.h("div", { key: '7b81cb2b7c5d48fdd75b631e9ef2b5da9224f455', class: "titleGroup" }, index.h("div", { key: '59d28222f4bbfd83a94490f10bb67b944e44c79f', class: "headerTitleRow" }, index.h("ix-typography", { key: 'f6b3985a6b8e2420e4d63a7032b1ff1f12f93679', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
34
+ return (index.h(index.Host, { key: '7aff9412995ceff09f9e01cbe258702fd102ea75' }, this.hasBackButton ? (index.h("ix-icon-button", { class: 'backButton', variant: "tertiary", icon: index$1.iconArrowLeft, onClick: () => this.backButtonClick.emit() })) : null, index.h("div", { key: 'ee525ee229cdb39d8095189634bdd98c97a71a55', class: "titleGroup" }, index.h("div", { key: '15262bbc2565c60fbccf52284c926e3d71147337', class: "headerTitleRow" }, index.h("ix-typography", { key: 'e3c3a23df25528b96f22c4144a8a3e1d5cfea603', format: this.variant === 'secondary' ? 'h4' : 'h3', class: {
35
35
  secondary: this.variant === 'secondary',
36
36
  titleOverflow: true,
37
- } }, this.headerTitle), index.h("div", { key: '9b1a9f865955f4b02a23a528d61e54959a8992d1', class: "headerSlot" }, index.h("slot", { key: '8d7d21906e9042de89123de9489b2cd8d8db25b5', name: "header" }))), !!this.headerSubtitle && (index.h("ix-typography", { key: '2b29f3ebde503fa328c10bad48ba5b98455d8a31', format: 'h6', "text-color": 'soft', class: {
37
+ } }, this.headerTitle), index.h("div", { key: '0faeabfcaa745ad3ae69ea1643767d5ba07f3ac9', class: "headerSlot" }, index.h("slot", { key: '569da58b7ae972574bb52b4a201d8a8f9e89bfc4', name: "header" }))), !!this.headerSubtitle && (index.h("ix-typography", { key: '38ce3d985ce6ac069ee1a47dcf999b9f7c1ec6af', format: 'h6', "text-color": 'soft', class: {
38
38
  subtitle: this.variant === 'secondary',
39
39
  titleOverflow: true,
40
- }, title: this.headerSubtitle }, this.headerSubtitle))), index.h("div", { key: '0a558d5e3c40ab3e5ebd77c1ff8e0e316e263658', class: "buttons" }, index.h("slot", { key: 'f54687cd38db7f152f3495beec362f0dc82e2bef' }))));
40
+ }, title: this.headerSubtitle }, this.headerSubtitle))), index.h("div", { key: 'b792938f171aa505945a8da026303ebef1ba9837', class: "buttons" }, index.h("slot", { key: '68eb9f74a2120f9b62742b34735792cdf67530aa' }))));
41
41
  }
42
42
  };
43
43
  ContentHeader.style = contentHeaderCss();