@siemens/ix 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (737) hide show
  1. package/READMEOSS.html +331 -0
  2. package/components/index.js +3 -3
  3. package/components/index.js.map +1 -1
  4. package/components/ix-application-header.js +1 -1
  5. package/components/ix-application-switch-modal.js +4 -4
  6. package/components/ix-avatar.js +1 -1
  7. package/components/ix-basic-navigation.js +4 -4
  8. package/components/ix-blind.js +2 -2
  9. package/components/ix-blind.js.map +1 -1
  10. package/components/ix-breadcrumb-item.js +1 -1
  11. package/components/ix-breadcrumb.js +3 -3
  12. package/components/ix-button.js +1 -1
  13. package/components/ix-card-accordion.js +1 -1
  14. package/components/ix-card-list.js +3 -3
  15. package/components/ix-category-filter.js +5 -5
  16. package/components/ix-category-filter.js.map +1 -1
  17. package/components/ix-checkbox-group.js +3 -3
  18. package/components/ix-checkbox-group.js.map +1 -1
  19. package/components/ix-chip.js +7 -6
  20. package/components/ix-chip.js.map +1 -1
  21. package/components/ix-content-header.js +2 -2
  22. package/components/ix-custom-field.js +1 -1
  23. package/components/ix-date-dropdown.js +6 -6
  24. package/components/ix-date-input.js +15 -10
  25. package/components/ix-date-input.js.map +1 -1
  26. package/components/ix-date-picker.js +1 -1
  27. package/components/ix-datetime-picker.js +5 -5
  28. package/components/ix-drawer.js +2 -2
  29. package/components/ix-dropdown-button.js +4 -4
  30. package/components/ix-dropdown-item.js +1 -1
  31. package/components/ix-dropdown.js +1 -1
  32. package/components/ix-empty-state.js +1 -1
  33. package/components/ix-event-list-item.js +2 -2
  34. package/components/ix-event-list-item.js.map +1 -1
  35. package/components/ix-expanding-search.js +3 -3
  36. package/components/ix-expanding-search.js.map +1 -1
  37. package/components/ix-field-wrapper.js +1 -1
  38. package/components/ix-filter-chip.js +1 -1
  39. package/components/ix-flip-tile.js +2 -2
  40. package/components/ix-group-context-menu.js +1 -1
  41. package/components/ix-group.js +4 -4
  42. package/components/ix-group.js.map +1 -1
  43. package/components/ix-helper-text.js +1 -1
  44. package/components/ix-icon-button.js +1 -1
  45. package/components/ix-icon-toggle-button.js +11 -3
  46. package/components/ix-icon-toggle-button.js.map +1 -1
  47. package/components/ix-input.js +10 -9
  48. package/components/ix-input.js.map +1 -1
  49. package/components/ix-kpi.js +2 -2
  50. package/components/ix-kpi.js.map +1 -1
  51. package/components/ix-link-button.js +2 -2
  52. package/components/ix-link-button.js.map +1 -1
  53. package/components/ix-map-navigation-overlay.js +1 -1
  54. package/components/ix-map-navigation.js +6 -6
  55. package/components/ix-menu-about-news.js +3 -3
  56. package/components/ix-menu-about.js +3 -3
  57. package/components/ix-menu-avatar-item.js +1 -1
  58. package/components/ix-menu-avatar.js +6 -6
  59. package/components/ix-menu-avatar.js.map +1 -1
  60. package/components/ix-menu-category.js +4 -4
  61. package/components/ix-menu-expand-icon.js +1 -1
  62. package/components/ix-menu-item.js +1 -1
  63. package/components/ix-menu-settings.js +1 -1
  64. package/components/ix-menu.js +5 -5
  65. package/components/ix-message-bar.js +2 -2
  66. package/components/ix-modal-header.js +1 -1
  67. package/components/ix-number-input.js +3 -3
  68. package/components/ix-pagination.js +9 -9
  69. package/components/ix-pagination.js.map +1 -1
  70. package/components/ix-pane.js +2 -2
  71. package/components/ix-pill.js +3 -4
  72. package/components/ix-pill.js.map +1 -1
  73. package/components/ix-push-card.js +1 -1
  74. package/components/ix-radio-group.js +3 -3
  75. package/components/ix-radio-group.js.map +1 -1
  76. package/components/ix-radio.js +4 -4
  77. package/components/ix-radio.js.map +1 -1
  78. package/components/ix-select-item.js +1 -1
  79. package/components/ix-select.js +1 -1
  80. package/components/ix-slider.js +7 -7
  81. package/components/ix-slider.js.map +1 -1
  82. package/components/ix-split-button.js +4 -4
  83. package/components/ix-tabs.js +1 -1
  84. package/components/ix-textarea.js +1 -1
  85. package/components/ix-time-picker.js +1 -1
  86. package/components/ix-toast-container.js +2 -2
  87. package/components/ix-toast.js +1 -1
  88. package/components/ix-toggle.js +1 -1
  89. package/components/ix-toggle.js.map +1 -1
  90. package/components/ix-tree-item.js +1 -1
  91. package/components/ix-tree.js +1 -1
  92. package/components/ix-upload.js +2 -2
  93. package/components/ix-workflow-step.js +1 -1
  94. package/components/{p-zx7LlxPa.js → p-B7KL9wqA.js} +4 -4
  95. package/components/{p-zx7LlxPa.js.map → p-B7KL9wqA.js.map} +1 -1
  96. package/components/{p-CPs2id8p.js → p-B7hM-Ptf.js} +5 -5
  97. package/components/{p-CPs2id8p.js.map → p-B7hM-Ptf.js.map} +1 -1
  98. package/components/{p-CGLA6FT7.js → p-BDlUCzdQ.js} +3 -3
  99. package/components/{p-CGLA6FT7.js.map → p-BDlUCzdQ.js.map} +1 -1
  100. package/components/{p-BDzoigTw.js → p-BGFYBgKJ.js} +3 -3
  101. package/components/{p-BDzoigTw.js.map → p-BGFYBgKJ.js.map} +1 -1
  102. package/components/{p-FayACwNG.js → p-BMylJWWP.js} +6 -6
  103. package/components/{p-FayACwNG.js.map → p-BMylJWWP.js.map} +1 -1
  104. package/components/{p-CwYYFZjd.js → p-B_o_wd-4.js} +3 -3
  105. package/components/{p-CwYYFZjd.js.map → p-B_o_wd-4.js.map} +1 -1
  106. package/components/{p-Dn_WjwtW.js → p-BdCskL_j.js} +4 -3
  107. package/components/p-BdCskL_j.js.map +1 -0
  108. package/components/{p-Cyxle5Ec.js → p-Bh9l8HMz.js} +3 -3
  109. package/components/{p-Cyxle5Ec.js.map → p-Bh9l8HMz.js.map} +1 -1
  110. package/components/{p-D9Zr-lKz.js → p-BkWyDnfx.js} +8 -7
  111. package/components/p-BkWyDnfx.js.map +1 -0
  112. package/components/{p-CxztL6IE.js → p-BkmSD6MC.js} +10 -10
  113. package/components/{p-CxztL6IE.js.map → p-BkmSD6MC.js.map} +1 -1
  114. package/components/{p-uhiF1LKf.js → p-BrRMtQIh.js} +3 -3
  115. package/components/{p-uhiF1LKf.js.map → p-BrRMtQIh.js.map} +1 -1
  116. package/components/p-CPUiQJXe.js +151 -0
  117. package/components/p-CPUiQJXe.js.map +1 -0
  118. package/components/{p-VXLdiXU0.js → p-CRSLovo3.js} +6 -6
  119. package/components/{p-VXLdiXU0.js.map → p-CRSLovo3.js.map} +1 -1
  120. package/components/p-CUVSwwVj.js +130 -0
  121. package/components/{p-d7CnwTHv.js.map → p-CUVSwwVj.js.map} +1 -1
  122. package/components/{p-BXPo5zF6.js → p-CaRgDWxT.js} +4 -4
  123. package/components/{p-BXPo5zF6.js.map → p-CaRgDWxT.js.map} +1 -1
  124. package/components/{p-BtKUjD8M.js → p-CnWYvVQ3.js} +3 -3
  125. package/components/{p-BtKUjD8M.js.map → p-CnWYvVQ3.js.map} +1 -1
  126. package/components/{p-DuEVN6w5.js → p-CqoVeXMY.js} +3 -3
  127. package/components/{p-DuEVN6w5.js.map → p-CqoVeXMY.js.map} +1 -1
  128. package/components/{p-CTuKljhZ.js → p-CtwIu3QJ.js} +4 -4
  129. package/components/{p-CTuKljhZ.js.map → p-CtwIu3QJ.js.map} +1 -1
  130. package/components/{p-DAYuUWi5.js → p-D0ry5azH.js} +4 -4
  131. package/components/{p-DAYuUWi5.js.map → p-D0ry5azH.js.map} +1 -1
  132. package/components/{p-QHGR-zzJ.js → p-D8SFajOg.js} +4 -4
  133. package/components/{p-QHGR-zzJ.js.map → p-D8SFajOg.js.map} +1 -1
  134. package/components/{p-BBozAuYN.js → p-D9C7eJG_.js} +3 -3
  135. package/components/{p-BBozAuYN.js.map → p-D9C7eJG_.js.map} +1 -1
  136. package/components/p-DEBkXmnp.js +103 -0
  137. package/components/{p-HblhO3lB.js.map → p-DEBkXmnp.js.map} +1 -1
  138. package/components/{p-uv1SlmiP.js → p-DFvn_bf5.js} +3 -3
  139. package/components/{p-uv1SlmiP.js.map → p-DFvn_bf5.js.map} +1 -1
  140. package/components/{p-R4QcECdA.js → p-DZQl3d7c.js} +4 -4
  141. package/components/{p-R4QcECdA.js.map → p-DZQl3d7c.js.map} +1 -1
  142. package/components/{p-elgF4vOp.js → p-DjCDFG2y.js} +3 -3
  143. package/components/{p-elgF4vOp.js.map → p-DjCDFG2y.js.map} +1 -1
  144. package/components/{p-BPVegBx7.js → p-EaMVU4l2.js} +7 -7
  145. package/components/{p-BPVegBx7.js.map → p-EaMVU4l2.js.map} +1 -1
  146. package/components/{p-DPZN-4Ph.js → p-jGKKq0c2.js} +3 -3
  147. package/components/{p-DPZN-4Ph.js.map → p-jGKKq0c2.js.map} +1 -1
  148. package/components/{p-Bcmjgmqd.js → p-wwfcx9O8.js} +4 -4
  149. package/components/{p-Bcmjgmqd.js.map → p-wwfcx9O8.js.map} +1 -1
  150. package/dist/cjs/{helper-text-util-Dk2i8B86.js → helper-text-util-BHdcI0ys.js} +3 -3
  151. package/dist/cjs/{helper-text-util-Dk2i8B86.js.map → helper-text-util-BHdcI0ys.js.map} +1 -1
  152. package/dist/cjs/{index-IWZYsRU-.js → index-BHnoO_aB.js} +3 -3
  153. package/dist/cjs/{index-IWZYsRU-.js.map → index-BHnoO_aB.js.map} +1 -1
  154. package/dist/cjs/{index-DIFIjYrm.js → index-Dlx7IaH3.js} +4 -2
  155. package/dist/cjs/{index-DIFIjYrm.js.map → index-Dlx7IaH3.js.map} +1 -1
  156. package/dist/cjs/index.cjs.js +3 -2
  157. package/dist/cjs/index.cjs.js.map +1 -1
  158. package/dist/cjs/ix-application-header.cjs.entry.js +3 -3
  159. package/dist/cjs/ix-application-switch-modal.cjs.entry.js +2 -2
  160. package/dist/cjs/ix-avatar.ix-menu-avatar-item.entry.cjs.js.map +1 -1
  161. package/dist/cjs/ix-avatar_2.cjs.entry.js +1 -1
  162. package/dist/cjs/ix-avatar_2.cjs.entry.js.map +1 -1
  163. package/dist/cjs/ix-blind.cjs.entry.js +2 -2
  164. package/dist/cjs/ix-blind.cjs.entry.js.map +1 -1
  165. package/dist/cjs/ix-blind.entry.cjs.js.map +1 -1
  166. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js +2 -2
  167. package/dist/cjs/ix-breadcrumb-item.cjs.entry.js.map +1 -1
  168. package/dist/cjs/ix-breadcrumb-item.entry.cjs.js.map +1 -1
  169. package/dist/cjs/ix-button.cjs.entry.js +27 -10
  170. package/dist/cjs/ix-button.cjs.entry.js.map +1 -1
  171. package/dist/cjs/ix-button.entry.cjs.js.map +1 -1
  172. package/dist/cjs/ix-card-accordion_2.cjs.entry.js +1 -1
  173. package/dist/cjs/ix-card-list.cjs.entry.js +1 -1
  174. package/dist/cjs/ix-category-filter.cjs.entry.js +2 -2
  175. package/dist/cjs/ix-category-filter.cjs.entry.js.map +1 -1
  176. package/dist/cjs/ix-category-filter.entry.cjs.js.map +1 -1
  177. package/dist/cjs/ix-checkbox-group.cjs.entry.js +2 -2
  178. package/dist/cjs/ix-checkbox-group.cjs.entry.js.map +1 -1
  179. package/dist/cjs/ix-checkbox-group.entry.cjs.js.map +1 -1
  180. package/dist/cjs/ix-chip.cjs.entry.js +6 -5
  181. package/dist/cjs/ix-chip.cjs.entry.js.map +1 -1
  182. package/dist/cjs/ix-chip.entry.cjs.js.map +1 -1
  183. package/dist/cjs/ix-col_4.cjs.entry.js +1 -1
  184. package/dist/cjs/ix-content-header.cjs.entry.js +1 -1
  185. package/dist/cjs/ix-date-dropdown.cjs.entry.js +1 -1
  186. package/dist/cjs/ix-date-input.cjs.entry.js +10 -5
  187. package/dist/cjs/ix-date-input.cjs.entry.js.map +1 -1
  188. package/dist/cjs/ix-date-input.entry.cjs.js.map +1 -1
  189. package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
  190. package/dist/cjs/ix-dropdown-button.cjs.entry.js +1 -1
  191. package/dist/cjs/ix-dropdown-item.cjs.entry.js +1 -1
  192. package/dist/cjs/ix-dropdown.cjs.entry.js +1 -1
  193. package/dist/cjs/ix-dropdown.cjs.entry.js.map +1 -1
  194. package/dist/cjs/ix-dropdown.entry.cjs.js.map +1 -1
  195. package/dist/cjs/ix-event-list-item.cjs.entry.js +2 -2
  196. package/dist/cjs/ix-event-list-item.cjs.entry.js.map +1 -1
  197. package/dist/cjs/ix-event-list-item.entry.cjs.js.map +1 -1
  198. package/dist/cjs/ix-expanding-search.cjs.entry.js +2 -2
  199. package/dist/cjs/ix-expanding-search.cjs.entry.js.map +1 -1
  200. package/dist/cjs/ix-expanding-search.entry.cjs.js.map +1 -1
  201. package/dist/cjs/ix-field-label_2.cjs.entry.js +2 -2
  202. package/dist/cjs/ix-filter-chip_2.cjs.entry.js +1 -1
  203. package/dist/cjs/ix-flip-tile.cjs.entry.js +1 -1
  204. package/dist/cjs/ix-group-context-menu_2.cjs.entry.js +1 -1
  205. package/dist/cjs/ix-group.cjs.entry.js +2 -2
  206. package/dist/cjs/ix-group.cjs.entry.js.map +1 -1
  207. package/dist/cjs/ix-group.entry.cjs.js.map +1 -1
  208. package/dist/cjs/ix-helper-text.cjs.entry.js +2 -2
  209. package/dist/cjs/ix-icon-button.ix-spinner.entry.cjs.js.map +1 -1
  210. package/dist/cjs/ix-icon-button_2.cjs.entry.js +1 -1
  211. package/dist/cjs/ix-icon-button_2.cjs.entry.js.map +1 -1
  212. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js +10 -3
  213. package/dist/cjs/ix-icon-toggle-button.cjs.entry.js.map +1 -1
  214. package/dist/cjs/ix-icon-toggle-button.entry.cjs.js.map +1 -1
  215. package/dist/cjs/ix-input.cjs.entry.js +8 -7
  216. package/dist/cjs/ix-input.cjs.entry.js.map +1 -1
  217. package/dist/cjs/ix-input.entry.cjs.js.map +1 -1
  218. package/dist/cjs/ix-kpi.cjs.entry.js +2 -2
  219. package/dist/cjs/ix-kpi.cjs.entry.js.map +1 -1
  220. package/dist/cjs/ix-kpi.entry.cjs.js.map +1 -1
  221. package/dist/cjs/ix-link-button.cjs.entry.js +2 -2
  222. package/dist/cjs/ix-link-button.cjs.entry.js.map +1 -1
  223. package/dist/cjs/ix-link-button.entry.cjs.js.map +1 -1
  224. package/dist/cjs/ix-map-navigation-overlay.cjs.entry.js +1 -1
  225. package/dist/cjs/ix-map-navigation.cjs.entry.js +1 -1
  226. package/dist/cjs/ix-menu-about-news.cjs.entry.js +1 -1
  227. package/dist/cjs/ix-menu-about.cjs.entry.js +2 -2
  228. package/dist/cjs/ix-menu-avatar.cjs.entry.js +2 -2
  229. package/dist/cjs/ix-menu-avatar.cjs.entry.js.map +1 -1
  230. package/dist/cjs/ix-menu-avatar.entry.cjs.js.map +1 -1
  231. package/dist/cjs/ix-menu-category.cjs.entry.js +1 -1
  232. package/dist/cjs/ix-menu-expand-icon.cjs.entry.js +1 -1
  233. package/dist/cjs/ix-menu-item.cjs.entry.js +1 -1
  234. package/dist/cjs/{ix-menu-settings-WDbyAxNK.js → ix-menu-settings-CYHpPffQ.js} +3 -3
  235. package/dist/cjs/{ix-menu-settings-WDbyAxNK.js.map → ix-menu-settings-CYHpPffQ.js.map} +1 -1
  236. package/dist/cjs/ix-menu-settings.cjs.entry.js +2 -2
  237. package/dist/cjs/ix-menu.cjs.entry.js +3 -3
  238. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  239. package/dist/cjs/ix-modal-content_2.cjs.entry.js +1 -1
  240. package/dist/cjs/ix-number-input.cjs.entry.js +1 -1
  241. package/dist/cjs/ix-pagination.cjs.entry.js +2 -2
  242. package/dist/cjs/ix-pagination.cjs.entry.js.map +1 -1
  243. package/dist/cjs/ix-pagination.entry.cjs.js.map +1 -1
  244. package/dist/cjs/ix-pane.cjs.entry.js +1 -1
  245. package/dist/cjs/ix-pill.cjs.entry.js +3 -4
  246. package/dist/cjs/ix-pill.cjs.entry.js.map +1 -1
  247. package/dist/cjs/ix-pill.entry.cjs.js.map +1 -1
  248. package/dist/cjs/ix-radio-group.cjs.entry.js +2 -2
  249. package/dist/cjs/ix-radio-group.cjs.entry.js.map +1 -1
  250. package/dist/cjs/ix-radio-group.entry.cjs.js.map +1 -1
  251. package/dist/cjs/ix-radio.cjs.entry.js +4 -4
  252. package/dist/cjs/ix-radio.cjs.entry.js.map +1 -1
  253. package/dist/cjs/ix-radio.entry.cjs.js.map +1 -1
  254. package/dist/cjs/ix-select.cjs.entry.js +2 -2
  255. package/dist/cjs/ix-select.cjs.entry.js.map +1 -1
  256. package/dist/cjs/ix-select.entry.cjs.js.map +1 -1
  257. package/dist/cjs/ix-slider.cjs.entry.js +7 -7
  258. package/dist/cjs/ix-slider.cjs.entry.js.map +1 -1
  259. package/dist/cjs/ix-slider.entry.cjs.js.map +1 -1
  260. package/dist/cjs/ix-split-button.cjs.entry.js +1 -1
  261. package/dist/cjs/ix-tab-item_2.cjs.entry.js +1 -1
  262. package/dist/cjs/ix-time-picker.cjs.entry.js +2 -2
  263. package/dist/cjs/ix-time-picker.cjs.entry.js.map +1 -1
  264. package/dist/cjs/ix-time-picker.entry.cjs.js.map +1 -1
  265. package/dist/cjs/ix-toast.cjs.entry.js +1 -1
  266. package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
  267. package/dist/cjs/ix-toggle.cjs.entry.js.map +1 -1
  268. package/dist/cjs/ix-toggle.entry.cjs.js.map +1 -1
  269. package/dist/cjs/ix-tree-item.cjs.entry.js +1 -1
  270. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  271. package/dist/cjs/ix-workflow-step.cjs.entry.js +1 -1
  272. package/dist/cjs/loader.cjs.js +1 -1
  273. package/dist/cjs/{modal-CY_zQjvm.js → modal-CtDjLn9c.js} +8 -7
  274. package/dist/cjs/modal-CtDjLn9c.js.map +1 -0
  275. package/dist/cjs/siemens-ix.cjs.js +1 -1
  276. package/dist/collection/components/action-card/action-card.js +3 -3
  277. package/dist/collection/components/application/application.js +3 -3
  278. package/dist/collection/components/application-header/application-header.js +2 -2
  279. package/dist/collection/components/application-header/application-switch-modal/application-switch-modal.js +1 -1
  280. package/dist/collection/components/avatar/avatar.css +2 -2
  281. package/dist/collection/components/avatar/avatar.js +4 -4
  282. package/dist/collection/components/basic-navigation/basic-navigation.js +2 -2
  283. package/dist/collection/components/blind/blind.css +7 -7
  284. package/dist/collection/components/blind/blind.js +3 -3
  285. package/dist/collection/components/breadcrumb-item/breadcrumb-item.css +30 -30
  286. package/dist/collection/components/breadcrumb-item/breadcrumb-item.js +2 -2
  287. package/dist/collection/components/button/button.css +18 -18
  288. package/dist/collection/components/button/button.js +53 -11
  289. package/dist/collection/components/button/button.js.map +1 -1
  290. package/dist/collection/components/button/test/button.ct.js +69 -0
  291. package/dist/collection/components/button/test/button.ct.js.map +1 -1
  292. package/dist/collection/components/card-list/card-list.js +2 -2
  293. package/dist/collection/components/category-filter/category-filter.css +22 -22
  294. package/dist/collection/components/category-filter/category-filter.js +7 -7
  295. package/dist/collection/components/checkbox/checkbox.js +3 -3
  296. package/dist/collection/components/checkbox-group/checkbox-group.js +8 -8
  297. package/dist/collection/components/checkbox-group/checkbox-group.js.map +1 -1
  298. package/dist/collection/components/chip/chip.css +24 -8
  299. package/dist/collection/components/chip/chip.js +7 -6
  300. package/dist/collection/components/chip/chip.js.map +1 -1
  301. package/dist/collection/components/col/col.js +4 -4
  302. package/dist/collection/components/content-header/content-header.js +2 -2
  303. package/dist/collection/components/css-grid/css-grid.js +1 -1
  304. package/dist/collection/components/custom-field/custom-field.js +7 -7
  305. package/dist/collection/components/date-dropdown/date-dropdown.js +2 -2
  306. package/dist/collection/components/date-input/date-input.js +24 -19
  307. package/dist/collection/components/date-input/date-input.js.map +1 -1
  308. package/dist/collection/components/date-picker/date-picker.js +8 -8
  309. package/dist/collection/components/date-time-card/date-time-card.js +1 -1
  310. package/dist/collection/components/datetime-picker/datetime-picker.js +9 -9
  311. package/dist/collection/components/drawer/drawer.js +1 -1
  312. package/dist/collection/components/dropdown/dropdown.css +1 -1
  313. package/dist/collection/components/dropdown/dropdown.js +5 -5
  314. package/dist/collection/components/dropdown/test/dropdown.ct.js +31 -0
  315. package/dist/collection/components/dropdown/test/dropdown.ct.js.map +1 -1
  316. package/dist/collection/components/dropdown-button/dropdown-button.js +3 -3
  317. package/dist/collection/components/dropdown-header/dropdown-header.js +1 -1
  318. package/dist/collection/components/dropdown-item/dropdown-item.js +2 -2
  319. package/dist/collection/components/empty-state/empty-state.js +3 -3
  320. package/dist/collection/components/event-list-item/event-list-item.css +2 -2
  321. package/dist/collection/components/event-list-item/event-list-item.js +1 -1
  322. package/dist/collection/components/expanding-search/expanding-search.css +4 -4
  323. package/dist/collection/components/expanding-search/expanding-search.js +1 -1
  324. package/dist/collection/components/field-label/field-label.js +3 -3
  325. package/dist/collection/components/field-wrapper/field-wrapper.js +8 -8
  326. package/dist/collection/components/flip-tile/flip-tile.js +1 -1
  327. package/dist/collection/components/group/group.css +2 -2
  328. package/dist/collection/components/group/group.js +3 -3
  329. package/dist/collection/components/group-item/group-item.js +4 -4
  330. package/dist/collection/components/helper-text/helper-text.js +6 -6
  331. package/dist/collection/components/icon-button/icon-button.css +18 -18
  332. package/dist/collection/components/icon-button/icon-button.js +3 -3
  333. package/dist/collection/components/icon-toggle-button/icon-toggle-button.css +18 -18
  334. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js +33 -3
  335. package/dist/collection/components/icon-toggle-button/icon-toggle-button.js.map +1 -1
  336. package/dist/collection/components/input/input.js +21 -20
  337. package/dist/collection/components/input/input.js.map +1 -1
  338. package/dist/collection/components/input/number-input.js +16 -16
  339. package/dist/collection/components/input/textarea.js +16 -16
  340. package/dist/collection/components/key-value/key-value.js +2 -2
  341. package/dist/collection/components/kpi/kpi.css +1 -1
  342. package/dist/collection/components/kpi/kpi.js +3 -3
  343. package/dist/collection/components/link-button/link-button.css +2 -2
  344. package/dist/collection/components/link-button/link-button.js +1 -1
  345. package/dist/collection/components/map-navigation/map-navigation.js +5 -5
  346. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.js +4 -4
  347. package/dist/collection/components/menu/menu-expand-icon.js +1 -1
  348. package/dist/collection/components/menu/menu.js +3 -3
  349. package/dist/collection/components/menu-about/menu-about.js +1 -1
  350. package/dist/collection/components/menu-about-item/menu-about-item.js +1 -1
  351. package/dist/collection/components/menu-about-news/menu-about-news.js +2 -2
  352. package/dist/collection/components/menu-avatar/menu-avatar.css +1 -1
  353. package/dist/collection/components/menu-avatar/menu-avatar.js +4 -4
  354. package/dist/collection/components/menu-avatar-item/menu-avatar-item.js +2 -2
  355. package/dist/collection/components/menu-category/menu-category.js +3 -3
  356. package/dist/collection/components/menu-item/menu-item.js +3 -3
  357. package/dist/collection/components/menu-settings/menu-settings.js +1 -1
  358. package/dist/collection/components/menu-settings-item/menu-settings-item.js +1 -1
  359. package/dist/collection/components/modal/modal.js +2 -2
  360. package/dist/collection/components/modal/test/modal.ct.js +48 -0
  361. package/dist/collection/components/modal/test/modal.ct.js.map +1 -1
  362. package/dist/collection/components/modal-header/modal-header.js +2 -2
  363. package/dist/collection/components/pagination/pagination.css +21 -21
  364. package/dist/collection/components/pane/pane.js +2 -2
  365. package/dist/collection/components/pill/pill.css +24 -8
  366. package/dist/collection/components/pill/pill.js +5 -6
  367. package/dist/collection/components/pill/pill.js.map +1 -1
  368. package/dist/collection/components/push-card/push-card.js +4 -4
  369. package/dist/collection/components/radio/radio.js +8 -8
  370. package/dist/collection/components/radio/radio.js.map +1 -1
  371. package/dist/collection/components/radio-group/radio-group.js +11 -11
  372. package/dist/collection/components/radio-group/radio-group.js.map +1 -1
  373. package/dist/collection/components/select/select.css +1 -1
  374. package/dist/collection/components/select/select.js +11 -11
  375. package/dist/collection/components/select/test/select.ct.js +35 -0
  376. package/dist/collection/components/select/test/select.ct.js.map +1 -1
  377. package/dist/collection/components/select-item/select-item.js +2 -2
  378. package/dist/collection/components/slider/slider.js +9 -9
  379. package/dist/collection/components/slider/slider.js.map +1 -1
  380. package/dist/collection/components/split-button/split-button.js +3 -3
  381. package/dist/collection/components/tab-item/tab-item.js +1 -1
  382. package/dist/collection/components/time-picker/time-picker.css +3 -3
  383. package/dist/collection/components/time-picker/time-picker.js +3 -3
  384. package/dist/collection/components/toast/toast-utils.js +1 -1
  385. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  386. package/dist/collection/components/toast/toast.js +3 -3
  387. package/dist/collection/components/toggle/toggle.css +1 -1
  388. package/dist/collection/components/toggle/toggle.js +2 -2
  389. package/dist/collection/components/toggle-button/toggle-button.js +1 -1
  390. package/dist/collection/components/tooltip/tooltip.js +2 -2
  391. package/dist/collection/components/tree/tree.js +2 -2
  392. package/dist/collection/components/tree-item/tree-item.js +2 -2
  393. package/dist/collection/components/typography/typography.js +2 -2
  394. package/dist/collection/components/upload/upload.js +1 -1
  395. package/dist/collection/components/utils/modal/message.js +6 -5
  396. package/dist/collection/components/utils/modal/message.js.map +1 -1
  397. package/dist/collection/components/validation-tooltip/validation-tooltip.js +1 -1
  398. package/dist/esm/{helper-text-util-DR9KOBuX.js → helper-text-util-CBxdYPv4.js} +3 -3
  399. package/dist/esm/{helper-text-util-DR9KOBuX.js.map → helper-text-util-CBxdYPv4.js.map} +1 -1
  400. package/dist/esm/{index-CpUAGkLr.js → index-8QmwFVqu.js} +3 -3
  401. package/dist/esm/{index-CpUAGkLr.js.map → index-8QmwFVqu.js.map} +1 -1
  402. package/dist/esm/{index-CrTP-icT.js → index-v48bcPT9.js} +4 -3
  403. package/dist/esm/{index-CrTP-icT.js.map → index-v48bcPT9.js.map} +1 -1
  404. package/dist/esm/index.js +4 -3
  405. package/dist/esm/index.js.map +1 -1
  406. package/dist/esm/ix-application-header.entry.js +3 -3
  407. package/dist/esm/ix-application-switch-modal.entry.js +2 -2
  408. package/dist/esm/ix-avatar.ix-menu-avatar-item.entry.js.map +1 -1
  409. package/dist/esm/ix-avatar_2.entry.js +1 -1
  410. package/dist/esm/ix-avatar_2.entry.js.map +1 -1
  411. package/dist/esm/ix-blind.entry.js +2 -2
  412. package/dist/esm/ix-blind.entry.js.map +1 -1
  413. package/dist/esm/ix-breadcrumb-item.entry.js +2 -2
  414. package/dist/esm/ix-breadcrumb-item.entry.js.map +1 -1
  415. package/dist/esm/ix-button.entry.js +27 -10
  416. package/dist/esm/ix-button.entry.js.map +1 -1
  417. package/dist/esm/ix-card-accordion_2.entry.js +1 -1
  418. package/dist/esm/ix-card-list.entry.js +1 -1
  419. package/dist/esm/ix-category-filter.entry.js +2 -2
  420. package/dist/esm/ix-category-filter.entry.js.map +1 -1
  421. package/dist/esm/ix-checkbox-group.entry.js +2 -2
  422. package/dist/esm/ix-checkbox-group.entry.js.map +1 -1
  423. package/dist/esm/ix-chip.entry.js +6 -5
  424. package/dist/esm/ix-chip.entry.js.map +1 -1
  425. package/dist/esm/ix-col_4.entry.js +1 -1
  426. package/dist/esm/ix-content-header.entry.js +1 -1
  427. package/dist/esm/ix-date-dropdown.entry.js +1 -1
  428. package/dist/esm/ix-date-input.entry.js +10 -5
  429. package/dist/esm/ix-date-input.entry.js.map +1 -1
  430. package/dist/esm/ix-drawer.entry.js +1 -1
  431. package/dist/esm/ix-dropdown-button.entry.js +1 -1
  432. package/dist/esm/ix-dropdown-item.entry.js +1 -1
  433. package/dist/esm/ix-dropdown.entry.js +1 -1
  434. package/dist/esm/ix-dropdown.entry.js.map +1 -1
  435. package/dist/esm/ix-event-list-item.entry.js +2 -2
  436. package/dist/esm/ix-event-list-item.entry.js.map +1 -1
  437. package/dist/esm/ix-expanding-search.entry.js +2 -2
  438. package/dist/esm/ix-expanding-search.entry.js.map +1 -1
  439. package/dist/esm/ix-field-label_2.entry.js +2 -2
  440. package/dist/esm/ix-filter-chip_2.entry.js +1 -1
  441. package/dist/esm/ix-flip-tile.entry.js +1 -1
  442. package/dist/esm/ix-group-context-menu_2.entry.js +1 -1
  443. package/dist/esm/ix-group.entry.js +2 -2
  444. package/dist/esm/ix-group.entry.js.map +1 -1
  445. package/dist/esm/ix-helper-text.entry.js +2 -2
  446. package/dist/esm/ix-icon-button.ix-spinner.entry.js.map +1 -1
  447. package/dist/esm/ix-icon-button_2.entry.js +1 -1
  448. package/dist/esm/ix-icon-button_2.entry.js.map +1 -1
  449. package/dist/esm/ix-icon-toggle-button.entry.js +10 -3
  450. package/dist/esm/ix-icon-toggle-button.entry.js.map +1 -1
  451. package/dist/esm/ix-input.entry.js +8 -7
  452. package/dist/esm/ix-input.entry.js.map +1 -1
  453. package/dist/esm/ix-kpi.entry.js +2 -2
  454. package/dist/esm/ix-kpi.entry.js.map +1 -1
  455. package/dist/esm/ix-link-button.entry.js +2 -2
  456. package/dist/esm/ix-link-button.entry.js.map +1 -1
  457. package/dist/esm/ix-map-navigation-overlay.entry.js +1 -1
  458. package/dist/esm/ix-map-navigation.entry.js +1 -1
  459. package/dist/esm/ix-menu-about-news.entry.js +1 -1
  460. package/dist/esm/ix-menu-about.entry.js +2 -2
  461. package/dist/esm/ix-menu-avatar.entry.js +2 -2
  462. package/dist/esm/ix-menu-avatar.entry.js.map +1 -1
  463. package/dist/esm/ix-menu-category.entry.js +1 -1
  464. package/dist/esm/ix-menu-expand-icon.entry.js +1 -1
  465. package/dist/esm/ix-menu-item.entry.js +1 -1
  466. package/dist/esm/{ix-menu-settings-B4RirRi3.js → ix-menu-settings-ofXmUBnS.js} +3 -3
  467. package/dist/esm/{ix-menu-settings-B4RirRi3.js.map → ix-menu-settings-ofXmUBnS.js.map} +1 -1
  468. package/dist/esm/ix-menu-settings.entry.js +2 -2
  469. package/dist/esm/ix-menu.entry.js +3 -3
  470. package/dist/esm/ix-message-bar.entry.js +1 -1
  471. package/dist/esm/ix-modal-content_2.entry.js +1 -1
  472. package/dist/esm/ix-number-input.entry.js +1 -1
  473. package/dist/esm/ix-pagination.entry.js +2 -2
  474. package/dist/esm/ix-pagination.entry.js.map +1 -1
  475. package/dist/esm/ix-pane.entry.js +1 -1
  476. package/dist/esm/ix-pill.entry.js +3 -4
  477. package/dist/esm/ix-pill.entry.js.map +1 -1
  478. package/dist/esm/ix-radio-group.entry.js +2 -2
  479. package/dist/esm/ix-radio-group.entry.js.map +1 -1
  480. package/dist/esm/ix-radio.entry.js +4 -4
  481. package/dist/esm/ix-radio.entry.js.map +1 -1
  482. package/dist/esm/ix-select.entry.js +2 -2
  483. package/dist/esm/ix-select.entry.js.map +1 -1
  484. package/dist/esm/ix-slider.entry.js +7 -7
  485. package/dist/esm/ix-slider.entry.js.map +1 -1
  486. package/dist/esm/ix-split-button.entry.js +1 -1
  487. package/dist/esm/ix-tab-item_2.entry.js +1 -1
  488. package/dist/esm/ix-time-picker.entry.js +2 -2
  489. package/dist/esm/ix-time-picker.entry.js.map +1 -1
  490. package/dist/esm/ix-toast.entry.js +1 -1
  491. package/dist/esm/ix-toggle.entry.js +1 -1
  492. package/dist/esm/ix-toggle.entry.js.map +1 -1
  493. package/dist/esm/ix-tree-item.entry.js +1 -1
  494. package/dist/esm/ix-upload.entry.js +1 -1
  495. package/dist/esm/ix-workflow-step.entry.js +1 -1
  496. package/dist/esm/loader.js +1 -1
  497. package/dist/esm/{modal-DUew4SCE.js → modal-hSHQdjTH.js} +8 -7
  498. package/dist/esm/modal-hSHQdjTH.js.map +1 -0
  499. package/dist/esm/siemens-ix.js +1 -1
  500. package/dist/siemens-ix/index.esm.js +1 -1
  501. package/dist/siemens-ix/index.esm.js.map +1 -1
  502. package/dist/siemens-ix/ix-avatar.ix-menu-avatar-item.entry.esm.js.map +1 -1
  503. package/dist/siemens-ix/ix-blind.entry.esm.js.map +1 -1
  504. package/dist/siemens-ix/ix-breadcrumb-item.entry.esm.js.map +1 -1
  505. package/dist/siemens-ix/ix-button.entry.esm.js.map +1 -1
  506. package/dist/siemens-ix/ix-category-filter.entry.esm.js.map +1 -1
  507. package/dist/siemens-ix/ix-checkbox-group.entry.esm.js.map +1 -1
  508. package/dist/siemens-ix/ix-chip.entry.esm.js.map +1 -1
  509. package/dist/siemens-ix/ix-date-input.entry.esm.js.map +1 -1
  510. package/dist/siemens-ix/ix-dropdown.entry.esm.js.map +1 -1
  511. package/dist/siemens-ix/ix-event-list-item.entry.esm.js.map +1 -1
  512. package/dist/siemens-ix/ix-expanding-search.entry.esm.js.map +1 -1
  513. package/dist/siemens-ix/ix-group.entry.esm.js.map +1 -1
  514. package/dist/siemens-ix/ix-icon-button.ix-spinner.entry.esm.js.map +1 -1
  515. package/dist/siemens-ix/ix-icon-toggle-button.entry.esm.js.map +1 -1
  516. package/dist/siemens-ix/ix-input.entry.esm.js.map +1 -1
  517. package/dist/siemens-ix/ix-kpi.entry.esm.js.map +1 -1
  518. package/dist/siemens-ix/ix-link-button.entry.esm.js.map +1 -1
  519. package/dist/siemens-ix/ix-menu-avatar.entry.esm.js.map +1 -1
  520. package/dist/siemens-ix/ix-pagination.entry.esm.js.map +1 -1
  521. package/dist/siemens-ix/ix-pill.entry.esm.js.map +1 -1
  522. package/dist/siemens-ix/ix-radio-group.entry.esm.js.map +1 -1
  523. package/dist/siemens-ix/ix-radio.entry.esm.js.map +1 -1
  524. package/dist/siemens-ix/ix-select.entry.esm.js.map +1 -1
  525. package/dist/siemens-ix/ix-slider.entry.esm.js.map +1 -1
  526. package/dist/siemens-ix/ix-time-picker.entry.esm.js.map +1 -1
  527. package/dist/siemens-ix/ix-toggle.entry.esm.js.map +1 -1
  528. package/dist/siemens-ix/p-02d3b161.entry.js +2 -0
  529. package/dist/siemens-ix/{p-78f99962.entry.js.map → p-02d3b161.entry.js.map} +1 -1
  530. package/dist/siemens-ix/{p-a289764d.entry.js → p-07da3f73.entry.js} +2 -2
  531. package/dist/siemens-ix/{p-a289764d.entry.js.map → p-07da3f73.entry.js.map} +1 -1
  532. package/dist/siemens-ix/{p-b11fe6c8.entry.js → p-09e44529.entry.js} +2 -2
  533. package/dist/siemens-ix/{p-af701797.entry.js → p-0e072d3b.entry.js} +2 -2
  534. package/dist/siemens-ix/{p-827653a3.entry.js → p-0fd654c3.entry.js} +2 -2
  535. package/dist/siemens-ix/p-12a439b5.entry.js +2 -0
  536. package/dist/siemens-ix/{p-8e525190.entry.js.map → p-12a439b5.entry.js.map} +1 -1
  537. package/dist/siemens-ix/{p-9bbca220.entry.js → p-19d1ccda.entry.js} +2 -2
  538. package/dist/siemens-ix/{p-07c17517.entry.js → p-1f7453c6.entry.js} +2 -2
  539. package/dist/siemens-ix/{p-d2da2e45.entry.js → p-25132109.entry.js} +2 -2
  540. package/dist/siemens-ix/{p-ac4548a8.entry.js → p-260f60b2.entry.js} +2 -2
  541. package/dist/siemens-ix/{p-70cbacb8.entry.js → p-270566ba.entry.js} +2 -2
  542. package/dist/siemens-ix/{p-70cbacb8.entry.js.map → p-270566ba.entry.js.map} +1 -1
  543. package/dist/siemens-ix/{p-aca27756.entry.js → p-29f30c68.entry.js} +2 -2
  544. package/dist/siemens-ix/p-2bea83e5.entry.js +2 -0
  545. package/dist/siemens-ix/p-2bea83e5.entry.js.map +1 -0
  546. package/dist/siemens-ix/{p-9646b346.entry.js → p-2d5b40e2.entry.js} +2 -2
  547. package/dist/siemens-ix/{p-8804a378.entry.js → p-2faf52f9.entry.js} +2 -2
  548. package/dist/siemens-ix/p-2faf52f9.entry.js.map +1 -0
  549. package/dist/siemens-ix/p-31e1093d.entry.js +2 -0
  550. package/dist/siemens-ix/{p-215df096.entry.js.map → p-31e1093d.entry.js.map} +1 -1
  551. package/dist/siemens-ix/{p-163e742f.entry.js → p-3abfe41a.entry.js} +2 -2
  552. package/dist/siemens-ix/{p-163e742f.entry.js.map → p-3abfe41a.entry.js.map} +1 -1
  553. package/dist/siemens-ix/{p-79febe81.entry.js → p-3cba58aa.entry.js} +2 -2
  554. package/dist/siemens-ix/{p-ca328fc2.entry.js → p-3edf32c2.entry.js} +2 -2
  555. package/dist/siemens-ix/p-4712afcc.entry.js +2 -0
  556. package/dist/siemens-ix/{p-18a47d9f.entry.js.map → p-4712afcc.entry.js.map} +1 -1
  557. package/dist/siemens-ix/{p-a963c368.entry.js → p-47bb727f.entry.js} +2 -2
  558. package/dist/siemens-ix/p-4ab41e0d.entry.js +2 -0
  559. package/dist/siemens-ix/p-4ab41e0d.entry.js.map +1 -0
  560. package/dist/siemens-ix/{p-cbf6c3bf.entry.js → p-4b8fefdc.entry.js} +2 -2
  561. package/dist/siemens-ix/{p-1ff3556a.entry.js → p-4f631774.entry.js} +2 -2
  562. package/dist/siemens-ix/{p-6de38c2a.entry.js → p-501c0a17.entry.js} +2 -2
  563. package/dist/siemens-ix/p-501c0a17.entry.js.map +1 -0
  564. package/dist/siemens-ix/{p-09b83f0e.entry.js → p-51cbd678.entry.js} +2 -2
  565. package/dist/siemens-ix/{p-ee76fac1.entry.js → p-545498c8.entry.js} +2 -2
  566. package/dist/siemens-ix/{p-dd11dd49.entry.js → p-573527cc.entry.js} +2 -2
  567. package/dist/siemens-ix/{p-dd11dd49.entry.js.map → p-573527cc.entry.js.map} +1 -1
  568. package/dist/siemens-ix/{p-8702121e.entry.js → p-58609f3a.entry.js} +2 -2
  569. package/dist/siemens-ix/p-587541f3.entry.js +2 -0
  570. package/dist/siemens-ix/{p-5b0d1cc9.entry.js.map → p-587541f3.entry.js.map} +1 -1
  571. package/dist/siemens-ix/p-593a640f.entry.js +2 -0
  572. package/dist/siemens-ix/{p-ff072152.entry.js.map → p-593a640f.entry.js.map} +1 -1
  573. package/dist/siemens-ix/p-5ebce6e6.entry.js +2 -0
  574. package/dist/siemens-ix/p-61dc07d9.entry.js +2 -0
  575. package/dist/siemens-ix/p-61dc07d9.entry.js.map +1 -0
  576. package/dist/siemens-ix/{p-158d9068.entry.js → p-66eaa236.entry.js} +2 -2
  577. package/dist/siemens-ix/{p-521dfa2a.entry.js → p-6cd1047e.entry.js} +2 -2
  578. package/dist/siemens-ix/p-6d3cf3f3.entry.js +2 -0
  579. package/dist/siemens-ix/p-6d3cf3f3.entry.js.map +1 -0
  580. package/dist/siemens-ix/p-758e81ae.entry.js +2 -0
  581. package/dist/siemens-ix/{p-ca8a2b16.entry.js.map → p-758e81ae.entry.js.map} +1 -1
  582. package/dist/siemens-ix/{p-d132ce81.entry.js → p-798907cb.entry.js} +2 -2
  583. package/dist/siemens-ix/{p-7535cbf6.entry.js → p-79fc8e7f.entry.js} +2 -2
  584. package/dist/siemens-ix/p-8858e9b8.entry.js +2 -0
  585. package/dist/siemens-ix/{p-071f63d6.entry.js.map → p-8858e9b8.entry.js.map} +1 -1
  586. package/dist/siemens-ix/{p-1d28d516.entry.js → p-8e5ac73d.entry.js} +2 -2
  587. package/dist/siemens-ix/{p-8c24d360.entry.js → p-8eba36e2.entry.js} +2 -2
  588. package/dist/siemens-ix/{p-44670707.entry.js → p-9bd19df7.entry.js} +2 -2
  589. package/dist/siemens-ix/{p-CFHLJNAe.js → p-BhiPH59d.js} +2 -2
  590. package/dist/siemens-ix/{p-CFHLJNAe.js.map → p-BhiPH59d.js.map} +1 -1
  591. package/dist/siemens-ix/p-C9vPes-N.js +2 -0
  592. package/dist/siemens-ix/p-C9vPes-N.js.map +1 -0
  593. package/dist/siemens-ix/{p-BKgqKHZU.js → p-D81W7llw.js} +2 -2
  594. package/dist/siemens-ix/{p-BKgqKHZU.js.map → p-D81W7llw.js.map} +1 -1
  595. package/dist/siemens-ix/{p-06843648.entry.js → p-a25bd5ef.entry.js} +2 -2
  596. package/dist/siemens-ix/{p-bf8e97d7.entry.js → p-a2bcae6b.entry.js} +2 -2
  597. package/dist/siemens-ix/{p-dd627440.entry.js → p-a797e935.entry.js} +2 -2
  598. package/dist/siemens-ix/p-ad6b0196.entry.js +2 -0
  599. package/dist/siemens-ix/{p-a4d17743.entry.js.map → p-ad6b0196.entry.js.map} +1 -1
  600. package/dist/siemens-ix/{p-19e9505f.entry.js → p-b60d8b91.entry.js} +2 -2
  601. package/dist/siemens-ix/{p-2e4b9c1a.entry.js → p-c0df311f.entry.js} +2 -2
  602. package/dist/siemens-ix/{p-37f6a541.entry.js → p-c9050427.entry.js} +2 -2
  603. package/dist/siemens-ix/p-cabf35ff.entry.js +2 -0
  604. package/dist/siemens-ix/{p-781e0057.entry.js.map → p-cabf35ff.entry.js.map} +1 -1
  605. package/dist/siemens-ix/p-cc7bbfe5.entry.js +2 -0
  606. package/dist/siemens-ix/p-cc7bbfe5.entry.js.map +1 -0
  607. package/dist/siemens-ix/p-d1039043.entry.js +2 -0
  608. package/dist/siemens-ix/p-d1039043.entry.js.map +1 -0
  609. package/dist/siemens-ix/{p-2b496519.entry.js → p-d3a4559a.entry.js} +2 -2
  610. package/dist/siemens-ix/{p-32488953.entry.js → p-d691ca65.entry.js} +2 -2
  611. package/dist/siemens-ix/p-d691ca65.entry.js.map +1 -0
  612. package/dist/siemens-ix/{p-b6966cc0.entry.js → p-e40c7369.entry.js} +2 -2
  613. package/dist/siemens-ix/{p-8df5873d.entry.js → p-e50edf8d.entry.js} +2 -2
  614. package/dist/siemens-ix/{p-8df5873d.entry.js.map → p-e50edf8d.entry.js.map} +1 -1
  615. package/dist/siemens-ix/{p-ea310106.entry.js → p-e8c1c88f.entry.js} +2 -2
  616. package/dist/siemens-ix/{p-BXguuvvE.js → p-eKeYJJIg.js} +2 -2
  617. package/dist/siemens-ix/{p-BXguuvvE.js.map → p-eKeYJJIg.js.map} +1 -1
  618. package/dist/siemens-ix/p-eefe2629.entry.js +2 -0
  619. package/dist/siemens-ix/{p-23a50a0c.entry.js.map → p-eefe2629.entry.js.map} +1 -1
  620. package/dist/siemens-ix/p-f18ea6b8.entry.js +2 -0
  621. package/dist/siemens-ix/p-f18ea6b8.entry.js.map +1 -0
  622. package/dist/siemens-ix/{p-CrTP-icT.js → p-v48bcPT9.js} +2 -2
  623. package/dist/siemens-ix/{p-CrTP-icT.js.map → p-v48bcPT9.js.map} +1 -1
  624. package/dist/siemens-ix/siemens-ix-core.css +1 -1
  625. package/dist/siemens-ix/siemens-ix.css +14 -3
  626. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  627. package/dist/types/components/application-header/application-header.d.ts +1 -1
  628. package/dist/types/components/application-sidebar/events.d.ts +2 -2
  629. package/dist/types/components/blind/blind.d.ts +1 -1
  630. package/dist/types/components/button/base-button.d.ts +1 -1
  631. package/dist/types/components/button/button.d.ts +7 -0
  632. package/dist/types/components/button/test/button.ct.d.ts +1 -0
  633. package/dist/types/components/card-accordion/card-accordion.d.ts +1 -1
  634. package/dist/types/components/category-filter/category-filter.d.ts +1 -1
  635. package/dist/types/components/date-input/date-input.d.ts +1 -1
  636. package/dist/types/components/date-picker/date-picker.d.ts +2 -2
  637. package/dist/types/components/dropdown/dropdown-controller.d.ts +2 -2
  638. package/dist/types/components/dropdown/dropdown.d.ts +1 -1
  639. package/dist/types/components/field-wrapper/helper-text-util.d.ts +1 -1
  640. package/dist/types/components/group/group.d.ts +1 -1
  641. package/dist/types/components/icon-toggle-button/icon-toggle-button.d.ts +7 -0
  642. package/dist/types/components/menu/menu.d.ts +5 -5
  643. package/dist/types/components/modal/modal.d.ts +1 -1
  644. package/dist/types/components/pane/pane.d.ts +1 -1
  645. package/dist/types/components/select/select.d.ts +1 -1
  646. package/dist/types/components/select-item/select-item.d.ts +1 -1
  647. package/dist/types/components/slider/slider.d.ts +2 -2
  648. package/dist/types/components/tabs/tabs.d.ts +1 -1
  649. package/dist/types/components/time-picker/time-picker.d.ts +1 -1
  650. package/dist/types/components/utils/application-layout/context.d.ts +1 -1
  651. package/dist/types/components/utils/application-layout/service.d.ts +1 -1
  652. package/dist/types/components/utils/context.d.ts +2 -2
  653. package/dist/types/components/utils/find-element.d.ts +1 -1
  654. package/dist/types/components/utils/input/validation.d.ts +1 -1
  655. package/dist/types/components/utils/menu-service/menu-service.d.ts +1 -1
  656. package/dist/types/components/utils/shadow-dom.d.ts +1 -1
  657. package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +2 -2
  658. package/dist/types/components.d.ts +22 -2
  659. package/dist/types/tests/utils/test/index.d.ts +1 -1
  660. package/hydrate/index.js +94 -62
  661. package/hydrate/index.mjs +94 -62
  662. package/package.json +17 -11
  663. package/scss/components/_links.scss +15 -2
  664. package/scss/mixins/_hover.scss +9 -1
  665. package/components/p-C8xOvcAt.js +0 -131
  666. package/components/p-C8xOvcAt.js.map +0 -1
  667. package/components/p-D9Zr-lKz.js.map +0 -1
  668. package/components/p-Dn_WjwtW.js.map +0 -1
  669. package/components/p-HblhO3lB.js +0 -103
  670. package/components/p-d7CnwTHv.js +0 -130
  671. package/dist/cjs/modal-CY_zQjvm.js.map +0 -1
  672. package/dist/esm/modal-DUew4SCE.js.map +0 -1
  673. package/dist/siemens-ix/p-003f8d27.entry.js +0 -2
  674. package/dist/siemens-ix/p-04338b3f.entry.js +0 -2
  675. package/dist/siemens-ix/p-04338b3f.entry.js.map +0 -1
  676. package/dist/siemens-ix/p-0443dc8d.entry.js +0 -2
  677. package/dist/siemens-ix/p-0443dc8d.entry.js.map +0 -1
  678. package/dist/siemens-ix/p-071f63d6.entry.js +0 -2
  679. package/dist/siemens-ix/p-18a47d9f.entry.js +0 -2
  680. package/dist/siemens-ix/p-215df096.entry.js +0 -2
  681. package/dist/siemens-ix/p-23a50a0c.entry.js +0 -2
  682. package/dist/siemens-ix/p-27b13c4c.entry.js +0 -2
  683. package/dist/siemens-ix/p-27b13c4c.entry.js.map +0 -1
  684. package/dist/siemens-ix/p-32488953.entry.js.map +0 -1
  685. package/dist/siemens-ix/p-5b0d1cc9.entry.js +0 -2
  686. package/dist/siemens-ix/p-5fe74d24.entry.js +0 -2
  687. package/dist/siemens-ix/p-5fe74d24.entry.js.map +0 -1
  688. package/dist/siemens-ix/p-6de38c2a.entry.js.map +0 -1
  689. package/dist/siemens-ix/p-781e0057.entry.js +0 -2
  690. package/dist/siemens-ix/p-78f99962.entry.js +0 -2
  691. package/dist/siemens-ix/p-8804a378.entry.js.map +0 -1
  692. package/dist/siemens-ix/p-8e525190.entry.js +0 -2
  693. package/dist/siemens-ix/p-9bac6252.entry.js +0 -2
  694. package/dist/siemens-ix/p-9bac6252.entry.js.map +0 -1
  695. package/dist/siemens-ix/p-Bdv-vpZz.js +0 -2
  696. package/dist/siemens-ix/p-Bdv-vpZz.js.map +0 -1
  697. package/dist/siemens-ix/p-a4d17743.entry.js +0 -2
  698. package/dist/siemens-ix/p-c8fe1a7e.entry.js +0 -2
  699. package/dist/siemens-ix/p-c8fe1a7e.entry.js.map +0 -1
  700. package/dist/siemens-ix/p-ca8a2b16.entry.js +0 -2
  701. package/dist/siemens-ix/p-da040b8b.entry.js +0 -2
  702. package/dist/siemens-ix/p-da040b8b.entry.js.map +0 -1
  703. package/dist/siemens-ix/p-ff072152.entry.js +0 -2
  704. /package/dist/siemens-ix/{p-b11fe6c8.entry.js.map → p-09e44529.entry.js.map} +0 -0
  705. /package/dist/siemens-ix/{p-af701797.entry.js.map → p-0e072d3b.entry.js.map} +0 -0
  706. /package/dist/siemens-ix/{p-827653a3.entry.js.map → p-0fd654c3.entry.js.map} +0 -0
  707. /package/dist/siemens-ix/{p-9bbca220.entry.js.map → p-19d1ccda.entry.js.map} +0 -0
  708. /package/dist/siemens-ix/{p-07c17517.entry.js.map → p-1f7453c6.entry.js.map} +0 -0
  709. /package/dist/siemens-ix/{p-d2da2e45.entry.js.map → p-25132109.entry.js.map} +0 -0
  710. /package/dist/siemens-ix/{p-ac4548a8.entry.js.map → p-260f60b2.entry.js.map} +0 -0
  711. /package/dist/siemens-ix/{p-aca27756.entry.js.map → p-29f30c68.entry.js.map} +0 -0
  712. /package/dist/siemens-ix/{p-9646b346.entry.js.map → p-2d5b40e2.entry.js.map} +0 -0
  713. /package/dist/siemens-ix/{p-79febe81.entry.js.map → p-3cba58aa.entry.js.map} +0 -0
  714. /package/dist/siemens-ix/{p-ca328fc2.entry.js.map → p-3edf32c2.entry.js.map} +0 -0
  715. /package/dist/siemens-ix/{p-a963c368.entry.js.map → p-47bb727f.entry.js.map} +0 -0
  716. /package/dist/siemens-ix/{p-cbf6c3bf.entry.js.map → p-4b8fefdc.entry.js.map} +0 -0
  717. /package/dist/siemens-ix/{p-1ff3556a.entry.js.map → p-4f631774.entry.js.map} +0 -0
  718. /package/dist/siemens-ix/{p-09b83f0e.entry.js.map → p-51cbd678.entry.js.map} +0 -0
  719. /package/dist/siemens-ix/{p-ee76fac1.entry.js.map → p-545498c8.entry.js.map} +0 -0
  720. /package/dist/siemens-ix/{p-8702121e.entry.js.map → p-58609f3a.entry.js.map} +0 -0
  721. /package/dist/siemens-ix/{p-003f8d27.entry.js.map → p-5ebce6e6.entry.js.map} +0 -0
  722. /package/dist/siemens-ix/{p-158d9068.entry.js.map → p-66eaa236.entry.js.map} +0 -0
  723. /package/dist/siemens-ix/{p-521dfa2a.entry.js.map → p-6cd1047e.entry.js.map} +0 -0
  724. /package/dist/siemens-ix/{p-d132ce81.entry.js.map → p-798907cb.entry.js.map} +0 -0
  725. /package/dist/siemens-ix/{p-7535cbf6.entry.js.map → p-79fc8e7f.entry.js.map} +0 -0
  726. /package/dist/siemens-ix/{p-1d28d516.entry.js.map → p-8e5ac73d.entry.js.map} +0 -0
  727. /package/dist/siemens-ix/{p-8c24d360.entry.js.map → p-8eba36e2.entry.js.map} +0 -0
  728. /package/dist/siemens-ix/{p-44670707.entry.js.map → p-9bd19df7.entry.js.map} +0 -0
  729. /package/dist/siemens-ix/{p-06843648.entry.js.map → p-a25bd5ef.entry.js.map} +0 -0
  730. /package/dist/siemens-ix/{p-bf8e97d7.entry.js.map → p-a2bcae6b.entry.js.map} +0 -0
  731. /package/dist/siemens-ix/{p-dd627440.entry.js.map → p-a797e935.entry.js.map} +0 -0
  732. /package/dist/siemens-ix/{p-19e9505f.entry.js.map → p-b60d8b91.entry.js.map} +0 -0
  733. /package/dist/siemens-ix/{p-2e4b9c1a.entry.js.map → p-c0df311f.entry.js.map} +0 -0
  734. /package/dist/siemens-ix/{p-37f6a541.entry.js.map → p-c9050427.entry.js.map} +0 -0
  735. /package/dist/siemens-ix/{p-2b496519.entry.js.map → p-d3a4559a.entry.js.map} +0 -0
  736. /package/dist/siemens-ix/{p-b6966cc0.entry.js.map → p-e40c7369.entry.js.map} +0 -0
  737. /package/dist/siemens-ix/{p-ea310106.entry.js.map → p-e8c1c88f.entry.js.map} +0 -0
@@ -1,103 +0,0 @@
1
- import { p as proxyCustomElement, H, e as createEvent, h, d as Host, F as Fragment } from './p-BA1wZ05L.js';
2
- import { a as anime } from './p-Ou74PMQs.js';
3
- import { B as BaseButton } from './p-CEyDHqBY.js';
4
- import { b as a11yHostAttributes } from './p-Bb7pDeaQ.js';
5
- import { b as iconChevronRightSmall } from './p-Dn_WjwtW.js';
6
- import { d as defineCustomElement$1 } from './p-Dlmgmbod.js';
7
-
8
- const breadcrumbItemCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{min-width:5rem}:host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:flex;position:relative;flex-direction:row;flex-wrap:nowrap;align-items:center;margin-right:0.25rem;max-width:15rem;min-width:0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host li{display:contents}:host .btn{pointer-events:all;width:-moz-fit-content;width:fit-content;padding-right:0;padding-left:0.25rem}:host .chevron{pointer-events:none;margin-left:0.5rem;margin-right:0rem;color:var(--theme-color-soft-text)}:host ::slotted(a[href]){text-decoration:none !important}:host ::slotted(a[href]:active){text-decoration:none !important}:host(:last-child) .btn:not(.dropdown-trigger){color:var(--theme-color-soft-text)}:host(.hide-chevron){cursor:default}:host(.hide-chevron) .btn{padding-right:0.5rem;pointer-events:none}:host(.invisible){display:none}:host(:focus-visible){outline:none}";
9
-
10
- const BreadcrumbItem = /*@__PURE__*/ proxyCustomElement(class BreadcrumbItem extends H {
11
- constructor() {
12
- super();
13
- this.__registerHost();
14
- this.__attachShadow();
15
- this.itemClick = createEvent(this, "itemClick", 7);
16
- /**@internal */
17
- this.ghost = true;
18
- /**@internal */
19
- this.visible = true;
20
- /**@internal */
21
- this.showChevron = true;
22
- /** @internal */
23
- this.isDropdownTrigger = false;
24
- }
25
- componentDidLoad() {
26
- this.animationFadeIn();
27
- }
28
- componentWillLoad() {
29
- this.a11y = a11yHostAttributes(this.hostElement, [
30
- 'aria-describedby',
31
- 'aria-controls',
32
- 'aria-expanded',
33
- ]);
34
- }
35
- animationFadeIn() {
36
- anime({
37
- targets: this.hostElement,
38
- duration: 150,
39
- opacity: [0, 1],
40
- translateX: ['-100%', '0%'],
41
- easing: 'linear',
42
- });
43
- }
44
- render() {
45
- const props = {
46
- variant: this.ghost ? 'primary' : 'secondary',
47
- outline: false,
48
- ghost: this.ghost,
49
- iconOnly: false,
50
- iconOval: false,
51
- disabled: false,
52
- icon: this.icon,
53
- iconSize: '16',
54
- loading: false,
55
- selected: false,
56
- type: 'button',
57
- tabIndex: this.hostElement.tabIndex !== -1 ? this.hostElement.tabIndex : 0,
58
- extraClasses: {
59
- 'dropdown-trigger': this.isDropdownTrigger,
60
- },
61
- ariaAttributes: this.a11y,
62
- };
63
- if (!this.visible) {
64
- return h(Host, { class: 'invisible' });
65
- }
66
- return (h(Host, { class: {
67
- 'hide-chevron': !this.showChevron,
68
- }, onClick: () => this.itemClick.emit(this.label) }, h("li", null, h(BaseButton, Object.assign({}, props, { afterContent: h(Fragment, null, this.showChevron ? (h("ix-icon", { name: iconChevronRightSmall, size: "16", class: 'chevron' })) : null) }), this.label, h("slot", null)))));
69
- }
70
- get hostElement() { return this; }
71
- static get style() { return breadcrumbItemCss; }
72
- }, [1, "ix-breadcrumb-item", {
73
- "label": [1],
74
- "icon": [1],
75
- "ghost": [4],
76
- "visible": [4],
77
- "showChevron": [4, "show-chevron"],
78
- "isDropdownTrigger": [4, "is-dropdown-trigger"],
79
- "a11y": [32]
80
- }]);
81
- function defineCustomElement() {
82
- if (typeof customElements === "undefined") {
83
- return;
84
- }
85
- const components = ["ix-breadcrumb-item", "ix-spinner"];
86
- components.forEach(tagName => { switch (tagName) {
87
- case "ix-breadcrumb-item":
88
- if (!customElements.get(tagName)) {
89
- customElements.define(tagName, BreadcrumbItem);
90
- }
91
- break;
92
- case "ix-spinner":
93
- if (!customElements.get(tagName)) {
94
- defineCustomElement$1();
95
- }
96
- break;
97
- } });
98
- }
99
-
100
- export { BreadcrumbItem as B, defineCustomElement as d };
101
- //# sourceMappingURL=p-HblhO3lB.js.map
102
-
103
- //# sourceMappingURL=p-HblhO3lB.js.map
@@ -1,130 +0,0 @@
1
- import { p as proxyCustomElement, H, h, d as Host } from './p-BA1wZ05L.js';
2
- import { B as BaseIconButton } from './p--wpo4GlP.js';
3
- import { g as getFallbackLabelFromIconName } from './p-Bb7pDeaQ.js';
4
- import { d as defineCustomElement$1 } from './p-Dlmgmbod.js';
5
-
6
- const iconButtonCss = ":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";
7
-
8
- const IconButton = /*@__PURE__*/ proxyCustomElement(class IconButton extends H {
9
- constructor() {
10
- super();
11
- this.__registerHost();
12
- this.__attachShadow();
13
- /**
14
- * Variant of button
15
- */
16
- this.variant = 'secondary';
17
- /**
18
- * Button outline
19
- */
20
- this.outline = false;
21
- /**
22
- * Button invisible
23
- */
24
- this.ghost = false;
25
- /**
26
- * Button in oval shape
27
- */
28
- this.oval = false;
29
- /**
30
- * Size of icon in button
31
- *
32
- */
33
- this.size = '24';
34
- /**
35
- * Disabled
36
- */
37
- this.disabled = false;
38
- /**
39
- * Type of the button
40
- */
41
- this.type = 'button';
42
- /**
43
- * Loading button
44
- */
45
- this.loading = false;
46
- }
47
- componentDidLoad() {
48
- if (this.type === 'submit') {
49
- const submitButton = document.createElement('button');
50
- submitButton.style.display = 'none';
51
- submitButton.type = 'submit';
52
- submitButton.tabIndex = -1;
53
- this.hostElement.appendChild(submitButton);
54
- this.submitButtonElement = submitButton;
55
- }
56
- }
57
- dispatchFormEvents() {
58
- if (this.type === 'submit' && this.submitButtonElement) {
59
- this.submitButtonElement.click();
60
- }
61
- }
62
- getIconSizeClass() {
63
- return {
64
- 'btn-icon-12': this.size === '12',
65
- 'btn-icon-16': this.size === '16',
66
- 'btn-icon-32': this.size === '24' || !this.size,
67
- };
68
- }
69
- render() {
70
- const baseButtonProps = {
71
- ariaAttributes: {
72
- 'aria-label': this.a11yLabel
73
- ? this.a11yLabel
74
- : getFallbackLabelFromIconName(this.icon),
75
- },
76
- variant: this.variant,
77
- outline: this.outline,
78
- ghost: this.ghost,
79
- iconOnly: true,
80
- iconOval: this.oval,
81
- selected: false,
82
- disabled: this.disabled || this.loading,
83
- icon: this.icon,
84
- iconColor: this.iconColor,
85
- iconSize: this.size,
86
- loading: this.loading,
87
- onClick: () => this.dispatchFormEvents(),
88
- type: this.type,
89
- extraClasses: this.getIconSizeClass(),
90
- };
91
- return (h(Host, { key: '489506f8d42dfa6e8d851305ffa875b826f4bbe0', class: Object.assign(Object.assign({}, this.getIconSizeClass()), { disabled: this.disabled || this.loading }) }, h(BaseIconButton, Object.assign({ key: 'af5769a992a9f367c53b89abc51638e75da85bf0' }, baseButtonProps))));
92
- }
93
- get hostElement() { return this; }
94
- static get style() { return iconButtonCss; }
95
- }, [1, "ix-icon-button", {
96
- "a11yLabel": [1, "a11y-label"],
97
- "variant": [1],
98
- "outline": [4],
99
- "ghost": [4],
100
- "oval": [4],
101
- "icon": [1],
102
- "size": [1],
103
- "iconColor": [1, "icon-color"],
104
- "disabled": [4],
105
- "type": [1],
106
- "loading": [4]
107
- }]);
108
- function defineCustomElement() {
109
- if (typeof customElements === "undefined") {
110
- return;
111
- }
112
- const components = ["ix-icon-button", "ix-spinner"];
113
- components.forEach(tagName => { switch (tagName) {
114
- case "ix-icon-button":
115
- if (!customElements.get(tagName)) {
116
- customElements.define(tagName, IconButton);
117
- }
118
- break;
119
- case "ix-spinner":
120
- if (!customElements.get(tagName)) {
121
- defineCustomElement$1();
122
- }
123
- break;
124
- } });
125
- }
126
-
127
- export { IconButton as I, defineCustomElement as d };
128
- //# sourceMappingURL=p-d7CnwTHv.js.map
129
-
130
- //# sourceMappingURL=p-d7CnwTHv.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal-CY_zQjvm.js","sources":["src/components/utils/delegate.ts","src/components/utils/modal/message.ts","src/components/utils/modal/modal.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type DelegateConfig = {\n parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n async attachView<R = HTMLElement>(\n view: any,\n config?: DelegateConfig\n ): Promise<R> {\n const attachToElement = config?.parentElement ?? document.body;\n attachToElement.appendChild(view);\n return view;\n }\n\n async removeView(view: any) {\n view.remove();\n }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\nimport { ModalConfig } from './modal';\n\nexport type MessageConfig<T> = Omit<\n ModalConfig<T, unknown>,\n 'content' | 'title'\n> &\n MessageContent;\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nfunction createConfirmButtons(\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) {\n let actions: MessageAction[] = [];\n\n if (textCancel !== undefined) {\n actions = [\n ...actions,\n {\n id: 'cancel',\n text: textCancel,\n type: 'cancel',\n payload: payloadCancel,\n } as MessageAction,\n ];\n }\n return [\n ...actions,\n {\n id: 'okay',\n text: textOkay,\n type: 'okay',\n payload: payloadOkay,\n } as MessageAction,\n ];\n}\n\nexport type MessageAction = {\n id: string;\n type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n text: string;\n payload?: any;\n};\n\nexport type MessageContent = {\n icon: string;\n iconColor?: string;\n messageTitle: string;\n message: string;\n actions: MessageAction[];\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageConfig<T>) {\n const onMessageAction = new TypedEvent<{\n actionId: string;\n payload: T;\n }>();\n const dialog = document.createElement('ix-modal');\n const header = document.createElement('ix-modal-header');\n const content = document.createElement('ix-modal-content');\n const footer = document.createElement('ix-modal-footer');\n\n setA11yAttributes(dialog, config);\n\n Object.assign(header, config);\n Object.assign(content, config);\n Object.assign(footer, config);\n\n header.innerText = config.messageTitle;\n content.innerText = config.message;\n\n config.actions.forEach(({ id, text, type, payload }) => {\n const button = document.createElement('ix-button');\n button.innerText = text;\n footer.appendChild(button);\n\n if (type === 'okay') {\n button.variant = 'primary';\n button.addEventListener('click', () =>\n dialog.closeModal({\n actionId: id,\n payload,\n })\n );\n return;\n } else if (type === 'cancel') {\n button.variant = 'primary';\n button.outline = true;\n button.addEventListener('click', () =>\n dialog.dismissModal({\n actionId: id,\n payload,\n })\n );\n return;\n }\n });\n\n dialog.appendChild(header);\n dialog.appendChild(content);\n dialog.appendChild(footer);\n\n const dialogRef =\n await getCoreDelegate().attachView<HTMLIxModalElement>(dialog);\n\n dialogRef.addEventListener(\n 'dialogClose',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n dialogRef.showModal();\n return onMessageAction;\n}\n\nshowMessage.info = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'info',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.warning = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'warning',\n iconColor: 'color-warning',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.error = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'error',\n iconColor: 'color-alarm',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.success = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'success',\n iconColor: 'color-success',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.question = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'question',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n animation?: boolean;\n ariaDescribedby?: string;\n ariaLabelledby?: string;\n backdrop?: boolean;\n closeOnBackdropClick?: boolean;\n beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n centered?: boolean;\n container?: string | HTMLElement;\n content: CONTENT | string;\n keyboard?: boolean;\n size?: IxModalSize;\n title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n htmlElement: HTMLIxModalElement;\n onClose: TypedEvent<TReason>;\n onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n element: Element,\n closeResult: TClose\n) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.closeModal(closeResult);\n return;\n }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.dismissModal(dismissResult);\n return;\n }\n}\n\nexport async function showModal<T>(\n config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n const delegate = resolveDelegate();\n let dialogRef: HTMLIxModalElement | undefined;\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n if (typeof config.content === 'string') {\n const dialog = document.createElement('ix-modal');\n dialog.innerText = config.content;\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n\n if (\n config.content instanceof HTMLElement &&\n config.content.tagName !== 'IX-MODAL'\n ) {\n const dialog = document.createElement('ix-modal');\n dialog.appendChild(config.content);\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n if (!dialogRef) {\n dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n }\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n await dialogRef.showModal();\n dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n onClose.emit(detail);\n await delegate.removeView(dialogRef);\n });\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n async ({ detail }: CustomEvent) => {\n onDismiss.emit(detail);\n await delegate.removeView(dialogRef);\n }\n );\n\n requestAnimationFrame(() => {\n const autofocusElement = dialogRef.querySelector(\n '[autofocus],[auto-focus]'\n );\n\n if (autofocusElement) {\n (autofocusElement as HTMLIxButtonElement).focus();\n }\n });\n\n return {\n htmlElement: dialogRef,\n onClose,\n onDismiss,\n };\n}\n"],"names":["setA11yAttributes","TypedEvent"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"modal-DUew4SCE.js","sources":["src/components/utils/delegate.ts","src/components/utils/modal/message.ts","src/components/utils/modal/modal.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nexport type DelegateConfig = {\n parentElement?: Element;\n};\n\nexport interface FrameworkDelegate {\n attachView<R = HTMLElement>(view: any, config?: DelegateConfig): Promise<R>;\n removeView(view: any): Promise<void>;\n}\n\nclass DefaultFrameworkDelegate implements FrameworkDelegate {\n async attachView<R = HTMLElement>(\n view: any,\n config?: DelegateConfig\n ): Promise<R> {\n const attachToElement = config?.parentElement ?? document.body;\n attachToElement.appendChild(view);\n return view;\n }\n\n async removeView(view: any) {\n view.remove();\n }\n}\n\nconst coreDelegate = new DefaultFrameworkDelegate();\nlet currentDelegate: FrameworkDelegate = coreDelegate;\n\nexport function registerFrameworkDelegate(delegate: FrameworkDelegate) {\n currentDelegate = delegate;\n}\n\nexport const resolveDelegate = () => {\n return currentDelegate;\n};\n\nexport const getCoreDelegate = () => coreDelegate;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { getCoreDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\nimport { ModalConfig } from './modal';\n\nexport type MessageConfig<T> = Omit<\n ModalConfig<T, unknown>,\n 'content' | 'title'\n> &\n MessageContent;\n\nfunction setA11yAttributes(element: HTMLElement, config: MessageContent) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nfunction createConfirmButtons(\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) {\n let actions: MessageAction[] = [];\n\n if (textCancel !== undefined) {\n actions = [\n ...actions,\n {\n id: 'cancel',\n text: textCancel,\n type: 'cancel',\n payload: payloadCancel,\n } as MessageAction,\n ];\n }\n return [\n ...actions,\n {\n id: 'okay',\n text: textOkay,\n type: 'okay',\n payload: payloadOkay,\n } as MessageAction,\n ];\n}\n\nexport type MessageAction = {\n id: string;\n type: 'button-primary' | 'button-secondary' | 'okay' | 'cancel';\n text: string;\n payload?: any;\n};\n\nexport type MessageContent = {\n icon: string;\n iconColor?: string;\n messageTitle: string;\n message: string;\n actions: MessageAction[];\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n};\n\nexport async function showMessage<T>(config: MessageConfig<T>) {\n const onMessageAction = new TypedEvent<{\n actionId: string;\n payload: T;\n }>();\n const dialog = document.createElement('ix-modal');\n const header = document.createElement('ix-modal-header');\n const content = document.createElement('ix-modal-content');\n const footer = document.createElement('ix-modal-footer');\n\n setA11yAttributes(dialog, config);\n\n Object.assign(header, config);\n Object.assign(content, config);\n Object.assign(footer, config);\n\n header.innerText = config.messageTitle;\n content.innerText = config.message;\n\n config.actions.forEach(({ id, text, type, payload }) => {\n const button = document.createElement('ix-button');\n button.innerText = text;\n footer.appendChild(button);\n\n if (type === 'okay') {\n button.variant = 'primary';\n button.addEventListener('click', () =>\n dialog.closeModal({\n actionId: id,\n payload,\n })\n );\n return;\n } else if (type === 'cancel') {\n button.variant = 'primary';\n button.outline = true;\n button.addEventListener('click', () =>\n dialog.dismissModal({\n actionId: id,\n payload,\n })\n );\n return;\n }\n });\n\n dialog.appendChild(header);\n dialog.appendChild(content);\n dialog.appendChild(footer);\n\n const dialogRef =\n await getCoreDelegate().attachView<HTMLIxModalElement>(dialog);\n\n dialogRef.addEventListener(\n 'dialogClose',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n (\n event: CustomEvent<{\n actionId: string;\n payload: T;\n }>\n ) => {\n onMessageAction.emit(event.detail);\n dialogRef.remove();\n }\n );\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n dialogRef.showModal();\n return onMessageAction;\n}\n\nshowMessage.info = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'info',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.warning = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'warning',\n iconColor: 'color-warning',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.error = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'error',\n iconColor: 'color-alarm',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.success = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'success',\n iconColor: 'color-success',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n\nshowMessage.question = (\n title: string,\n message: string,\n textOkay: string,\n textCancel?: string,\n payloadOkay?: any,\n payloadCancel?: any\n) => {\n return showMessage({\n message,\n messageTitle: title,\n icon: 'question',\n actions: createConfirmButtons(\n textOkay,\n textCancel,\n payloadOkay,\n payloadCancel\n ),\n });\n};\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { IxModalSize } from '../../modal/modal';\nimport { getCoreDelegate, resolveDelegate } from '../delegate';\nimport { TypedEvent } from '../typed-event';\n\nexport function setA11yAttributes(element: HTMLElement, config: ModalConfig) {\n const ariaDescribedby = config.ariaDescribedby;\n const ariaLabelledby = config.ariaLabelledby;\n\n delete config['ariaDescribedby'];\n delete config['ariaLabelledby'];\n\n if (ariaDescribedby) {\n element.setAttribute('aria-describedby', ariaDescribedby);\n }\n\n if (ariaLabelledby) {\n element.setAttribute('aria-labelledby', ariaLabelledby);\n }\n}\n\nexport interface ModalConfig<TReason = any, CONTENT = any> {\n animation?: boolean;\n ariaDescribedby?: string;\n ariaLabelledby?: string;\n backdrop?: boolean;\n closeOnBackdropClick?: boolean;\n beforeDismiss?: (reason?: TReason) => boolean | Promise<boolean>;\n centered?: boolean;\n container?: string | HTMLElement;\n content: CONTENT | string;\n keyboard?: boolean;\n size?: IxModalSize;\n title?: string;\n}\n\nexport interface ModalInstance<TReason = any> {\n htmlElement: HTMLIxModalElement;\n onClose: TypedEvent<TReason>;\n onDismiss: TypedEvent<TReason>;\n}\n\nfunction getIxModal(element: Element) {\n return element.closest('ix-modal');\n}\n\nexport function closeModal<TClose = any>(\n element: Element,\n closeResult: TClose\n) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.closeModal(closeResult);\n return;\n }\n}\n\nexport function dismissModal(element: Element, dismissResult?: any) {\n const dialog = getIxModal(element);\n if (dialog) {\n dialog.dismissModal(dismissResult);\n return;\n }\n}\n\nexport async function showModal<T>(\n config: ModalConfig<T>\n): Promise<ModalInstance<T>> {\n const delegate = resolveDelegate();\n let dialogRef: HTMLIxModalElement | undefined;\n const onClose = new TypedEvent<T>();\n const onDismiss = new TypedEvent<T>();\n\n if (typeof config.content === 'string') {\n const dialog = document.createElement('ix-modal');\n dialog.innerText = config.content;\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n\n if (\n config.content instanceof HTMLElement &&\n config.content.tagName !== 'IX-MODAL'\n ) {\n const dialog = document.createElement('ix-modal');\n dialog.appendChild(config.content);\n dialogRef = await getCoreDelegate().attachView(dialog);\n }\n if (!dialogRef) {\n dialogRef = await delegate.attachView<HTMLIxModalElement>(config.content);\n }\n\n setA11yAttributes(dialogRef, config);\n Object.assign(dialogRef, config);\n\n await dialogRef.showModal();\n dialogRef.addEventListener('dialogClose', async ({ detail }: CustomEvent) => {\n onClose.emit(detail);\n await delegate.removeView(dialogRef);\n });\n\n dialogRef.addEventListener(\n 'dialogDismiss',\n async ({ detail }: CustomEvent) => {\n onDismiss.emit(detail);\n await delegate.removeView(dialogRef);\n }\n );\n\n requestAnimationFrame(() => {\n const autofocusElement = dialogRef.querySelector(\n '[autofocus],[auto-focus]'\n );\n\n if (autofocusElement) {\n (autofocusElement as HTMLIxButtonElement).focus();\n }\n });\n\n return {\n htmlElement: dialogRef,\n onClose,\n onDismiss,\n };\n}\n"],"names":["setA11yAttributes"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export{a as ix_menu_settings}from"./p-BXguuvvE.js";import"./p-BNpBEtDH.js";import"./p-CrTP-icT.js";
2
- //# sourceMappingURL=p-003f8d27.entry.js.map
@@ -1,2 +0,0 @@
1
- import{r as e,c as o,h as r,H as t,g as n}from"./p-BNpBEtDH.js";import{B as i}from"./p-1HUk727A.js";import{a as d}from"./p-Bb7pDeaQ.js";import"./p-Df9aoecP.js";const a=":host{display:inline-block;height:2rem;vertical-align:middle;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:700;line-height:1.429em;color:var(--theme-color-std-text)}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host button{all:unset;box-sizing:border-box;display:inline-flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;align-items:center;justify-content:center;width:100%;height:100%;padding:0 0.5rem}:host ix-spinner{margin-right:0.25rem}:host ix-icon{margin-right:0.25rem}:host .content{display:inline-block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .content-start{width:100%}:host .icon{pointer-events:none}:host(.disabled){cursor:default}*,*::after,*::before{box-sizing:border-box}::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){*{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}::-webkit-scrollbar{width:0.5rem;height:0.5rem}::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}::-webkit-scrollbar-corner{display:none}:host .btn-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-danger,:host .btn-danger.focus,:host .btn-danger:focus-visible{background-color:var(--theme-btn-danger--background);color:var(--theme-btn-danger--color);--ix-button-color:var(--theme-btn-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-danger--border-color);border-style:solid}:host .btn-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger.selected:not(.disabled):not(:disabled):active,:host .btn-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-danger--border-color--hover);background-color:var(--theme-btn-danger--background--hover);color:var(--theme-btn-danger--color--hover)}:host .btn-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-danger:not(.disabled):not(:disabled):active,:host .btn-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-danger--border-color--active);background-color:var(--theme-btn-danger--background--active);color:var(--theme-btn-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-danger.disabled,:host(.disabled) .btn-danger:disabled{pointer-events:none;border-color:var(--theme-btn-danger--border-color--disabled);background-color:var(--theme-btn-danger--background--disabled);color:var(--theme-btn-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-danger--color--disabled)}:host .btn-outline-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-danger,:host .btn-outline-danger.focus,:host .btn-outline-danger:focus-visible{background-color:var(--theme-btn-outline-danger--background);color:var(--theme-btn-outline-danger--color);--ix-button-color:var(--theme-btn-outline-danger--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-danger--border-color);border-style:solid}:host .btn-outline-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger.selected:not(.disabled):not(:disabled):active,:host .btn-outline-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-danger--border-color--hover);background-color:var(--theme-btn-outline-danger--background--hover);color:var(--theme-btn-outline-danger--color--hover)}:host .btn-outline-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-danger:not(.disabled):not(:disabled):active,:host .btn-outline-danger:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-danger--border-color--active);background-color:var(--theme-btn-outline-danger--background--active);color:var(--theme-btn-outline-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-danger.disabled,:host(.disabled) .btn-outline-danger:disabled{pointer-events:none;border-color:var(--theme-btn-outline-danger--border-color--disabled);background-color:var(--theme-btn-outline-danger--background--disabled);color:var(--theme-btn-outline-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-danger--color--disabled)}:host .btn-invisible-danger{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-danger,:host .btn-invisible-danger.focus,:host .btn-invisible-danger:focus-visible{background-color:var(--theme-btn-invisible-danger--background);color:var(--theme-btn-invisible-danger--color);--ix-button-color:var(--theme-btn-invisible-danger--color);border-color:transparent}:host .btn-invisible-danger:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-danger.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-danger.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-danger--background--hover);color:var(--theme-btn-invisible-danger--color--hover)}:host .btn-invisible-danger:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-danger:not(.disabled):not(:disabled):active,:host .btn-invisible-danger:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-danger--background--active);color:var(--theme-btn-invisible-danger--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-danger.disabled,:host(.disabled) .btn-invisible-danger:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-danger--background--disabled);color:var(--theme-btn-invisible-danger--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-danger--color--disabled)}:host .btn-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-primary,:host .btn-primary.focus,:host .btn-primary:focus-visible{background-color:var(--theme-btn-primary--background);color:var(--theme-btn-primary--color);--ix-button-color:var(--theme-btn-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-primary--border-color);border-style:solid}:host .btn-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary.selected:not(.disabled):not(:disabled):active,:host .btn-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-primary--border-color--hover);background-color:var(--theme-btn-primary--background--hover);color:var(--theme-btn-primary--color--hover)}:host .btn-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-primary:not(.disabled):not(:disabled):active,:host .btn-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-primary--border-color--active);background-color:var(--theme-btn-primary--background--active);color:var(--theme-btn-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-primary.disabled,:host(.disabled) .btn-primary:disabled{pointer-events:none;border-color:var(--theme-btn-primary--border-color--disabled);background-color:var(--theme-btn-primary--background--disabled);color:var(--theme-btn-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-primary--color--disabled)}:host .btn-outline-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-primary,:host .btn-outline-primary.focus,:host .btn-outline-primary:focus-visible{background-color:var(--theme-btn-outline-primary--background);color:var(--theme-btn-outline-primary--color);--ix-button-color:var(--theme-btn-outline-primary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-primary--border-color);border-style:solid}:host .btn-outline-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-primary--border-color--hover);background-color:var(--theme-btn-outline-primary--background--hover);color:var(--theme-btn-outline-primary--color--hover)}:host .btn-outline-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-primary:not(.disabled):not(:disabled):active,:host .btn-outline-primary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-primary--border-color--active);background-color:var(--theme-btn-outline-primary--background--active);color:var(--theme-btn-outline-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-primary.disabled,:host(.disabled) .btn-outline-primary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-primary--border-color--disabled);background-color:var(--theme-btn-outline-primary--background--disabled);color:var(--theme-btn-outline-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-primary--color--disabled)}:host .btn-invisible-primary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-primary,:host .btn-invisible-primary.focus,:host .btn-invisible-primary:focus-visible{background-color:var(--theme-btn-invisible-primary--background);color:var(--theme-btn-invisible-primary--color);--ix-button-color:var(--theme-btn-invisible-primary--color);border-color:transparent}:host .btn-invisible-primary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-primary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-primary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-primary--background--hover);color:var(--theme-btn-invisible-primary--color--hover)}:host .btn-invisible-primary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-primary:not(.disabled):not(:disabled):active,:host .btn-invisible-primary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-primary--background--active);color:var(--theme-btn-invisible-primary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-primary.disabled,:host(.disabled) .btn-invisible-primary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-primary--background--disabled);color:var(--theme-btn-invisible-primary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-primary--color--disabled)}:host .btn-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-secondary,:host .btn-secondary.focus,:host .btn-secondary:focus-visible{background-color:var(--theme-btn-secondary--background);color:var(--theme-btn-secondary--color);--ix-button-color:var(--theme-btn-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-secondary--border-color);border-style:solid}:host .btn-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-secondary--border-color--hover);background-color:var(--theme-btn-secondary--background--hover);color:var(--theme-btn-secondary--color--hover)}:host .btn-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-secondary:not(.disabled):not(:disabled):active,:host .btn-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-secondary--border-color--active);background-color:var(--theme-btn-secondary--background--active);color:var(--theme-btn-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-secondary.disabled,:host(.disabled) .btn-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-secondary--border-color--disabled);background-color:var(--theme-btn-secondary--background--disabled);color:var(--theme-btn-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-secondary--color--disabled)}:host .btn-outline-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-outline-secondary,:host .btn-outline-secondary.focus,:host .btn-outline-secondary:focus-visible{background-color:var(--theme-btn-outline-secondary--background);color:var(--theme-btn-outline-secondary--color);--ix-button-color:var(--theme-btn-outline-secondary--color);border-width:var(--theme-btn--border-thickness);border-color:var(--theme-btn-outline-secondary--border-color);border-style:solid}:host .btn-outline-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-outline-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-outline-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):hover{border-color:var(--theme-btn-outline-secondary--border-color--hover);background-color:var(--theme-btn-outline-secondary--background--hover);color:var(--theme-btn-outline-secondary--color--hover)}:host .btn-outline-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-outline-secondary:not(.disabled):not(:disabled):active,:host .btn-outline-secondary:not(.disabled):not(:disabled).active{border-color:var(--theme-btn-outline-secondary--border-color--active);background-color:var(--theme-btn-outline-secondary--background--active);color:var(--theme-btn-outline-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-outline-secondary.disabled,:host(.disabled) .btn-outline-secondary:disabled{pointer-events:none;border-color:var(--theme-btn-outline-secondary--border-color--disabled);background-color:var(--theme-btn-outline-secondary--background--disabled);color:var(--theme-btn-outline-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-outline-secondary--color--disabled)}:host .btn-invisible-secondary{border-radius:var(--theme-btn--border-radius)}:host .btn-invisible-secondary,:host .btn-invisible-secondary.focus,:host .btn-invisible-secondary:focus-visible{background-color:var(--theme-btn-invisible-secondary--background);color:var(--theme-btn-invisible-secondary--color);--ix-button-color:var(--theme-btn-invisible-secondary--color);border-color:transparent}:host .btn-invisible-secondary:not(.disabled):not(:disabled):focus-visible{outline:1px solid var(--theme-color-focus-bdr);outline-offset:var(--theme-btn--focus--outline-offset)}:host .btn-invisible-secondary.selected{background-color:var(--theme-color-ghost--selected);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):hover{background-color:var(--theme-color-ghost--selected-hover);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary.selected:not(.disabled):not(:disabled).active{background-color:var(--theme-color-ghost--selected-active);color:var(--theme-color-dynamic)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover);color:var(--theme-btn-invisible-secondary--color--hover)}:host .btn-invisible-secondary:not(.disabled):not(:disabled){cursor:pointer}:host .btn-invisible-secondary:not(.disabled):not(:disabled):active,:host .btn-invisible-secondary:not(.disabled):not(:disabled).active{background-color:var(--theme-btn-invisible-secondary--background--active);color:var(--theme-btn-invisible-secondary--color--active)}:host(.disabled){pointer-events:none}:host(.disabled) .btn-invisible-secondary.disabled,:host(.disabled) .btn-invisible-secondary:disabled{pointer-events:none;background-color:var(--theme-btn-invisible-secondary--background--disabled);color:var(--theme-btn-invisible-secondary--color--disabled);opacity:1;--ix-button-color:var(--theme-btn-invisible-secondary--color--disabled)}:host{display:inline-flex;justify-content:center;align-items:center}:host button{width:100%;height:100%;overflow:hidden;padding:0}:host button.btn-oval{border-radius:6.25rem}:host ix-icon{color:var(--ix-icon-button-color, currentColor);margin:0}:host ix-spinner{margin:0}:host(.btn-icon-12){height:1rem;width:1rem;min-width:1rem;min-height:1rem}:host(.btn-icon-16){height:1.5rem;width:1.5rem;min-width:1.5rem;min-height:1.5rem}:host(.btn-icon-32){height:2rem;width:2rem;min-width:2rem;min-height:2rem}";const s=class{constructor(r){e(this,r);this.pressedChange=o(this,"pressedChange",7);this.variant="secondary";this.outline=false;this.ghost=false;this.pressed=false;this.size="24";this.disabled=false;this.loading=false}isIllegalToggleButtonConfig(){return this.variant==="primary"&&(this.outline||this.ghost)}logIllegalConfig(){console.warn('iX toggle button with illegal configuration detected. Variant "primary" can only be combined with "outline" or "ghost".')}onVariantChange(){if(this.isIllegalToggleButtonConfig()){this.logIllegalConfig()}}onGhostChange(){this.onVariantChange()}onOutlineChange(){this.onVariantChange()}componentDidLoad(){this.onVariantChange()}dispatchPressedChange(){this.pressedChange.emit(!this.pressed)}getIconSizeClass(){return{"btn-icon-12":this.size==="12","btn-icon-16":this.size==="16","btn-icon-32":this.size==="24"}}render(){const e={variant:this.variant,outline:this.outline,ghost:this.ghost,iconOnly:true,iconOval:false,selected:this.pressed,disabled:this.disabled||this.loading,icon:this.icon,iconSize:this.size,loading:this.loading,onClick:()=>this.dispatchPressedChange(),type:"button",ariaAttributes:{"aria-pressed":d(this.pressed)},extraClasses:Object.assign({"icon-button":true},this.getIconSizeClass())};return r(t,{key:"c6ee50eeae6633065e5de88f97596caf8eb0e281",class:Object.assign(Object.assign({},this.getIconSizeClass()),{disabled:this.disabled||this.loading})},r(i,Object.assign({key:"7d47806873919e9f74da8531c1fe2b087902c56f"},e)))}get hostElement(){return n(this)}static get watchers(){return{variant:["onVariantChange"],ghost:["onGhostChange"],outline:["onOutlineChange"]}}};s.style=a;export{s as ix_icon_toggle_button};
2
- //# sourceMappingURL=p-04338b3f.entry.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["iconToggleButtonCss","IconToggleButton","constructor","hostRef","this","variant","outline","ghost","pressed","size","disabled","loading","isIllegalToggleButtonConfig","logIllegalConfig","console","warn","onVariantChange","onGhostChange","onOutlineChange","componentDidLoad","dispatchPressedChange","pressedChange","emit","getIconSizeClass","render","baseButtonProps","iconOnly","iconOval","selected","icon","iconSize","onClick","type","ariaAttributes","a11yBoolean","extraClasses","Object","assign","h","Host","key","class","BaseIconButton"],"sources":["src/components/icon-toggle-button/icon-toggle-button.scss?tag=ix-icon-toggle-button&encapsulation=shadow","src/components/icon-toggle-button/icon-toggle-button.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@import '../icon-button/icon-button-mixin.scss';\n\n@include base-icon-button;\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { BaseButtonProps } from '../button/base-button';\nimport { ButtonVariant } from '../button/button';\nimport { BaseIconButton } from '../icon-button/base-icon-button';\nimport { a11yBoolean } from '../utils/a11y';\n\n@Component({\n tag: 'ix-icon-toggle-button',\n shadow: true,\n styleUrl: './icon-toggle-button.scss',\n})\nexport class IconToggleButton {\n /**\n * Button variant.\n * Important: Variant 'primary' can only be combined with either outline or ghost.\n */\n @Prop() variant: ButtonVariant = 'secondary';\n\n /**\n * Outline button\n */\n @Prop() outline = false;\n\n /**\n * Button with no background or outline\n */\n @Prop() ghost = false;\n\n /**\n * Icon name\n */\n @Prop() icon?: string;\n\n /**\n * Show button as pressed\n */\n @Prop() pressed = false;\n\n /**\n * Size of icon in button\n */\n @Prop() size: '24' | '16' | '12' = '24';\n\n /**\n * Disable the button\n */\n @Prop({ reflect: true }) disabled = false;\n\n /**\n * Loading button\n */\n @Prop() loading: boolean = false;\n\n /**\n * Pressed change event\n */\n @Event() pressedChange!: EventEmitter<boolean>;\n\n @Element() hostElement!: HTMLIxIconToggleButtonElement;\n\n private isIllegalToggleButtonConfig() {\n return this.variant === 'primary' && (this.outline || this.ghost);\n }\n\n private logIllegalConfig() {\n console.warn(\n 'iX toggle button with illegal configuration detected. Variant \"primary\" can only be combined with \"outline\" or \"ghost\".'\n );\n }\n\n @Watch('variant')\n onVariantChange() {\n if (this.isIllegalToggleButtonConfig()) {\n this.logIllegalConfig();\n }\n }\n\n @Watch('ghost')\n onGhostChange() {\n this.onVariantChange();\n }\n\n @Watch('outline')\n onOutlineChange() {\n this.onVariantChange();\n }\n\n componentDidLoad() {\n this.onVariantChange();\n }\n\n private dispatchPressedChange() {\n this.pressedChange.emit(!this.pressed);\n }\n\n private getIconSizeClass() {\n return {\n 'btn-icon-12': this.size === '12',\n 'btn-icon-16': this.size === '16',\n 'btn-icon-32': this.size === '24',\n };\n }\n\n render() {\n const baseButtonProps: BaseButtonProps = {\n variant: this.variant,\n outline: this.outline,\n ghost: this.ghost,\n iconOnly: true,\n iconOval: false,\n selected: this.pressed,\n disabled: this.disabled || this.loading,\n icon: this.icon,\n iconSize: this.size,\n loading: this.loading,\n onClick: () => this.dispatchPressedChange(),\n type: 'button',\n ariaAttributes: {\n 'aria-pressed': a11yBoolean(this.pressed),\n },\n extraClasses: {\n 'icon-button': true,\n ...this.getIconSizeClass(),\n },\n };\n\n return (\n <Host\n class={{\n ...this.getIconSizeClass(),\n disabled: this.disabled || this.loading,\n }}\n >\n <BaseIconButton {...baseButtonProps}></BaseIconButton>\n </Host>\n );\n }\n}\n"],"mappings":"gKAAA,MAAMA,EAAsB,07tB,MC6BfC,EAAgB,MAL7B,WAAAC,CAAAC,G,uDAUUC,KAAOC,QAAkB,YAKzBD,KAAOE,QAAG,MAKVF,KAAKG,MAAG,MAURH,KAAOI,QAAG,MAKVJ,KAAIK,KAAuB,KAKVL,KAAQM,SAAG,MAK5BN,KAAOO,QAAY,KAsF5B,CA7ES,2BAAAC,GACN,OAAOR,KAAKC,UAAY,YAAcD,KAAKE,SAAWF,KAAKG,M,CAGrD,gBAAAM,GACNC,QAAQC,KACN,0H,CAKJ,eAAAC,GACE,GAAIZ,KAAKQ,8BAA+B,CACtCR,KAAKS,kB,EAKT,aAAAI,GACEb,KAAKY,iB,CAIP,eAAAE,GACEd,KAAKY,iB,CAGP,gBAAAG,GACEf,KAAKY,iB,CAGC,qBAAAI,GACNhB,KAAKiB,cAAcC,MAAMlB,KAAKI,Q,CAGxB,gBAAAe,GACN,MAAO,CACL,cAAenB,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,KAC7B,cAAeL,KAAKK,OAAS,K,CAIjC,MAAAe,GACE,MAAMC,EAAmC,CACvCpB,QAASD,KAAKC,QACdC,QAASF,KAAKE,QACdC,MAAOH,KAAKG,MACZmB,SAAU,KACVC,SAAU,MACVC,SAAUxB,KAAKI,QACfE,SAAUN,KAAKM,UAAYN,KAAKO,QAChCkB,KAAMzB,KAAKyB,KACXC,SAAU1B,KAAKK,KACfE,QAASP,KAAKO,QACdoB,QAAS,IAAM3B,KAAKgB,wBACpBY,KAAM,SACNC,eAAgB,CACd,eAAgBC,EAAY9B,KAAKI,UAEnC2B,aAAYC,OAAAC,OAAA,CACV,cAAe,MACZjC,KAAKmB,qBAIZ,OACEe,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAKL,OAAAC,OAAAD,OAAAC,OAAA,GACAjC,KAAKmB,oBACR,CAAAb,SAAUN,KAAKM,UAAYN,KAAKO,WAGlC2B,EAACI,EAAmBN,OAAAC,OAAA,CAAAG,IAAA,4CAAAf,I","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- import{r as e,c as t,h as o,H as r,g as h}from"./p-BNpBEtDH.js";import{a as i}from"./p-Bb7pDeaQ.js";import{H as c}from"./p-DHml78Yc.js";const n=':host{display:inline-flex;flex-direction:row;position:relative;height:1.5rem;margin-block-start:0.25rem;margin-block-end:0.25rem}: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 ::-webkit-scrollbar{width:0.5rem;height:0.5rem}: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 ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host input[type=checkbox]{display:none}:host .wrapper{display:flex;align-items:flex-start;width:100%;height:100%}:host .label{display:inline-block;white-space:normal;overflow:hidden;text-overflow:ellipsis;margin-block-start:0.125rem;margin-inline-start:0.5625rem}:host .switch{all:unset;position:relative;display:inline-block;width:3rem;min-width:3rem;max-width:3rem;height:1.5rem}:host .slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--theme-switch-off--background);transition:var(--theme-default-time);border-radius:1.5rem;border:0.0625rem solid transparent}:host .slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:0.125rem;bottom:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:var(--theme-default-time);border-radius:50%}:host .switch.checked>.slider::before{background-color:var(--theme-switch-thumb-on--background);transform:translateX(1.5rem)}:host .switch>.slider{border-color:var(--theme-switch-off--border-color)}:host .switch:hover>.slider{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}:host .switch:hover>.slider:before{background-color:var(--theme-switch-thumb-off--background--hover)}:host .switch:active>.slider{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}:host .switch:active>.slider:before{background-color:var(--theme-switch-thumb-off--background--active)}:host .switch.checked>.slider{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}:host .switch.checked:hover>.slider{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}:host .switch.checked:hover>.slider:before{background-color:var(--theme-switch-thumb-on--background--hover)}:host .switch.checked:active>.slider{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}:host .switch.checked:active>.slider:before{background-color:var(--theme-switch-thumb-on--background--active)}:host .switch.indeterminate>.slider::before{transform:translateX(0.75rem)}:host(:not(.disabled)) .wrapper{cursor:pointer}:host(:not(.disabled)) .switch:focus-visible>.slider{outline:0.0625rem solid var(--theme-color-focus-bdr);outline-offset:0.0625rem}:host(.disabled){pointer-events:none}:host(.disabled) .switch{opacity:0.5}:host(.disabled) .switch>.slider{background-color:var(--theme-switch-off--background--disabled)}:host(.disabled) .switch>.slider:before{background-color:var(--theme-switch-thumb-off--background--disabled)}:host(.disabled) .switch.checked>.slider{background-color:var(--theme-switch-on--background--disabled)}:host(.disabled) .switch.checked>.slider:before{background-color:var(--theme-switch-thumb-on--background--disabled)}:host(.disabled) .label{color:var(--theme-color-weak-text)}:host(.ix-info:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--info\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--info--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--info--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--info\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--info--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--info--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--info\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--info--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--info--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--info\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--info--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--info--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--info\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--info--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--info--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--info\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--info--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--info--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--info\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--info--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--info--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--info\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--info--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--info--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--info\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--info--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--info--active\n )}:host(.ix-warning:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--warning\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--warning--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--warning--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--warning\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--warning--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--warning--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--warning\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--warning--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--warning--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--warning\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--warning--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--warning--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--warning\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--warning--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--warning--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--warning\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--warning--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--warning--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--warning\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--warning--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--warning--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--warning\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--warning--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--warning--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--warning\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--warning--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--warning--active\n )}:host(.ix-invalid--required:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--invalid\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--invalid--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--invalid--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--invalid\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--invalid--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--invalid--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--invalid\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--invalid--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--invalid--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--invalid\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--invalid--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--invalid--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--invalid\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--invalid--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--invalid--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--invalid\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--invalid--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--invalid--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--invalid\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--invalid--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--invalid--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--invalid\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--invalid--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--invalid--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--invalid\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--invalid--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--invalid--active\n )}:host(.ix-invalid:not(.disabled)) .slider{--theme-switch-off--background:var(\n --theme-switch-off--background--invalid\n );--theme-switch-off--background--hover:var(\n --theme-switch-off--background--invalid--hover\n );--theme-switch-off--background--active:var(\n --theme-switch-off--background--invalid--active\n );--theme-switch-thumb-off--background:var(\n --theme-switch-thumb-off--background--invalid\n );--theme-switch-thumb-off--background--hover:var(\n --theme-switch-thumb-off--background--invalid--hover\n );--theme-switch-thumb-off--background--active:var(\n --theme-switch-thumb-off--background--invalid--active\n );--theme-switch-off--border-color:var(\n --theme-switch-off--border-color--invalid\n );--theme-switch-off--border-color--hover:var(\n --theme-switch-off--border-color--invalid--hover\n );--theme-switch-off--border-color--active:var(\n --theme-switch-off--border-color--invalid--active\n );--theme-switch-on--background:var(\n --theme-switch-on--background--invalid\n );--theme-switch-on--background--hover:var(\n --theme-switch-on--background--invalid--hover\n );--theme-switch-on--background--active:var(\n --theme-switch-on--background--invalid--active\n );--theme-switch-thumb-on--background:var(\n --theme-switch-thumb-on--background--invalid\n );--theme-switch-thumb-on--background--hover:var(\n --theme-switch-thumb-on--background--invalid--hover\n );--theme-switch-thumb-on--background--active:var(\n --theme-switch-thumb-on--background--invalid--active\n );--theme-switch-on--border-color:var(\n --theme-switch-on--border-color--invalid\n );--theme-switch-on--border-color--hover:var(\n --theme-switch-on--border-color--invalid--hover\n );--theme-switch-on--border-color--active:var(\n --theme-switch-on--border-color--invalid--active\n );--theme-switch-mixed--background:var(\n --theme-switch-mixed--background--invalid\n );--theme-switch-mixed--background--hover:var(\n --theme-switch-mixed--background--invalid--hover\n );--theme-switch-mixed--background--active:var(\n --theme-switch-mixed--background--invalid--active\n );--theme-switch-thumb-mixed--background:var(\n --theme-switch-thumb-mixed--background--invalid\n );--theme-switch-thumb-mixed--background--hover:var(\n --theme-switch-thumb-mixed--background--invalid--hover\n );--theme-switch-thumb-mixed--background--active:var(\n --theme-switch-thumb-mixed--background--invalid--active\n );--theme-switch-mixed--border-color:var(\n --theme-switch-mixed--border-color--invalid\n );--theme-switch-mixed--border-color--hover:var(\n --theme-switch-mixed--border-color--invalid--hover\n );--theme-switch-mixed--border-color--active:var(\n --theme-switch-mixed--border-color--invalid--active\n )}';var a=undefined&&undefined.__decorate||function(e,t,o,r){var h=arguments.length,i=h<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,o):r,c;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")i=Reflect.decorate(e,t,o,r);else for(var n=e.length-1;n>=0;n--)if(c=e[n])i=(h<3?c(i):h>3?c(t,o,i):c(t,o))||i;return h>3&&i&&Object.defineProperty(t,o,i),i};const d=class{constructor(o){e(this,o);this.checkedChange=t(this,"checkedChange",7);this.valueChange=t(this,"valueChange",7);this.ixBlur=t(this,"ixBlur",7);if(o.$hostElement$["s-ei"]){this.formInternals=o.$hostElement$["s-ei"]}else{this.formInternals=o.$hostElement$.attachInternals();o.$hostElement$["s-ei"]=this.formInternals}this.value="on";this.checked=false;this.disabled=false;this.indeterminate=false;this.textOn="On";this.textOff="Off";this.textIndeterminate="Mixed";this.hideText=false;this.required=false;this.touched=false}onCheckedChange(e){if(this.disabled){return}const t=this.indeterminate;const o=this.checked;if(this.indeterminate){this.indeterminate=false}this.checked=e;const{defaultPrevented:r}=this.checkedChange.emit(this.checked);if(r){this.indeterminate=t;this.checked=o}}componentWillLoad(){this.updateFormInternalValue()}updateFormInternalValue(){if(this.checked){this.formInternals.setFormValue(this.value)}else{this.formInternals.setFormValue(null)}}watchCheckedChange(){this.touched=true;this.updateFormInternalValue()}hasValidValue(){return Promise.resolve(this.checked)}getAssociatedFormElement(){return Promise.resolve(this.formInternals.form)}isTouched(){return Promise.resolve(this.touched)}updateClassMappings(){}render(){let e=this.textOff;if(this.checked){e=this.textOn}if(this.indeterminate){e=this.textIndeterminate}return o(r,{key:"2006d13cafca2fdd354b0481d45f06a08fba1eed",class:{disabled:this.disabled},onBlur:()=>this.ixBlur.emit(),onFocus:()=>this.touched=true},o("label",{key:"aa118214cf466c2dc95c494ae3762128258bbc0e",class:"wrapper"},o("button",{key:"952c8bd4175f6a87b424aab3740a79b9aafca0c4",role:"switch","aria-checked":i(this.checked),class:{switch:true,checked:this.checked,indeterminate:this.indeterminate},onClick:()=>this.onCheckedChange(!this.checked)},o("div",{key:"9eb7fd9a73b7cbc1b001c0d6a32972c94dd46b05",class:"slider"})),o("input",{key:"7fb350a1e6096e5e33011cf1c031d426b4a1d598",type:"checkbox",disabled:this.disabled,indeterminate:this.indeterminate,checked:this.checked,tabindex:0,"aria-hidden":i(true),"aria-checked":i(this.checked),onChange:e=>this.onCheckedChange(e.target.checked)}),!this.hideText&&o("ix-typography",{key:"d1dfac3bbcb0e01a3ea1862539c59467a3abd860",class:"label"},e)))}static get formAssociated(){return true}get hostElement(){return h(this)}static get watchers(){return{checked:["watchCheckedChange"]}}};a([c()],d.prototype,"updateClassMappings",null);d.style=n;export{d as ix_toggle};
2
- //# sourceMappingURL=p-0443dc8d.entry.js.map