@siemens/ix 1.2.1 → 1.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (322) hide show
  1. package/dist/cjs/alignment-24ae2e63.js +1372 -0
  2. package/dist/cjs/{index-354a8c3d.js → index-17eb8998.js} +4 -3
  3. package/dist/cjs/index.cjs.js +5 -2
  4. package/dist/cjs/ix-animated-tab_2.cjs.entry.js +1 -1
  5. package/dist/cjs/ix-application-header.cjs.entry.js +1 -1
  6. package/dist/cjs/ix-basic-navigation.cjs.entry.js +1 -1
  7. package/dist/cjs/ix-blind.cjs.entry.js +1 -1
  8. package/dist/cjs/ix-breadcrumb_2.cjs.entry.js +1 -1
  9. package/dist/cjs/ix-button.cjs.entry.js +5 -3
  10. package/dist/cjs/ix-category-filter.cjs.entry.js +9 -9
  11. package/dist/cjs/ix-chip.cjs.entry.js +22 -9
  12. package/dist/cjs/ix-counter-pill.cjs.entry.js +2 -2
  13. package/dist/cjs/ix-date-picker_2.cjs.entry.js +1 -1
  14. package/dist/cjs/ix-date-time-card.cjs.entry.js +1 -1
  15. package/dist/cjs/ix-datetime-picker.cjs.entry.js +1 -1
  16. package/dist/cjs/ix-drawer.cjs.entry.js +1 -1
  17. package/dist/cjs/ix-dropdown-button.cjs.entry.js +40 -0
  18. package/dist/cjs/ix-dropdown_2.cjs.entry.js +88 -42
  19. package/dist/cjs/ix-event-list_2.cjs.entry.js +1 -1
  20. package/dist/cjs/ix-expanding-search.cjs.entry.js +3 -3
  21. package/dist/cjs/ix-filter-chip.cjs.entry.js +1 -1
  22. package/dist/cjs/ix-flip-tile_2.cjs.entry.js +1 -1
  23. package/dist/cjs/ix-group-context-menu.cjs.entry.js +1 -1
  24. package/dist/cjs/ix-group_3.cjs.entry.js +1 -1
  25. package/dist/cjs/ix-icon-button.cjs.entry.js +3 -3
  26. package/dist/cjs/ix-icon.cjs.entry.js +1 -1
  27. package/dist/cjs/ix-input-group.cjs.entry.js +1 -1
  28. package/dist/cjs/ix-kpi.cjs.entry.js +1 -1
  29. package/dist/cjs/ix-map-navigation_2.cjs.entry.js +5 -4
  30. package/dist/cjs/ix-menu_9.cjs.entry.js +14 -95
  31. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  32. package/dist/cjs/ix-modal-example.cjs.entry.js +1 -1
  33. package/dist/cjs/ix-modal_2.cjs.entry.js +2 -2
  34. package/dist/cjs/ix-pill.cjs.entry.js +6 -3
  35. package/dist/cjs/ix-select_2.cjs.entry.js +36 -15
  36. package/dist/cjs/ix-spinner.cjs.entry.js +1 -1
  37. package/dist/cjs/ix-split-button_2.cjs.entry.js +7 -36
  38. package/dist/cjs/ix-tab-item.cjs.entry.js +1 -1
  39. package/dist/cjs/ix-tabs.cjs.entry.js +1 -1
  40. package/dist/cjs/ix-tile.cjs.entry.js +1 -1
  41. package/dist/cjs/ix-toast_2.cjs.entry.js +1 -1
  42. package/dist/cjs/ix-toggle.cjs.entry.js +1 -1
  43. package/dist/cjs/ix-tree_2.cjs.entry.js +24 -5
  44. package/dist/cjs/ix-upload.cjs.entry.js +1 -1
  45. package/dist/cjs/ix-validation-tooltip.cjs.entry.js +72 -27
  46. package/dist/cjs/ix-workflow-step_2.cjs.entry.js +1 -1
  47. package/dist/cjs/loader.cjs.js +2 -2
  48. package/dist/cjs/{modal-a5b22d3f.js → modal-dda2f6be.js} +9 -3
  49. package/dist/cjs/my-component.cjs.entry.js +2 -2
  50. package/dist/cjs/siemens-ix.cjs.js +2 -2
  51. package/dist/cjs/theme-switcher-f91c8d8d.js +92 -0
  52. package/dist/collection/collection-manifest.json +1 -0
  53. package/dist/collection/components/button/button.css +1 -1
  54. package/dist/collection/components/button/button.js +4 -2
  55. package/dist/collection/components/category-filter/category-filter.css +4 -4
  56. package/dist/collection/components/category-filter/category-filter.js +7 -7
  57. package/dist/collection/components/chip/chip.css +20 -0
  58. package/dist/collection/components/chip/chip.js +22 -9
  59. package/dist/collection/components/counter-pill/counter-pill.css +10 -0
  60. package/dist/collection/components/dropdown/alignment.js +9 -0
  61. package/dist/collection/components/dropdown/dropdown.css +1 -0
  62. package/dist/collection/components/dropdown/dropdown.js +113 -50
  63. package/dist/collection/components/dropdown/placement.js +1 -0
  64. package/dist/collection/components/dropdown-button/dropdown-button.css +81 -0
  65. package/dist/collection/components/dropdown-button/dropdown-button.js +191 -0
  66. package/dist/collection/components/expanding-search/expanding-search.css +1 -0
  67. package/dist/collection/components/expanding-search/expanding-search.js +1 -1
  68. package/dist/collection/components/icon-button/icon-button.css +3 -30
  69. package/dist/collection/components/icon-button/icon-button.js +2 -2
  70. package/dist/collection/components/map-navigation/map-navigation.js +3 -2
  71. package/dist/collection/components/map-navigation-overlay/map-navigation-overlay.css +9 -4
  72. package/dist/collection/components/menu/menu.css +5 -1
  73. package/dist/collection/components/menu/menu.js +6 -21
  74. package/dist/collection/components/menu-avatar/menu-avatar.js +4 -30
  75. package/dist/collection/components/modal/modal.css +1 -0
  76. package/dist/collection/components/modal/modal.js +7 -1
  77. package/dist/collection/components/my-component/my-component.css +0 -8
  78. package/dist/collection/components/pill/pill.css +10 -0
  79. package/dist/collection/components/pill/pill.js +4 -1
  80. package/dist/collection/components/select/select.css +0 -3
  81. package/dist/collection/components/select/select.js +13 -12
  82. package/dist/collection/components/select-item/events.js +16 -0
  83. package/dist/collection/components/select-item/select-item.js +23 -4
  84. package/dist/collection/components/split-button/split-button.js +7 -36
  85. package/dist/collection/components/tree/tree.js +24 -5
  86. package/dist/collection/components/utils/theme-switcher.js +86 -0
  87. package/dist/collection/components/validation-tooltip/validation-tooltip.css +4 -24
  88. package/dist/collection/components/validation-tooltip/validation-tooltip.js +75 -28
  89. package/dist/collection/exports.js +1 -0
  90. package/dist/components/alignment.js +1363 -0
  91. package/dist/components/button.js +5 -3
  92. package/dist/components/dropdown.js +88 -41
  93. package/dist/components/icon-button.js +3 -3
  94. package/dist/components/index.d.ts +1 -0
  95. package/dist/components/index.js +2 -1
  96. package/dist/components/ix-category-filter.js +18 -12
  97. package/dist/components/ix-chip.js +21 -8
  98. package/dist/components/ix-counter-pill.js +1 -1
  99. package/dist/components/ix-dropdown-button.d.ts +11 -0
  100. package/dist/components/ix-dropdown-button.js +86 -0
  101. package/dist/components/ix-expanding-search.js +2 -2
  102. package/dist/components/ix-map-navigation.js +3 -2
  103. package/dist/components/ix-menu-avatar.js +6 -19
  104. package/dist/components/ix-menu.js +93 -46
  105. package/dist/components/ix-pill.js +5 -2
  106. package/dist/components/ix-select.js +9 -14
  107. package/dist/components/ix-split-button.js +6 -35
  108. package/dist/components/ix-tree.js +23 -4
  109. package/dist/components/ix-validation-tooltip.js +74 -27
  110. package/dist/components/map-navigation-overlay.js +1 -1
  111. package/dist/components/modal.js +8 -2
  112. package/dist/components/my-component.js +1 -1
  113. package/dist/components/select-item.js +27 -1
  114. package/dist/esm/alignment-f63c1b89.js +1363 -0
  115. package/dist/esm/{index-7746a810.js → index-6f4f3582.js} +5 -3
  116. package/dist/esm/index.js +3 -2
  117. package/dist/esm/ix-animated-tab_2.entry.js +1 -1
  118. package/dist/esm/ix-application-header.entry.js +1 -1
  119. package/dist/esm/ix-basic-navigation.entry.js +1 -1
  120. package/dist/esm/ix-blind.entry.js +1 -1
  121. package/dist/esm/ix-breadcrumb_2.entry.js +1 -1
  122. package/dist/esm/ix-button.entry.js +5 -3
  123. package/dist/esm/ix-category-filter.entry.js +9 -9
  124. package/dist/esm/ix-chip.entry.js +22 -9
  125. package/dist/esm/ix-counter-pill.entry.js +2 -2
  126. package/dist/esm/ix-date-picker_2.entry.js +1 -1
  127. package/dist/esm/ix-date-time-card.entry.js +1 -1
  128. package/dist/esm/ix-datetime-picker.entry.js +1 -1
  129. package/dist/esm/ix-drawer.entry.js +1 -1
  130. package/dist/esm/ix-dropdown-button.entry.js +36 -0
  131. package/dist/esm/ix-dropdown_2.entry.js +88 -42
  132. package/dist/esm/ix-event-list_2.entry.js +1 -1
  133. package/dist/esm/ix-expanding-search.entry.js +3 -3
  134. package/dist/esm/ix-filter-chip.entry.js +1 -1
  135. package/dist/esm/ix-flip-tile_2.entry.js +1 -1
  136. package/dist/esm/ix-group-context-menu.entry.js +1 -1
  137. package/dist/esm/ix-group_3.entry.js +1 -1
  138. package/dist/esm/ix-icon-button.entry.js +3 -3
  139. package/dist/esm/ix-icon.entry.js +1 -1
  140. package/dist/esm/ix-input-group.entry.js +1 -1
  141. package/dist/esm/ix-kpi.entry.js +1 -1
  142. package/dist/esm/ix-map-navigation_2.entry.js +5 -4
  143. package/dist/esm/ix-menu_9.entry.js +14 -95
  144. package/dist/esm/ix-message-bar.entry.js +1 -1
  145. package/dist/esm/ix-modal-example.entry.js +1 -1
  146. package/dist/esm/ix-modal_2.entry.js +2 -2
  147. package/dist/esm/ix-pill.entry.js +6 -3
  148. package/dist/esm/ix-select_2.entry.js +36 -15
  149. package/dist/esm/ix-spinner.entry.js +1 -1
  150. package/dist/esm/ix-split-button_2.entry.js +7 -36
  151. package/dist/esm/ix-tab-item.entry.js +1 -1
  152. package/dist/esm/ix-tabs.entry.js +1 -1
  153. package/dist/esm/ix-tile.entry.js +1 -1
  154. package/dist/esm/ix-toast_2.entry.js +1 -1
  155. package/dist/esm/ix-toggle.entry.js +1 -1
  156. package/dist/esm/ix-tree_2.entry.js +24 -5
  157. package/dist/esm/ix-upload.entry.js +1 -1
  158. package/dist/esm/ix-validation-tooltip.entry.js +72 -27
  159. package/dist/esm/ix-workflow-step_2.entry.js +1 -1
  160. package/dist/esm/loader.js +2 -2
  161. package/dist/esm/{modal-9c9eaf8e.js → modal-df0a62f2.js} +9 -3
  162. package/dist/esm/my-component.entry.js +2 -2
  163. package/dist/esm/siemens-ix.js +2 -2
  164. package/dist/esm/theme-switcher-9ecc9b69.js +89 -0
  165. package/dist/siemens-ix/index.esm.js +1 -1
  166. package/dist/siemens-ix/p-03d38416.entry.js +1 -0
  167. package/dist/siemens-ix/{p-5e4c3828.js → p-05c16b94.js} +2 -2
  168. package/dist/siemens-ix/p-0e357d27.entry.js +1 -0
  169. package/dist/siemens-ix/{p-963c5690.entry.js → p-150d7a02.entry.js} +1 -1
  170. package/dist/siemens-ix/p-18d02e6f.entry.js +1 -0
  171. package/dist/siemens-ix/{p-5871e480.entry.js → p-218de283.entry.js} +1 -1
  172. package/dist/siemens-ix/{p-b2ecf415.entry.js → p-23d79e3d.entry.js} +1 -1
  173. package/dist/siemens-ix/{p-91eb1fdd.entry.js → p-2bc72119.entry.js} +1 -1
  174. package/dist/siemens-ix/p-2bd88760.entry.js +1 -0
  175. package/dist/siemens-ix/p-2c5abec1.js +1 -0
  176. package/dist/siemens-ix/{p-dfb5730f.entry.js → p-2e24ae23.entry.js} +1 -1
  177. package/dist/siemens-ix/{p-4d61503b.entry.js → p-33283dbf.entry.js} +1 -1
  178. package/dist/siemens-ix/{p-6e915c70.entry.js → p-3663f989.entry.js} +1 -1
  179. package/dist/siemens-ix/{p-2f3294b8.entry.js → p-418e2d14.entry.js} +1 -1
  180. package/dist/siemens-ix/p-43616759.entry.js +1 -0
  181. package/dist/siemens-ix/{p-03687070.entry.js → p-4b170382.entry.js} +1 -1
  182. package/dist/siemens-ix/p-4fcb5f2b.entry.js +1 -0
  183. package/dist/siemens-ix/p-5631ae88.entry.js +1 -0
  184. package/dist/siemens-ix/{p-56771b32.entry.js → p-592f1ed3.entry.js} +1 -1
  185. package/dist/siemens-ix/p-5bbe9943.entry.js +1 -0
  186. package/dist/siemens-ix/{p-05f3c48e.entry.js → p-65e61684.entry.js} +1 -1
  187. package/dist/siemens-ix/p-67eb9d59.entry.js +1 -0
  188. package/dist/siemens-ix/p-6fe3bb9c.entry.js +1 -0
  189. package/dist/siemens-ix/{p-5e3700c3.entry.js → p-72f851ae.entry.js} +1 -1
  190. package/dist/siemens-ix/{p-e5397173.entry.js → p-7f842cdc.entry.js} +1 -1
  191. package/dist/siemens-ix/{p-412dbb89.entry.js → p-8a7141a6.entry.js} +1 -1
  192. package/dist/siemens-ix/{p-10879145.entry.js → p-8b4e4718.entry.js} +1 -1
  193. package/dist/siemens-ix/{p-ded3a35d.entry.js → p-9b5290d4.entry.js} +1 -1
  194. package/dist/siemens-ix/{p-c885685e.entry.js → p-a5fa7ae5.entry.js} +1 -1
  195. package/dist/siemens-ix/p-a6f4cfc6.entry.js +1 -0
  196. package/dist/siemens-ix/{p-61cb7ab7.entry.js → p-a88618e3.entry.js} +1 -1
  197. package/dist/siemens-ix/p-ab7949ff.entry.js +1 -0
  198. package/dist/siemens-ix/{p-23578bb6.entry.js → p-b242bd39.entry.js} +1 -1
  199. package/dist/siemens-ix/p-b3d00feb.entry.js +1 -0
  200. package/dist/siemens-ix/{p-19cc942a.entry.js → p-c3e90c06.entry.js} +1 -1
  201. package/dist/siemens-ix/{p-558623ce.entry.js → p-c993560f.entry.js} +1 -1
  202. package/dist/siemens-ix/{p-35d7f18d.entry.js → p-cc0f6f6b.entry.js} +1 -1
  203. package/dist/siemens-ix/{p-f24f1eb7.entry.js → p-d0bb8225.entry.js} +1 -1
  204. package/dist/siemens-ix/p-d20119c1.entry.js +1 -0
  205. package/dist/siemens-ix/p-dec6114f.js +1 -0
  206. package/dist/siemens-ix/{p-91ecd6ac.entry.js → p-e2925222.entry.js} +1 -1
  207. package/dist/siemens-ix/{p-1ba8c910.entry.js → p-e7621b0a.entry.js} +1 -1
  208. package/dist/siemens-ix/{p-494512c0.entry.js → p-ea333007.entry.js} +1 -1
  209. package/dist/siemens-ix/{p-8f6809f1.entry.js → p-eb150313.entry.js} +1 -1
  210. package/dist/siemens-ix/{p-b0c95c22.entry.js → p-eed28e55.entry.js} +1 -1
  211. package/dist/siemens-ix/p-f6e713f3.js +1 -0
  212. package/dist/siemens-ix/{p-2995294d.entry.js → p-f7be9635.entry.js} +1 -1
  213. package/dist/siemens-ix/{p-712e8945.entry.js → p-fecf0ade.entry.js} +1 -1
  214. package/dist/siemens-ix/siemens-ix.css +25 -3
  215. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  216. package/dist/types/components/category-filter/category-filter.d.ts +1 -0
  217. package/dist/types/components/chip/chip.d.ts +2 -1
  218. package/dist/types/components/dropdown/alignment.d.ts +2 -0
  219. package/dist/types/components/dropdown/dropdown.d.ts +19 -6
  220. package/dist/types/components/dropdown/placement.d.ts +8 -0
  221. package/dist/types/components/dropdown-button/dropdown-button.d.ts +37 -0
  222. package/dist/types/components/menu/menu.d.ts +0 -2
  223. package/dist/types/components/menu-avatar/menu-avatar.d.ts +1 -5
  224. package/dist/types/components/modal/modal.d.ts +1 -0
  225. package/dist/types/components/select/select.d.ts +2 -1
  226. package/dist/types/components/select-item/events.d.ts +9 -0
  227. package/dist/types/components/select-item/select-item.d.ts +3 -2
  228. package/dist/types/components/split-button/split-button.d.ts +4 -6
  229. package/dist/types/components/tree/tree.d.ts +3 -1
  230. package/dist/types/components/utils/theme-switcher.d.ts +19 -0
  231. package/dist/types/components/validation-tooltip/validation-tooltip.d.ts +12 -4
  232. package/dist/types/components.d.ts +86 -15
  233. package/dist/types/exports.d.ts +1 -0
  234. package/package.json +5 -6
  235. package/scss/components/_buttons.scss +23 -0
  236. package/scss/components/_dropdown.scss +2 -0
  237. package/dist/cjs/popper-d7a0f999.js +0 -1801
  238. package/dist/collection/components/utils/popover.util.js +0 -33
  239. package/dist/collection/components/utils/toggle-theme.js +0 -24
  240. package/dist/components/popover.util.js +0 -36
  241. package/dist/components/popper.js +0 -1799
  242. package/dist/esm/popper-42db9fbd.js +0 -1799
  243. package/dist/siemens-ix/p-080c00b1.entry.js +0 -1
  244. package/dist/siemens-ix/p-263949b1.js +0 -1
  245. package/dist/siemens-ix/p-2709fafd.entry.js +0 -1
  246. package/dist/siemens-ix/p-2b69b027.entry.js +0 -1
  247. package/dist/siemens-ix/p-6da1e24d.entry.js +0 -1
  248. package/dist/siemens-ix/p-7b103473.entry.js +0 -1
  249. package/dist/siemens-ix/p-80d27c08.entry.js +0 -1
  250. package/dist/siemens-ix/p-842a7652.entry.js +0 -1
  251. package/dist/siemens-ix/p-9a98369e.entry.js +0 -1
  252. package/dist/siemens-ix/p-af8213cc.entry.js +0 -1
  253. package/dist/siemens-ix/p-aff5f463.entry.js +0 -1
  254. package/dist/siemens-ix/p-bf387a1f.entry.js +0 -1
  255. package/dist/siemens-ix/p-f3996fc1.entry.js +0 -1
  256. package/dist/siemens-ix/p-f86fcdf4.js +0 -1
  257. package/dist/siemens-ix/p-fe28a2be.entry.js +0 -1
  258. package/dist/types/components/utils/popover.util.d.ts +0 -9
  259. package/dist/types/components/utils/toggle-theme.d.ts +0 -1
  260. package/src/components/animated-tab/readme.md +0 -24
  261. package/src/components/animated-tabs/readme.md +0 -31
  262. package/src/components/application-header/readme.md +0 -21
  263. package/src/components/basic-navigation/readme.md +0 -22
  264. package/src/components/blind/readme.md +0 -29
  265. package/src/components/breadcrumb/readme.md +0 -33
  266. package/src/components/breadcrumb-item/readme.md +0 -22
  267. package/src/components/button/readme.md +0 -27
  268. package/src/components/category-filter/readme.md +0 -39
  269. package/src/components/chip/readme.md +0 -36
  270. package/src/components/counter-pill/readme.md +0 -25
  271. package/src/components/date-picker/readme.md +0 -53
  272. package/src/components/date-time-card/readme.md +0 -22
  273. package/src/components/datetime-picker/readme.md +0 -45
  274. package/src/components/drawer/readme.md +0 -47
  275. package/src/components/dropdown/readme.md +0 -49
  276. package/src/components/dropdown-item/readme.md +0 -45
  277. package/src/components/event-list/readme.md +0 -24
  278. package/src/components/event-list-item/readme.md +0 -32
  279. package/src/components/expanding-search/readme.md +0 -32
  280. package/src/components/filter-chip/readme.md +0 -30
  281. package/src/components/flip-tile/readme.md +0 -22
  282. package/src/components/flip-tile-content/readme.md +0 -14
  283. package/src/components/group/readme.md +0 -14
  284. package/src/components/group-dropdown-item/readme.md +0 -22
  285. package/src/components/group-item/readme.md +0 -34
  286. package/src/components/icon/readme.md +0 -23
  287. package/src/components/icon-button/readme.md +0 -31
  288. package/src/components/input-group/readme.md +0 -14
  289. package/src/components/kpi/readme.md +0 -27
  290. package/src/components/map-navigation/readme.md +0 -54
  291. package/src/components/map-navigation-overlay/readme.md +0 -30
  292. package/src/components/menu/readme.md +0 -86
  293. package/src/components/menu-about/readme.md +0 -30
  294. package/src/components/menu-about-item/readme.md +0 -21
  295. package/src/components/menu-about-news/readme.md +0 -34
  296. package/src/components/menu-avatar/readme.md +0 -30
  297. package/src/components/menu-avatar-item/readme.md +0 -29
  298. package/src/components/menu-item/readme.md +0 -26
  299. package/src/components/menu-settings/readme.md +0 -30
  300. package/src/components/menu-settings-item/readme.md +0 -21
  301. package/src/components/message-bar/readme.md +0 -31
  302. package/src/components/modal/readme.md +0 -67
  303. package/src/components/modal-container/readme.md +0 -29
  304. package/src/components/my-component/readme.md +0 -16
  305. package/src/components/pill/readme.md +0 -26
  306. package/src/components/select/readme.md +0 -37
  307. package/src/components/select-item/readme.md +0 -44
  308. package/src/components/spinner/readme.md +0 -22
  309. package/src/components/split-button/readme.md +0 -36
  310. package/src/components/split-button-item/readme.md +0 -29
  311. package/src/components/tab-item/readme.md +0 -28
  312. package/src/components/tabs/readme.md +0 -25
  313. package/src/components/tile/readme.md +0 -21
  314. package/src/components/time-picker/readme.md +0 -51
  315. package/src/components/toast/readme.md +0 -36
  316. package/src/components/toggle/readme.md +0 -35
  317. package/src/components/tree/readme.md +0 -32
  318. package/src/components/tree-item/readme.md +0 -31
  319. package/src/components/upload/readme.md +0 -51
  320. package/src/components/validation-tooltip/readme.md +0 -31
  321. package/src/components/workflow-step/readme.md +0 -28
  322. package/src/components/workflow-steps/readme.md +0 -33
@@ -0,0 +1 @@
1
+ import{r as i,c as t,h as o,H as r,g as a}from"./p-05c16b94.js";const c=class{constructor(o){i(this,o),this.close=t(this,"close",7),this.variant="primary",this.active=!0,this.closable=!1,this.icon=void 0,this.background=void 0,this.color=void 0,this.outline=!1}getCloseButton(){return o("div",{class:"close-button-container"},o("button",{type:"button",class:"btn btn-invisible-secondary btn-icon btn-oval close-button",onClick:i=>this.close.emit(i)},"custom"===this.variant?o("i",{class:"glyph glyph-16 glyph-close-small",style:{color:this.color}}):o("ix-icon",{name:"close-small",size:"16"})))}render(){const i=!1===this.active;let t={};return"custom"===this.variant&&!1===this.outline&&(t={color:this.color,backgroundColor:this.background}),"custom"===this.variant&&!0===this.outline&&(t={color:this.color,borderColor:this.background}),o(r,{class:{outline:this.outline,inactive:i},tabIndex:"-1",title:this.el.textContent,style:Object.assign({},t)},o("ix-icon",{class:{"with-icon":!0,hidden:void 0===this.icon||""===this.icon},name:this.icon,size:"24"}),o("span",{class:"slot-container"},o("slot",null)),!1===i&&this.closable?this.getCloseButton():null)}get el(){return a(this)}};c.style='.sc-ix-chip-h{display:inline-flex;width:-moz-fit-content;width:fit-content;position:relative;align-items:center;border-radius:100px;padding:0.5rem 0.75rem;height:2rem;max-height:2rem;cursor:pointer;margin-left:0.25rem}.sc-ix-chip-h .with-icon.sc-ix-chip{margin-right:0.25rem}.sc-ix-chip-h .hidden.sc-ix-chip{width:0px;margin-right:0px}.sc-ix-chip-h .close-button-container.sc-ix-chip{display:inline-flex;flex-grow:1;margin-left:0.75rem}.sc-ix-chip-h .close-button.sc-ix-chip{position:relative;width:1rem;height:1rem;min-width:unset;min-height:unset;margin-left:auto;margin-right:0}[variant=primary].sc-ix-chip-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].sc-ix-chip-h:hover{background-color:var(--theme-chip-primary--background--hover)}[variant=primary].sc-ix-chip-h:active{background-color:var(--theme-chip-primary--background--active)}[variant=primary].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=primary].outline.sc-ix-chip-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-chip-h .close-button.sc-ix-chip{color:var(--theme-chip-primary-outline--color)}[variant=primary].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-primary-outline--background--hover)}[variant=primary].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-primary-outline--background--active)}[variant=alarm].sc-ix-chip-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=alarm].active.sc-ix-chip-h::after,[variant=alarm].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=alarm].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-chip-h:not(.outline).active::after,[variant=alarm].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-chip-h:hover::after{display:none}[variant=alarm].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-chip-h::after,[variant=alarm].outline.sc-ix-chip-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-chip-h,[variant=alarm].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=alarm].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=critical].sc-ix-chip-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=critical].active.sc-ix-chip-h::after,[variant=critical].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=critical].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-chip-h:not(.outline).active::after,[variant=critical].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-chip-h:hover::after{display:none}[variant=critical].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-chip-h::after,[variant=critical].outline.sc-ix-chip-h:active::after{display:none}[variant=critical].outline.active.sc-ix-chip-h,[variant=critical].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=warning].sc-ix-chip-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=warning].active.sc-ix-chip-h::after,[variant=warning].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=warning].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-chip-h:not(.outline).active::after,[variant=warning].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-chip-h:hover::after{display:none}[variant=warning].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-chip-h::after,[variant=warning].outline.sc-ix-chip-h:active::after{display:none}[variant=warning].outline.active.sc-ix-chip-h,[variant=warning].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=info].sc-ix-chip-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=info].active.sc-ix-chip-h::after,[variant=info].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=info].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-chip-h:not(.outline).active::after,[variant=info].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-chip-h:hover::after{display:none}[variant=info].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-chip-h::after,[variant=info].outline.sc-ix-chip-h:active::after{display:none}[variant=info].outline.active.sc-ix-chip-h,[variant=info].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=neutral].sc-ix-chip-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=neutral].active.sc-ix-chip-h::after,[variant=neutral].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=neutral].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-chip-h:not(.outline).active::after,[variant=neutral].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-chip-h:hover::after{display:none}[variant=neutral].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-chip-h::after,[variant=neutral].outline.sc-ix-chip-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-chip-h,[variant=neutral].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=success].sc-ix-chip-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.05);left:0;border-radius:100px;pointer-events:none}[variant=success].active.sc-ix-chip-h::after,[variant=success].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.1);left:0;border-radius:100px;pointer-events:none}[variant=success].sc-ix-chip-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-chip-h:not(.outline) .close-button.sc-ix-chip{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-chip-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-chip-h:not(.outline).active::after,[variant=success].sc-ix-chip-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-chip-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-chip-h:hover::after{display:none}[variant=success].outline.sc-ix-chip-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-chip-h::after,[variant=success].outline.sc-ix-chip-h:active::after{display:none}[variant=success].outline.active.sc-ix-chip-h,[variant=success].outline.sc-ix-chip-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=custom].sc-ix-chip-h:hover::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-hover));left:0;border-radius:100px;pointer-events:none}[variant=custom].active.sc-ix-chip-h::after,[variant=custom].sc-ix-chip-h:active::after{content:"";display:block;position:absolute;width:100%;height:100%;background-color:rgba(0, 0, 0, var(--theme-l-active));left:0;border-radius:100px;pointer-events:none}[variant=custom].sc-ix-chip-h:focus-visible{outline:1px solid #199fff;outline-offset:var(--theme-btn--focus--outline-offset)}[variant=custom].outline.sc-ix-chip-h{border:solid 1px transparent;background-color:transparent}[variant=custom].outline.sc-ix-chip-h:hover{background-color:rgba(0, 0, 0, var(--theme-l-hover))}[variant=custom].outline.sc-ix-chip-h:active{background-color:rgba(0, 0, 0, var(--theme-l-active))}.sc-ix-chip-h .slot-container.sc-ix-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inactive.sc-ix-chip-h{pointer-events:none}';export{c as ix_chip}
@@ -1 +1 @@
1
- import{r as s,h as e,F as o,H as t,g as r,c as i}from"./p-5e4c3828.js";const l=class{constructor(e){s(this,e),this.vertical=!1,this.disabled=!1,this.status="open",this.clickable=!1,this.selected=!1,this.position="undefined",this.iconName="circle",this.iconColor="workflow-step-icon-default--color"}select(){this.clickable&&(this.disabled||(this.selected=!0,this.selectedHandler()))}selectedHandler(){const s=this.selected?"--selected":"";"open"===this.status&&(this.iconName=this.selected?"circle-dot":"circle",this.iconColor=`workflow-step-icon-default--color${s}`),"done"!==this.status||this.disabled||(this.iconColor=`workflow-step-icon-done--color${s}`)}watchPropHandler(){switch(this.status){case"open":this.iconName="circle",this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName="success",this.iconColor="color-success";break;case"done":this.iconName="success",this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName="warning",this.iconColor="color-warning";break;case"error":this.iconName="error",this.iconColor="color-alarm";break;default:this.iconName="circle"}this.disabled&&(this.iconColor="workflow-step-icon-success--color--disabled")}componentDidLoad(){this.watchPropHandler(),this.selectedHandler(),this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}render(){const s=this.customIconSlot?"":e(o,null,e("ix-icon",{color:"color-1",name:"warning"===this.iconName?"triangle-filled":"circle-filled",class:"absolute",size:"24"}),e("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"}));return e(t,null,e("div",{tabIndex:0,onClick:()=>this.select(),class:{step:!0,selected:this.selected,vertical:this.vertical,disabled:this.disabled}},e("div",{class:"wrapper"},e("div",{class:{line:!0,selected:this.selected,[this.status]:!0,[this.position]:!0}}),e("div",{class:"iconWrapper"},s,e("slot",{name:"custom-icon"}))),e("div",{class:"text"},e("slot",null))))}get hostElement(){return r(this)}static get watchers(){return{selected:["selectedHandler"],status:["watchPropHandler"]}}};l.style=".sc-ix-workflow-step-h .step.sc-ix-workflow-step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{display:flex;width:100%;align-items:center;justify-content:center}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{width:50%;margin:0 0 0 auto}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 auto 0 0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.warning.sc-ix-workflow-step{background-color:var(--theme-color-warning)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.success.sc-ix-workflow-step{background-color:var(--theme-color-success)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.error.sc-ix-workflow-step{background-color:var(--theme-color-alarm)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step{display:flex;align-items:center;justify-content:center;position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step .absolute.sc-ix-workflow-step{position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:1rem;width:auto;padding:0 0.5rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step{flex-direction:row;padding:0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{width:auto;padding-left:1.125rem;height:4rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:0.125rem;height:100%}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{height:50%;margin:auto 0 0 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 0 auto 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:0;margin-left:1rem;padding:0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:hover{background-color:var(--theme-workflow-step--background--hover)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:active{background-color:var(--theme-workflow-step--background--active)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}.sc-ix-workflow-step-h .step.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--selected)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--disabled)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .line.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .text.sc-ix-workflow-step{color:var(--theme-workflow-step--color--disabled)}";const c=class{constructor(e){s(this,e),this.stepSelected=i(this,"stepSelected",7),this.vertical=!1,this.linear=!1,this.clickable=!1,this.selectedIndex=0}getSteps(){return Array.from(this.hostElement.querySelectorAll("ix-workflow-step"))}deselectAll(){this.getSteps().forEach((s=>{s.setAttribute("selected","false")}))}componentDidRender(){const s=this.getSteps();s.forEach(((e,o)=>{e.setAttribute("vertical",!0===this.vertical?"true":"false"),e.setAttribute("clickable",!0===this.clickable?"true":"false"),e.setAttribute("selected",this.selectedIndex===o?"true":"false"),0===o&&e.setAttribute("position","first"),o===s.length-1&&e.setAttribute("position","last")}))}componentWillRender(){const s=this.getSteps();s.forEach(((e,o)=>{e.addEventListener("click",(()=>{if(!this.clickable)return;const t=s[o-1];if(this.linear&&t&&!["done","success"].includes(null==t?void 0:t.status))return e.setAttribute("selected","false");this.deselectAll(),e.setAttribute("selected","true"),this.stepSelected.emit(o)}))}))}render(){return e(t,null,e("div",{class:{steps:!0,vertical:this.vertical}},e("slot",null)))}get hostElement(){return r(this)}};c.style=".sc-ix-workflow-steps-h .steps.sc-ix-workflow-steps{display:flex}.sc-ix-workflow-steps-h .steps.vertical.sc-ix-workflow-steps{display:block}";export{l as ix_workflow_step,c as ix_workflow_steps}
1
+ import{r as s,h as e,F as o,H as t,g as r,c as i}from"./p-05c16b94.js";const l=class{constructor(e){s(this,e),this.vertical=!1,this.disabled=!1,this.status="open",this.clickable=!1,this.selected=!1,this.position="undefined",this.iconName="circle",this.iconColor="workflow-step-icon-default--color"}select(){this.clickable&&(this.disabled||(this.selected=!0,this.selectedHandler()))}selectedHandler(){const s=this.selected?"--selected":"";"open"===this.status&&(this.iconName=this.selected?"circle-dot":"circle",this.iconColor=`workflow-step-icon-default--color${s}`),"done"!==this.status||this.disabled||(this.iconColor=`workflow-step-icon-done--color${s}`)}watchPropHandler(){switch(this.status){case"open":this.iconName="circle",this.iconColor="workflow-step-icon-default--color";break;case"success":this.iconName="success",this.iconColor="color-success";break;case"done":this.iconName="success",this.iconColor="workflow-step-icon-done--color";break;case"warning":this.iconName="warning",this.iconColor="color-warning";break;case"error":this.iconName="error",this.iconColor="color-alarm";break;default:this.iconName="circle"}this.disabled&&(this.iconColor="workflow-step-icon-success--color--disabled")}componentDidLoad(){this.watchPropHandler(),this.selectedHandler(),this.customIconSlot=!!this.hostElement.querySelector('[slot="custom-icon"]')}render(){const s=this.customIconSlot?"":e(o,null,e("ix-icon",{color:"color-1",name:"warning"===this.iconName?"triangle-filled":"circle-filled",class:"absolute",size:"24"}),e("ix-icon",{color:this.iconColor,name:this.iconName,class:"absolute",size:"24"}));return e(t,null,e("div",{tabIndex:0,onClick:()=>this.select(),class:{step:!0,selected:this.selected,vertical:this.vertical,disabled:this.disabled}},e("div",{class:"wrapper"},e("div",{class:{line:!0,selected:this.selected,[this.status]:!0,[this.position]:!0}}),e("div",{class:"iconWrapper"},s,e("slot",{name:"custom-icon"}))),e("div",{class:"text"},e("slot",null))))}get hostElement(){return r(this)}static get watchers(){return{selected:["selectedHandler"],status:["watchPropHandler"]}}};l.style=".sc-ix-workflow-step-h .step.sc-ix-workflow-step{display:flex;flex-direction:column;align-items:center;background-color:var(--theme-workflow-step--background);border-radius:var(--theme-workflow--border-radius);width:auto;padding:1.125rem 0 0.5rem 0;height:4rem;width:12.75rem}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{display:flex;width:100%;align-items:center;justify-content:center}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:100%;height:0.125rem;background-color:var(--theme-workflow-step-icon-default--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{width:50%;margin:0 0 0 auto}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 auto 0 0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.done.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-done--color--selected)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.warning.sc-ix-workflow-step{background-color:var(--theme-color-warning)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.success.sc-ix-workflow-step{background-color:var(--theme-color-success)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.error.sc-ix-workflow-step{background-color:var(--theme-color-alarm)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step{display:flex;align-items:center;justify-content:center;position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .iconWrapper.sc-ix-workflow-step .absolute.sc-ix-workflow-step{position:absolute}.sc-ix-workflow-step-h .step.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:1rem;width:auto;padding:0 0.5rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step{flex-direction:row;padding:0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step{width:auto;padding-left:1.125rem;height:4rem}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.sc-ix-workflow-step{width:0.125rem;height:100%}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.first.sc-ix-workflow-step,.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{height:50%;margin:auto 0 0 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .wrapper.sc-ix-workflow-step .line.last.sc-ix-workflow-step{margin:0 0 auto 0}.sc-ix-workflow-step-h .step.vertical.sc-ix-workflow-step .text.sc-ix-workflow-step{margin-top:0;margin-left:1rem;padding:0}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:hover{background-color:var(--theme-workflow-step--background--hover)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:active{background-color:var(--theme-workflow-step--background--active)}.sc-ix-workflow-step-h .step.sc-ix-workflow-step:focus-visible{outline:1px solid var(--focus--border-color);border-radius:0}.sc-ix-workflow-step-h .step.selected.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--selected)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step{background-color:var(--theme-workflow-step--background--disabled)}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .line.sc-ix-workflow-step{background-color:var(--theme-workflow-step-icon-default--color--disabled) !important}.sc-ix-workflow-step-h .step.disabled.sc-ix-workflow-step .text.sc-ix-workflow-step{color:var(--theme-workflow-step--color--disabled)}";const c=class{constructor(e){s(this,e),this.stepSelected=i(this,"stepSelected",7),this.vertical=!1,this.linear=!1,this.clickable=!1,this.selectedIndex=0}getSteps(){return Array.from(this.hostElement.querySelectorAll("ix-workflow-step"))}deselectAll(){this.getSteps().forEach((s=>{s.setAttribute("selected","false")}))}componentDidRender(){const s=this.getSteps();s.forEach(((e,o)=>{e.setAttribute("vertical",!0===this.vertical?"true":"false"),e.setAttribute("clickable",!0===this.clickable?"true":"false"),e.setAttribute("selected",this.selectedIndex===o?"true":"false"),0===o&&e.setAttribute("position","first"),o===s.length-1&&e.setAttribute("position","last")}))}componentWillRender(){const s=this.getSteps();s.forEach(((e,o)=>{e.addEventListener("click",(()=>{if(!this.clickable)return;const t=s[o-1];if(this.linear&&t&&!["done","success"].includes(null==t?void 0:t.status))return e.setAttribute("selected","false");this.deselectAll(),e.setAttribute("selected","true"),this.stepSelected.emit(o)}))}))}render(){return e(t,null,e("div",{class:{steps:!0,vertical:this.vertical}},e("slot",null)))}get hostElement(){return r(this)}};c.style=".sc-ix-workflow-steps-h .steps.sc-ix-workflow-steps{display:flex}.sc-ix-workflow-steps-h .steps.vertical.sc-ix-workflow-steps{display:block}";export{l as ix_workflow_step,c as ix_workflow_steps}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as i,H as s,g as c}from"./p-05c16b94.js";const l=class{constructor(i){t(this,i),this.itemSelectionChange=e(this,"itemSelectionChange",7),this.addItem=e(this,"addItem",7),this.selectedIndices=[],this.allowClear=!1,this.mode="single",this.editable=!1,this.disabled=!1,this.readonly=!1,this.i18nPlaceholder="Select an option",this.i18nPlaceholderEditable="Type of select option",this.i18nSelectListHeader="Please select an option",this.dropdownShow=!1,this.value=void 0,this.dropdownWrapperRef=void 0,this.dropdownAnchor=void 0,this.isDropdownEmpty=!1,this.hasFocus=!1,this.navigationItem=void 0,this.inputFilterText=void 0,this.inputValue=void 0}get items(){return Array.from(this.hostElement.querySelectorAll("ix-select-item"))}get selectedItems(){return this.items.filter((t=>t.selected))}get addItemButton(){return this.hostElement.querySelector(".add-item")}get isSingleMode(){return"single"===this.mode}get isMultipleMode(){return"multiple"===this.mode}watchSelectedIndices(t){t?Array.isArray(t)?this.selectValue([...t]):this.selectValue([t]):this.selectValue([])}onItemClicked(t){this.emitItemClick(t.detail)}watchInputText(t){this.editable&&this.itemExists(t)}emitItemClick(t){this.selectedIndices=this.isMultipleMode&&Array.isArray(this.selectedIndices)?this.selectedIndices.includes(t)?this.selectedIndices.filter((e=>e!==t)):[...this.selectedIndices,t]:[t],this.selectValue(this.selectedIndices),this.itemSelectionChange.emit(this.selectedIndices)}emitAddItem(t){if(""===t.trim())return;const e=document.createElement("ix-select-item");e.value=t,e.label=t,this.addItemRef.appendChild(e),this.clearInput(),this.emitItemClick(t),this.addItem.emit(t)}selectValue(t){var e;this.items.forEach((e=>{e.selected=t.some((t=>t===e.value))})),this.value=this.selectedItems.map((t=>t.label)),this.inputValue=this.isSingleMode&&(null===(e=this.value)||void 0===e?void 0:e.length)?this.value[0]:null}componentWillLoad(){this.selectedIndices&&this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}onLabelChange(t){t.preventDefault(),t.stopImmediatePropagation(),this.selectValue(Array.isArray(this.selectedIndices)?this.selectedIndices:[this.selectedIndices])}disconnectedCallback(){this.labelMutationObserver&&this.labelMutationObserver.disconnect()}itemExists(t){return this.items.find((e=>e.label===t))}dropdownVisibilityChanged(t){this.dropdownShow=t.detail,t.detail&&(this.inputRef.focus(),this.inputRef.select(),this.navigationItem=this.items[0],this.setHoverEffectForNavigatedSelectItem(),this.removeHiddenFromItems()),this.hasFocus=t.detail}async onKeyDown(t){this.dropdownShow&&("ArrowDown"!==t.code&&"ArrowUp"!==t.code||this.onArrowNavigation(t),"Enter"!==t.code&&"NumpadEnter"!==t.code||await this.onEnterNavigation(),"Escape"===t.code&&(this.dropdownShow=!1))}async onEnterNavigation(){var t,e;this.isMultipleMode||(this.editable&&!this.itemExists(this.inputFilterText)&&(this.emitAddItem(this.inputFilterText),this.navigationItem=this.items[this.items.length-1]),null===(t=this.navigationItem)||void 0===t||t.onItemClick(),await(null===(e=this.dropdownRef)||void 0===e?void 0:e.updatePosition()),this.isSingleMode&&!this.editable&&(this.dropdownShow=!1))}onArrowNavigation(t){t.stopPropagation(),t.preventDefault();const e=this.items.filter((t=>!t.classList.contains("d-none"))),i=e.indexOf(this.navigationItem);"ArrowDown"===t.code&&i<e.length-1?this.navigationItem=e[i+1]:"ArrowUp"===t.code&&i>0&&(this.navigationItem=e[i-1]),this.setHoverEffectForNavigatedSelectItem()}setHoverEffectForNavigatedSelectItem(){this.items.forEach((t=>{t.hover=t===this.navigationItem}))}filterItemsWithTypeahead(){this.inputFilterText=this.inputRef.value,this.inputFilterText?this.items.forEach((t=>{t.classList.remove("d-none"),t.label.toLowerCase().includes(this.inputFilterText.toLowerCase())||t.classList.add("d-none")})):this.removeHiddenFromItems(),this.isDropdownEmpty=this.items.every((t=>t.classList.contains("d-none")))}removeHiddenFromItems(){this.items.forEach((t=>{t.classList.remove("d-none")}))}clearInput(){this.inputRef.value="",this.inputFilterText=""}clear(){this.clearInput(),this.value=[],this.selectedIndices=[],this.itemSelectionChange.emit(null),this.dropdownShow=!1}render(){var t,e,c;return i(s,null,i("div",{class:{"form-control":!0,select:!0,focus:this.hasFocus,editable:this.editable,disabled:this.disabled,readonly:this.readonly},ref:t=>{this.dropdownAnchor=t,this.editable||(this.dropdownWrapperRef=t)}},i("div",{class:"input-container"},i("div",{class:"chips"},this.isMultipleMode?null===(t=this.selectedItems)||void 0===t?void 0:t.map((t=>i("ix-filter-chip",{disabled:this.disabled||this.readonly,onCloseClick:e=>{e.preventDefault(),e.stopPropagation(),this.emitItemClick(t.value)}},t.label))):"",i("div",{class:"trigger"},i("input",{"data-testid":"input",disabled:this.disabled,readOnly:this.readonly,type:"text",class:{"allow-clear":this.allowClear&&!!(null===(e=this.value)||void 0===e?void 0:e.length)},placeholder:this.editable?this.i18nPlaceholderEditable:this.i18nPlaceholder,value:this.inputValue,ref:t=>this.inputRef=t,onInput:()=>this.filterItemsWithTypeahead()}),this.isMultipleMode&&this.allowClear&&((null===(c=this.value)||void 0===c?void 0:c.length)||this.inputFilterText)?i("ix-icon-button",{class:"clear",icon:"clear",ghost:!0,oval:!0,size:"24",onClick:t=>{t.preventDefault(),t.stopPropagation(),this.clear()}}):null,this.disabled||this.readonly?null:i("div",{class:"chevron-down-container",ref:t=>{this.editable&&(this.dropdownWrapperRef=t)}},i("ix-icon",{class:"chevron",name:"chevron-down-small"})))))),i("ix-dropdown",{ref:t=>this.dropdownRef=t,show:this.dropdownShow,style:{width:"100%"},class:{"d-none":this.disabled||this.readonly||this.isDropdownEmpty&&!this.editable},anchor:this.dropdownAnchor,trigger:this.dropdownWrapperRef,onShowChanged:t=>this.dropdownVisibilityChanged(t),placement:"bottom-start",positioningStrategy:"absolute"},i("div",{class:"select-list-header",title:this.i18nSelectListHeader},this.i18nSelectListHeader),i("slot",null),i("div",{ref:t=>this.addItemRef=t,class:"d-contents"}),this.itemExists(this.inputFilterText)?"":i("ix-dropdown-item",{"data-testid":"add-item",icon:"plus",class:{"add-item":!0,"d-none":!(this.editable&&this.inputFilterText)},label:this.inputFilterText,onItemClick:t=>{t.preventDefault(),t.stopPropagation(),this.emitAddItem(this.inputFilterText)}})))}get hostElement(){return c(this)}static get watchers(){return{selectedIndices:["watchSelectedIndices"],inputFilterText:["watchInputText"]}}};l.style=".sc-ix-select-h{display:inline-block;position:relative;height:auto;width:100%}.sc-ix-select-h .select.sc-ix-select{position:relative;display:flex;align-items:center;height:auto;background-color:var(--theme-input--background);border:var(--theme-input--border-thickness) solid var(--theme-input--border-color);border-radius:var(--theme-input--border-radius);padding:0 0 0 0.5rem}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .select.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-input--background--hover);border-color:var(--theme-input--border-color--hover)}.sc-ix-select-h .select.sc-ix-select:focus-within{background-color:var(--theme-input--background--focus);border-color:var(--theme-input--border-color--focus);outline:1px solid #119fff !important;outline-offset:var(--theme-input--focus--outline-offset)}.sc-ix-select-h .trigger.sc-ix-select{display:flex;align-items:center;flex-grow:1;height:100%}.sc-ix-select-h .input-container.sc-ix-select{display:flex;position:relative;align-items:flex-start;width:100%}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select{position:relative;display:flex;align-items:center;flex-wrap:wrap;height:100%;max-height:3.5rem;flex-grow:1;overflow-y:auto}.sc-ix-select-h .input-container.sc-ix-select .chips.sc-ix-select>ix-filter-chip.sc-ix-select{margin:0 0.1rem}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);background:transparent;height:1.75rem;width:100%}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:hover,.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select:focus-visible{border:none;outline:none}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::-moz-placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.sc-ix-select::placeholder{color:var(--theme-input-select-icon--color)}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::-moz-placeholder{opacity:0}.sc-ix-select-h .input-container.sc-ix-select input.hide-placeholder.sc-ix-select::placeholder{opacity:0}.sc-ix-select-h .chevron-down-container.sc-ix-select{display:flex;align-items:center;justify-content:center;width:2rem;min-width:2rem;height:100%}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):hover{background-color:var(--theme-btn-invisible-secondary--background--hover)}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-select-h .editable.sc-ix-select .chevron-down-container.sc-ix-select:not(.disabled):not(:disabled):active{background-color:var(--theme-btn-invisible-secondary--background--active)}.sc-ix-select-h .add-item.sc-ix-select{display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%}.sc-ix-select-h .select-list-header.sc-ix-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;height:2rem;color:var(--theme-select-list-item-hint--color);margin:0 0.5rem 0 2rem}";class h extends CustomEvent{constructor(t){super("ix-select-item:labelChange",{bubbles:!0,detail:t})}}const n=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.label=void 0,this.value=void 0,this.selected=!1,this.hover=!1}async onItemClick(t){null==t||t.preventDefault(),null==t||t.stopPropagation(),this.itemClick.emit(this.value)}componentDidRender(){if(!this.value)throw Error("ix-select-item must have a `value` property")}labelChange(t,e){this.hostElement.dispatchEvent(new h({newValue:t,oldValue:e}))}render(){return i(s,null,i("ix-dropdown-item",{checked:this.selected,hover:this.hover,label:this.label?this.label:this.value,onItemClick:t=>this.onItemClick(t)}))}get hostElement(){return c(this)}static get watchers(){return{label:["labelChange"]}}};n.style=".sc-ix-select-item-h{display:block}.sc-ix-select-item-h ix-dropdown-item.sc-ix-select-item button.sc-ix-select-item{margin-left:1rem}";export{l as ix_select,n as ix_select_item}
@@ -0,0 +1 @@
1
+ import{r as t,h as i,H as o,g as e}from"./p-05c16b94.js";import{i as s,s as a,o as n,a as l,g as r,b as h,d as m,c as d}from"./p-2c5abec1.js";const c=class{constructor(i){t(this,i),this.onSubmitBind=this.onSubmit.bind(this),this.onInputFocusBind=this.onInputFocus.bind(this),this.message=void 0,this.placement="top",this.isInputValid=!0,this.tooltipPosition=void 0,this.arrowPosition=void 0}get arrow(){return this.hostElement.querySelector("#arrow")}get inputElement(){return this.hostElement.querySelector("input")}get formElement(){return this.inputElement.form}get tooltipElement(){return this.hostElement.querySelector(".validation-tooltip")}destoryAutoUpdate(){this.tooltipElement.style.display="none",this.autoUpdateCleanup&&this.autoUpdateCleanup()}applyTooltipPosition(){this.tooltipElement.style.display="block";let t={strategy:"fixed",middleware:[s(),a(),n({mainAxis:8})]};this.placement.includes("auto")?t.middleware.push(l({alignment:r(this.placement)})):t.placement=this.placement,this.autoUpdateCleanup=h(this.inputElement,this.tooltipElement,(async()=>{t.middleware=[...t.middleware,m({element:this.arrow})];const i=await d(this.inputElement,this.tooltipElement,t);if(i.middlewareData.arrow){const{x:t,y:o}=i.middlewareData.arrow;this.arrowPosition={x:t,y:o},Object.assign(this.arrow.style,{left:null!=t?`${t}px`:"",top:null!=o?`${o}px`:""})}this.tooltipPosition={x:i.x,y:i.y}}),{ancestorResize:!0,ancestorScroll:!0,elementResize:!0})}componentDidLoad(){if(!this.inputElement)throw Error("Validation tooltip is only working with an direct input child.");if(!this.formElement)throw Error("Validation tooltip is only working with an form element.");this.formElement.addEventListener("submit",this.onSubmitBind),this.inputElement.addEventListener("focus",this.onInputFocusBind),this.observer=new MutationObserver((()=>{this.inputElement.classList.contains("is-invalid")&&(this.isInputValid=!1,this.validationChanged())})),this.observer.observe(this.inputElement,{childList:!1,subtree:!1,attributes:!0,attributeFilter:["class"]})}onInputFocus(){this.isInputValid=!0}onSubmit(){this.formElement.classList.contains("needs-validation")&&(this.isInputValid=this.inputElement.validity.valid)}disconnectedCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect(),this.destoryAutoUpdate(),this.formElement.removeEventListener("submit",this.onSubmitBind),this.inputElement.removeEventListener("focus",this.onInputFocusBind)}validationChanged(){this.isInputValid?this.destoryAutoUpdate():this.applyTooltipPosition()}render(){var t,e;return i(o,null,i("slot",null),i("div",{role:"tooltip",style:{display:"none",position:"fixed",top:"0",left:"0",transform:`translate(${Math.round((null===(t=this.tooltipPosition)||void 0===t?void 0:t.x)||0)}px,${Math.round((null===(e=this.tooltipPosition)||void 0===e?void 0:e.y)||0)}px)`},class:"validation-tooltip text-default"},this.message,i("slot",{name:"tooltip-message"}),i("div",{id:"arrow"})))}get hostElement(){return e(this)}static get watchers(){return{isInputValid:["validationChanged"]}}};c.style='.text-xs.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-validation-tooltip{-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)}.text-default-title-single.sc-ix-validation-tooltip{-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.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-validation-tooltip{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-validation-tooltip{color:var(--theme-color-primary)}.sc-ix-validation-tooltip-h{display:inline-block;position:relative}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip{background-color:var(--theme-tootlip--background);color:var(--theme-tooltip--color);padding:5px 10px;border-radius:4px;font-size:13px;border:1px solid var(--theme-tooltip--border-color);box-shadow:0 0 2px 0 rgba(0, 0, 40, 0.1), 0 4px 8px 0 rgba(0, 0, 40, 0.1), 0 12px 18px 0 rgba(0, 0, 40, 0.1)}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip,.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{position:absolute;width:8px;height:8px;background:inherit}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip{visibility:hidden}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip #arrow.sc-ix-validation-tooltip::before{visibility:visible;content:"";transform:rotate(45deg);background-color:var(--theme-tootlip--background)}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip{bottom:-5px}.sc-ix-validation-tooltip-h .validation-tooltip.sc-ix-validation-tooltip>#arrow.sc-ix-validation-tooltip::before{border-right:1px solid var(--theme-tooltip--border-color);border-bottom:1px solid var(--theme-tooltip--border-color)}';export{c as ix_validation_tooltip}
@@ -1 +1 @@
1
- import{r as e,c as s,h as r,H as i}from"./p-5e4c3828.js";import{a}from"./p-810b5232.js";const t=class{constructor(r){e(this,r),this.closedChange=s(this,"closedChange",7),this.type="info",this.dismissible=!0,this.icon=void 0,this.color=void 0}componentWillRender(){"danger"===this.type&&(this.icon="error",this.color="color-alarm"),"info"===this.type&&(this.icon="info",this.color="color-info"),"warning"===this.type&&(this.icon="warning",this.color="color-warning")}closeAlert(e){a({targets:e,duration:t.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}}),this.closedChange.emit()}render(){return r(i,null,r("div",{class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},r("ix-icon",{color:this.color,name:this.icon}),r("div",{class:"message-content"},r("slot",null)),this.dismissible?r("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};t.duration=300,t.style=".message-container.sc-ix-message-bar{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;margin:0.5rem 0.5rem 0rem 0.5rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}.danger.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}.warning.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}.info.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}.message-content.sc-ix-message-bar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:bold;white-space:normal}ix-icon.sc-ix-message-bar{margin-top:0.25rem}";export{t as ix_message_bar}
1
+ import{r as e,c as s,h as r,H as i}from"./p-05c16b94.js";import{a}from"./p-810b5232.js";const t=class{constructor(r){e(this,r),this.closedChange=s(this,"closedChange",7),this.type="info",this.dismissible=!0,this.icon=void 0,this.color=void 0}componentWillRender(){"danger"===this.type&&(this.icon="error",this.color="color-alarm"),"info"===this.type&&(this.icon="info",this.color="color-info"),"warning"===this.type&&(this.icon="warning",this.color="color-warning")}closeAlert(e){a({targets:e,duration:t.duration,opacity:[1,0],easing:"easeOutSine",complete:()=>{e.classList.add("d-none")}}),this.closedChange.emit()}render(){return r(i,null,r("div",{class:{"message-container":!0,[this.type]:!0},role:"alert",ref:e=>this.divElement=e},r("ix-icon",{color:this.color,name:this.icon}),r("div",{class:"message-content"},r("slot",null)),this.dismissible?r("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>{this.closeAlert(this.divElement)},"data-testid":"close-btn"}):""))}};t.duration=300,t.style=".message-container.sc-ix-message-bar{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;margin:0.5rem 0.5rem 0rem 0.5rem;padding:calc(0.75rem - var(--theme-message-bar--border-thickness)) 0.75rem calc(0.75rem - var(--theme-message-bar--border-thickness)) 1rem;border-radius:var(--theme-message-bar--border-radius);background-color:var(--theme-messagebar--background)}.danger.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}.warning.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}.info.sc-ix-message-bar{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}.message-content.sc-ix-message-bar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:bold;white-space:normal}ix-icon.sc-ix-message-bar{margin-top:0.25rem}";export{t as ix_message_bar}
@@ -0,0 +1 @@
1
+ export{a as ix_modal,M as ix_modal_container}from"./p-dec6114f.js";import"./p-05c16b94.js";import"./p-4944ad0b.js";import"./p-810b5232.js";import"./p-bdd294d2.js";
@@ -1 +1 @@
1
- import{r as e,h as t,H as i}from"./p-5e4c3828.js";const o=class{constructor(t){e(this,t),this.selected=!1,this.disabled=!1,this.small=!1,this.icon=!1,this.rounded=!1,this.counter=void 0,this.layout="auto",this.placement="bottom"}tabItemClasses(e){return{selected:e.selected,disabled:e.disabled,"small-tab":e.small,icon:e.small,stretched:"stretched"===e.layout,bottom:"bottom"===e.placement,top:"top"===e.placement,circle:e.circle}}render(){return t(i,{class:this.tabItemClasses({selected:this.selected,disabled:this.disabled,small:this.small,icon:this.icon,layout:this.layout,placement:this.placement,circle:this.rounded}),tabIndex:0},t("div",{class:{circle:this.rounded,text:!this.rounded,selected:this.selected,disabled:this.disabled}},t("slot",null)),t("div",{class:{counter:!0,selected:this.selected,hidden:!(this.rounded&&void 0!==this.counter),disabled:this.disabled}},this.counter))}};o.style='@charset "UTF-8";ix-tab-item{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}ix-tab-item.circle{height:72px}ix-tab-item.top::after{top:0}ix-tab-item.bottom::after{bottom:0}ix-tab-item::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}ix-tab-item.stretched{flex-basis:100%;max-width:-moz-max-content;max-width:max-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ix-tab-item .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;vertical-align:middle}ix-tab-item .text span,ix-tab-item .text span::before{pointer-events:none}ix-tab-item:hover:not(.circle){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}ix-tab-item:hover:not(.circle)::after{background-color:var(--theme-tab-indicator--background--hover)}ix-tab-item:active:not(.circle){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}ix-tab-item:active:not(.circle)::after{background-color:var(--theme-tab-indicator--background--active)}ix-tab-item:focus-visible{outline:0px solid var(--focus--border-color)}ix-tab-item:focus-visible .circle{outline:1px solid var(--focus--border-color)}ix-tab-item:focus-visible:not(.circle){outline:1px solid var(--focus--border-color)}ix-tab-item.disabled{color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}ix-tab-item.disabled::after{background-color:var(--theme-tab-indicator--background--disabled)}ix-tab-item.selected:not(.disabled){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}ix-tab-item.selected:not(.disabled)::after{background-color:var(--theme-tab-indicator--background--selected)}ix-tab-item.icon{padding:1.5rem 0.5rem}ix-tab-item.small-tab{height:32px;padding:1rem}ix-tab-item.small-tab.icon{padding:1rem 0.25rem}ix-tab-item .circle{display:flex;justify-content:center;align-items:center;height:48px;width:48px;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}ix-tab-item .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}ix-tab-item .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}ix-tab-item .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}ix-tab-item .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}ix-tab-item .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}ix-tab-item .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}ix-tab-item .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:16px;color:var(--theme-pill-outline--color);cursor:pointer}ix-tab-item .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}ix-tab-item .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}ix-tab-item .hidden{display:none}';export{o as ix_tab_item}
1
+ import{r as e,h as t,H as i}from"./p-05c16b94.js";const o=class{constructor(t){e(this,t),this.selected=!1,this.disabled=!1,this.small=!1,this.icon=!1,this.rounded=!1,this.counter=void 0,this.layout="auto",this.placement="bottom"}tabItemClasses(e){return{selected:e.selected,disabled:e.disabled,"small-tab":e.small,icon:e.small,stretched:"stretched"===e.layout,bottom:"bottom"===e.placement,top:"top"===e.placement,circle:e.circle}}render(){return t(i,{class:this.tabItemClasses({selected:this.selected,disabled:this.disabled,small:this.small,icon:this.icon,layout:this.layout,placement:this.placement,circle:this.rounded}),tabIndex:0},t("div",{class:{circle:this.rounded,text:!this.rounded,selected:this.selected,disabled:this.disabled}},t("slot",null)),t("div",{class:{counter:!0,selected:this.selected,hidden:!(this.rounded&&void 0!==this.counter),disabled:this.disabled}},this.counter))}};o.style='@charset "UTF-8";ix-tab-item{position:relative;display:flex;align-items:center;justify-content:center;height:40px;padding:10px 1.5rem;line-height:20px;font-size:14px;font-weight:bold;background-color:var(--theme-tab--background);color:var(--theme-tab--color)}ix-tab-item.circle{height:72px}ix-tab-item.top::after{top:0}ix-tab-item.bottom::after{bottom:0}ix-tab-item::after{content:"";position:absolute;background-color:var(--theme-tab-indicator--background);width:100%;height:var(--theme-tab-indicator--height);left:0}ix-tab-item.stretched{flex-basis:100%;max-width:-moz-max-content;max-width:max-content;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ix-tab-item .text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;vertical-align:middle}ix-tab-item .text span,ix-tab-item .text span::before{pointer-events:none}ix-tab-item:hover:not(.circle){background-color:var(--theme-tab--background--hover);color:var(--theme-tab-color-hover);cursor:pointer}ix-tab-item:hover:not(.circle)::after{background-color:var(--theme-tab-indicator--background--hover)}ix-tab-item:active:not(.circle){background-color:var(--theme-tab--background--active);color:var(--theme-tab-color--active)}ix-tab-item:active:not(.circle)::after{background-color:var(--theme-tab-indicator--background--active)}ix-tab-item:focus-visible{outline:0px solid var(--focus--border-color)}ix-tab-item:focus-visible .circle{outline:1px solid var(--focus--border-color)}ix-tab-item:focus-visible:not(.circle){outline:1px solid var(--focus--border-color)}ix-tab-item.disabled{color:var(--theme-tab--color--disabled);background-color:var(--theme-tab--background--disabled)}ix-tab-item.disabled::after{background-color:var(--theme-tab-indicator--background--disabled)}ix-tab-item.selected:not(.disabled){background-color:var(--theme-tab--background--selected);color:var(--theme-tab--color--selected)}ix-tab-item.selected:not(.disabled)::after{background-color:var(--theme-tab-indicator--background--selected)}ix-tab-item.icon{padding:1.5rem 0.5rem}ix-tab-item.small-tab{height:32px;padding:1rem}ix-tab-item.small-tab.icon{padding:1rem 0.25rem}ix-tab-item .circle{display:flex;justify-content:center;align-items:center;height:48px;width:48px;background-color:var(--theme-animated-tab-indicator--background);border-radius:50%;border:2px solid var(--theme-animated-tab-circle--border-color);color:var(--theme-an…icon--color);cursor:pointer}ix-tab-item .circle.selected:not(.disabled){background-color:var(--theme-animated-tab-circle--background--selected);color:var(--theme-animated-tab-icon--color--selected);border-color:var(--theme-animated-tab-circle--border-color--selected)}ix-tab-item .circle.selected:not(.disabled):hover{background-color:var(--theme-animated-tab-circle--background--selected)}ix-tab-item .circle:hover{background-color:var(--theme-animated-tab-circle--background--hover)}ix-tab-item .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}ix-tab-item .circle:active{background-color:var(--theme-animated-tab-circle--background--active)}ix-tab-item .circle.disabled{background-color:var(--theme-animated-tab-circle--background--disabled);border-color:var(--theme-animated-tab-circle--border-color--disabled)}ix-tab-item .counter{position:absolute;z-index:1;height:16px;width:auto;background-color:var(--theme-pill-outline--background);border:1px solid var(--theme-tab-pill--border-color);border-radius:100px;bottom:6px;display:flex;justify-content:center;align-items:center;padding-left:0.25rem;padding-right:0.25rem;font-size:12px;line-height:16px;color:var(--theme-pill-outline--color);cursor:pointer}ix-tab-item .counter.selected{border-color:var(--theme-tab-pill--border-color--selected)}ix-tab-item .counter.disabled{border-color:var(--theme-tab-pill--border-color--disabled)}ix-tab-item .hidden{display:none}';export{o as ix_tab_item}
@@ -0,0 +1 @@
1
+ import{r as o,h as t,H as n}from"./p-05c16b94.js";const r=class{constructor(t){o(this,t)}render(){return t(n,null)}};r.style=".sc-my-component-h{display:flex;flex-direction:column;width:100vw;height:100vh}";export{r as my_component}
@@ -0,0 +1 @@
1
+ import{r as i,h as r,H as t,g as o}from"./p-05c16b94.js";const e=class{constructor(r){i(this,r),this.variant="primary",this.outline=!1,this.background=void 0,this.color=void 0,this.alignLeft=!1}render(){return r(t,{class:{outline:this.outline,"align-left":this.alignLeft},style:"custom"===this.variant?{color:this.color,backgroundColor:this.background}:{},title:this.el.textContent},r("span",{class:"slot-container"},r("slot",null)))}get el(){return o(this)}};e.style='.sc-ix-counter-pill-h{display:inline-flex;width:-moz-fit-content;width:fit-content;position:relative;align-items:center;justify-content:center;border-radius:100px;padding:0px 6px;margin-left:0.25rem;min-width:1.5rem;height:1.25rem;min-height:1.25rem;max-height:1.25rem;cursor:auto}.sc-ix-counter-pill-h .with-icon.sc-ix-counter-pill{margin-right:0.25rem}.align-left.sc-ix-counter-pill-h{justify-content:flex-start}[variant=primary].sc-ix-counter-pill-h{background-color:var(--theme-color-primary);color:var(--theme-chip-primary--color)}[variant=primary].sc-ix-counter-pill-h .close-button.sc-ix-counter-pill{color:var(--theme-chip-primary--color);pointer-events:auto}[variant=primary].outline.sc-ix-counter-pill-h{color:var(--theme-chip-primary-outline--color);background-color:transparent;border:solid 1px var(--theme-chip-primary-outline--border-color)}[variant=primary].outline.sc-ix-counter-pill-h .close-button.sc-ix-counter-pill{color:var(--theme-chip-primary-outline--color)}[variant=alarm].sc-ix-counter-pill-h{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-counter-pill-h:not(.outline){background-color:var(--theme-color-alarm)}[variant=alarm].sc-ix-counter-pill-h:not(.outline) .close-button.sc-ix-counter-pill{color:var(--theme-color-alarm--contrast)}[variant=alarm].sc-ix-counter-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=alarm].sc-ix-counter-pill-h:not(.outline).active::after,[variant=alarm].sc-ix-counter-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=alarm].outline.sc-ix-counter-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-alarm)}[variant=alarm].outline.sc-ix-counter-pill-h:hover::after{display:none}[variant=alarm].outline.sc-ix-counter-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=alarm].outline.active.sc-ix-counter-pill-h::after,[variant=alarm].outline.sc-ix-counter-pill-h:active::after{display:none}[variant=alarm].outline.active.sc-ix-counter-pill-h,[variant=alarm].outline.sc-ix-counter-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=critical].sc-ix-counter-pill-h{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-counter-pill-h:not(.outline){background-color:var(--theme-color-critical)}[variant=critical].sc-ix-counter-pill-h:not(.outline) .close-button.sc-ix-counter-pill{color:var(--theme-color-critical--contrast)}[variant=critical].sc-ix-counter-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=critical].sc-ix-counter-pill-h:not(.outline).active::after,[variant=critical].sc-ix-counter-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=critical].outline.sc-ix-counter-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-critical)}[variant=critical].outline.sc-ix-counter-pill-h:hover::after{display:none}[variant=critical].outline.sc-ix-counter-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=critical].outline.active.sc-ix-counter-pill-h::after,[variant=critical].outline.sc-ix-counter-pill-h:active::after{display:none}[variant=critical].outline.active.sc-ix-counter-pill-h,[variant=critical].outline.sc-ix-counter-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=warning].sc-ix-counter-pill-h{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-counter-pill-h:not(.outline){background-color:var(--theme-color-warning)}[variant=warning].sc-ix-counter-pill-h:not(.outline) .close-button.sc-ix-counter-pill{color:var(--theme-color-warning--contrast)}[variant=warning].sc-ix-counter-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=warning].sc-ix-counter-pill-h:not(.outline).active::after,[variant=warning].sc-ix-counter-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=warning].outline.sc-ix-counter-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-warning)}[variant=warning].outline.sc-ix-counter-pill-h:hover::after{display:none}[variant=warning].outline.sc-ix-counter-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=warning].outline.active.sc-ix-counter-pill-h::after,[variant=warning].outline.sc-ix-counter-pill-h:active::after{display:none}[variant=warning].outline.active.sc-ix-counter-pill-h,[variant=warning].outline.sc-ix-counter-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=info].sc-ix-counter-pill-h{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-counter-pill-h:not(.outline){background-color:var(--theme-color-info)}[variant=info].sc-ix-counter-pill-h:not(.outline) .close-button.sc-ix-counter-pill{color:var(--theme-color-info--contrast)}[variant=info].sc-ix-counter-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=info].sc-ix-counter-pill-h:not(.outline).active::after,[variant=info].sc-ix-counter-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=info].outline.sc-ix-counter-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-info)}[variant=info].outline.sc-ix-counter-pill-h:hover::after{display:none}[variant=info].outline.sc-ix-counter-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=info].outline.active.sc-ix-counter-pill-h::after,[variant=info].outline.sc-ix-counter-pill-h:active::after{display:none}[variant=info].outline.active.sc-ix-counter-pill-h,[variant=info].outline.sc-ix-counter-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=neutral].sc-ix-counter-pill-h{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-counter-pill-h:not(.outline){background-color:var(--theme-color-neutral)}[variant=neutral].sc-ix-counter-pill-h:not(.outline) .close-button.sc-ix-counter-pill{color:var(--theme-color-neutral--contrast)}[variant=neutral].sc-ix-counter-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=neutral].sc-ix-counter-pill-h:not(.outline).active::after,[variant=neutral].sc-ix-counter-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=neutral].outline.sc-ix-counter-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-neutral)}[variant=neutral].outline.sc-ix-counter-pill-h:hover::after{display:none}[variant=neutral].outline.sc-ix-counter-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=neutral].outline.active.sc-ix-counter-pill-h::after,[variant=neutral].outline.sc-ix-counter-pill-h:active::after{display:none}[variant=neutral].outline.active.sc-ix-counter-pill-h,[variant=neutral].outline.sc-ix-counter-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=success].sc-ix-counter-pill-h{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-counter-pill-h:not(.outline){background-color:var(--theme-color-success)}[variant=success].sc-ix-counter-pill-h:not(.outline) .close-button.sc-ix-counter-pill{color:var(--theme-color-success--contrast)}[variant=success].sc-ix-counter-pill-h:not(.outline):hover::after{content:"";background-color:rgba(0, 0, 0, 0.05)}[variant=success].sc-ix-counter-pill-h:not(.outline).active::after,[variant=success].sc-ix-counter-pill-h:not(.outline):active::after{background-color:rgba(0, 0, 0, 0.1)}[variant=success].outline.sc-ix-counter-pill-h{color:var(--theme-chip-outline--color);border:solid 1px var(--theme-color-success)}[variant=success].outline.sc-ix-counter-pill-h:hover::after{display:none}[variant=success].outline.sc-ix-counter-pill-h:hover{background-color:var(--theme-chip-outline--background--hover)}[variant=success].outline.active.sc-ix-counter-pill-h::after,[variant=success].outline.sc-ix-counter-pill-h:active::after{display:none}[variant=success].outline.active.sc-ix-counter-pill-h,[variant=success].outline.sc-ix-counter-pill-h:active{background-color:var(--theme-chip-outline--background--active)}[variant=custom].outline.sc-ix-counter-pill-h{border:solid 1px transparent;background-color:transparent}.sc-ix-counter-pill-h .slot.sc-ix-counter-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-counter-pill-h .hidden.sc-ix-counter-pill{width:0px;margin-right:0px}.sc-ix-counter-pill-h{min-height:1rem;max-height:1rem;height:1rem;font-size:0.75rem;padding:0 0.25rem;min-width:1rem;width:auto;padding:0 4px}.sc-ix-counter-pill-h .slot-container.sc-ix-counter-pill{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}';export{e as ix_counter_pill}
@@ -1 +1 @@
1
- import{r as i,h as s,H as h}from"./p-5e4c3828.js";const t=class{constructor(s){i(this,s),this.size=void 0,this.color=void 0,this.name=void 0}render(){return s(h,{style:{color:this.color?`var(--theme-${this.color})`:"inherit"},class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},s("i",{class:{glyph:!0,[`glyph-${this.name}`]:!0,"glyph-12":"12"===this.size,"glyph-16":"16"===this.size,"glyph-24":"24"===this.size,"glyph-32":"32"===this.size}},s("slot",null)))}};t.style=".sc-ix-icon-h{display:inline-flex;height:1.5rem;width:1.5rem;color:var(--theme-color-std-text)}.sc-ix-icon-h i.sc-ix-icon{color:inherit;transition:color 150ms}.size-12.sc-ix-icon-h{height:0.75rem;width:0.75rem}.size-16.sc-ix-icon-h{height:1rem;width:1rem}.size-32.sc-ix-icon-h{height:2rem;width:2rem}";export{t as ix_icon}
1
+ import{r as i,h as s,H as h}from"./p-05c16b94.js";const t=class{constructor(s){i(this,s),this.size=void 0,this.color=void 0,this.name=void 0}render(){return s(h,{style:{color:this.color?`var(--theme-${this.color})`:"inherit"},class:{"size-12":"12"===this.size,"size-16":"16"===this.size,"size-24":"24"===this.size,"size-32":"32"===this.size}},s("i",{class:{glyph:!0,[`glyph-${this.name}`]:!0,"glyph-12":"12"===this.size,"glyph-16":"16"===this.size,"glyph-24":"24"===this.size,"glyph-32":"32"===this.size}},s("slot",null)))}};t.style=".sc-ix-icon-h{display:inline-flex;height:1.5rem;width:1.5rem;color:var(--theme-color-std-text)}.sc-ix-icon-h i.sc-ix-icon{color:inherit;transition:color 150ms}.size-12.sc-ix-icon-h{height:0.75rem;width:0.75rem}.size-16.sc-ix-icon-h{height:1rem;width:1rem}.size-32.sc-ix-icon-h{height:2rem;width:2rem}";export{t as ix_icon}
@@ -1 +1 @@
1
- import{r as i,c as e,h as s,H as n}from"./p-5e4c3828.js";const t=class{constructor(s){i(this,s),this.valueChange=e(this,"valueChange",7),this.icon="search",this.placeholder="Enter text here",this.value="",this.isFieldChanged=!1,this.expanded=!1,this.hasFocus=!1,this.focusTextInput=this.focusTextInput.bind(this)}expandInput(){setTimeout(this.focusTextInput,300),this.expanded=!0}collapseInput(){!this.isFieldChanged&&this.expanded&&(this.expanded=!1)}clearInput(){this.value="",this.isFieldChanged=!1}onChange(i){this.value=i.target.value,this.isFieldChanged=!this.isFieldChanged||""!==this.value,this.valueChange.emit(this.value)}focusTextInput(){var i;null===(i=this.textInput)||void 0===i||i.focus()}clearClicked(){var i;this.clearInput(),null===(i=this.textInput)||void 0===i||i.focus(),this.valueChange.emit(this.value)}render(){return s(n,{class:{expanded:this.expanded,"right-position":this.expanded}},s("button",{class:{btn:!0,"btn-invisible-primary":!0,"btn-icon":!0,"btn-search":!0,"disable-pointer":this.expanded},"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0},s("ix-icon",{class:"btn-search-icon",name:this.icon,size:this.expanded?"16":"24",color:this.hasFocus?"input-search-icon--color--focus":void 0})),s("div",{class:{expanded:this.expanded,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":!0},"data-testid":"input-wrapper"},s("input",{class:{"form-control":!0,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:i=>this.textInput=i,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput(),this.hasFocus=!1},onFocus:()=>this.hasFocus=!0,onInput:i=>this.onChange(i),tabindex:this.expanded?0:-1}),this.isFieldChanged?s("ix-icon-button",{class:"btn-clear",icon:"clear",ghost:!0,size:"24","data-testid":"clear-button",onClick:()=>this.clearClicked()}):null))}};t.style=".sc-ix-expanding-search-h{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between}.right-position.sc-ix-expanding-search-h{width:11.5625rem !important}.sc-ix-expanding-search-h .input-container.sc-ix-expanding-search{transition:all 0.3s ease-in-out}.sc-ix-expanding-search-h .disable-pointer.sc-ix-expanding-search{pointer-events:none}.sc-ix-expanding-search-h input.sc-ix-expanding-search{box-shadow:var(--theme-input--box-shadow)}.sc-ix-expanding-search-h .expanded.sc-ix-expanding-search{width:11.5625rem}.sc-ix-expanding-search-h .collapsed.sc-ix-expanding-search{width:1.5rem;border:none}.sc-ix-expanding-search-h .btn-search-icon.sc-ix-expanding-search{align-self:center;margin:auto;position:relative}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all 0.15s ease-in-out;z-index:1;align-items:center;position:relative;border:none}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):hover{border-color:transparent}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):active{border-color:transparent}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):focus-visible{outline:none}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}.sc-ix-expanding-search-h .input-container.sc-ix-expanding-search{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}.sc-ix-expanding-search-h .btn-clear.sc-ix-expanding-search{position:absolute;border-radius:var(--theme-input--border-radius);right:0px}.sc-ix-expanding-search-h .input.sc-ix-expanding-search{padding-left:2rem !important;padding-right:2.5rem !important}.sc-ix-expanding-search-h .opacity-before.sc-ix-expanding-search{opacity:0}.sc-ix-expanding-search-h .opacity-after.sc-ix-expanding-search{opacity:1}";export{t as ix_expanding_search}
1
+ import{r as i,c as e,h as s,H as n}from"./p-05c16b94.js";const t=class{constructor(s){i(this,s),this.valueChange=e(this,"valueChange",7),this.icon="search",this.placeholder="Enter text here",this.value="",this.isFieldChanged=!1,this.expanded=!1,this.hasFocus=!1,this.focusTextInput=this.focusTextInput.bind(this)}expandInput(){setTimeout(this.focusTextInput,300),this.expanded=!0}collapseInput(){!this.isFieldChanged&&this.expanded&&(this.expanded=!1)}clearInput(){this.value="",this.isFieldChanged=!1}onChange(i){this.value=i.target.value,this.isFieldChanged=!this.isFieldChanged||""!==this.value,this.valueChange.emit(this.value)}focusTextInput(){var i;null===(i=this.textInput)||void 0===i||i.focus()}clearClicked(){var i;this.clearInput(),null===(i=this.textInput)||void 0===i||i.focus(),this.valueChange.emit(this.value)}render(){return s(n,{class:{expanded:this.expanded,"right-position":this.expanded}},s("button",{class:{btn:!0,"btn-invisible-primary":!0,"btn-icon":!0,"btn-search":!0,"disable-pointer":this.expanded},"data-testid":"button",onClick:()=>this.expandInput(),tabindex:this.expanded?-1:0},s("ix-icon",{class:"btn-search-icon",name:this.icon,size:this.expanded?"16":"24",color:this.hasFocus?"input-search-icon--color--focus":void 0})),s("div",{class:{expanded:this.expanded,collapsed:!this.expanded,"disable-pointer":!this.expanded,"input-container":!0},"data-testid":"input-wrapper"},s("input",{class:{"form-control":!0,input:this.expanded,"disable-pointer":!this.expanded,"opacity-before":!this.expanded,"opacity-after":this.expanded},ref:i=>this.textInput=i,"data-testid":"input",placeholder:this.placeholder,type:"text",value:this.value,onBlur:()=>{this.collapseInput(),this.hasFocus=!1},onFocus:()=>this.hasFocus=!0,onInput:i=>this.onChange(i),tabindex:this.expanded?0:-1}),this.isFieldChanged?s("ix-icon-button",{class:"btn-clear",icon:"clear",ghost:!0,size:"16","data-testid":"clear-button",onClick:()=>this.clearClicked()}):null))}};t.style=".sc-ix-expanding-search-h{display:inline-flex;width:auto;height:2rem;align-items:center;justify-content:space-between}.right-position.sc-ix-expanding-search-h{width:11.5625rem !important}.sc-ix-expanding-search-h .input-container.sc-ix-expanding-search{transition:all 0.3s ease-in-out}.sc-ix-expanding-search-h .disable-pointer.sc-ix-expanding-search{pointer-events:none}.sc-ix-expanding-search-h input.sc-ix-expanding-search{box-shadow:var(--theme-input--box-shadow)}.sc-ix-expanding-search-h .expanded.sc-ix-expanding-search{width:11.5625rem}.sc-ix-expanding-search-h .collapsed.sc-ix-expanding-search{width:1.5rem;border:none}.sc-ix-expanding-search-h .btn-search-icon.sc-ix-expanding-search{align-self:center;margin:auto;position:relative}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search{display:flex;max-width:2rem;max-height:2rem;border-radius:var(--theme-input--border-radius);transition:all 0.15s ease-in-out;z-index:1;align-items:center;position:relative;border:none}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):hover{border-color:transparent}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):active{border-color:transparent}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):focus-visible{outline:none}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:not(.disabled):not(:disabled):focus-visible{outline:var(--focus--border-color);outline-width:1px;outline-style:solid}.sc-ix-expanding-search-h .btn-search.sc-ix-expanding-search:active{width:2rem;height:2rem;border-radius:var(--theme-input--border-radius);border:var(--theme-std-bdr-1) !important}.sc-ix-expanding-search-h .input-container.sc-ix-expanding-search{display:flex;position:absolute;align-items:center;flex-wrap:nowrap}.sc-ix-expanding-search-h .btn-clear.sc-ix-expanding-search{position:absolute;border-radius:var(--theme-input--border-radius);right:0px;margin-right:0.25rem}.sc-ix-expanding-search-h .input.sc-ix-expanding-search{padding-left:2rem !important;padding-right:2.5rem !important}.sc-ix-expanding-search-h .opacity-before.sc-ix-expanding-search{opacity:0}.sc-ix-expanding-search-h .opacity-after.sc-ix-expanding-search{opacity:1}";export{t as ix_expanding_search}
@@ -1 +1 @@
1
- import{r as i,h as e,H as t,g as l}from"./p-5e4c3828.js";import{F as r}from"./p-1d30454e.js";const o=class{constructor(e){i(this,e),this.ANIMATION_DURATION=150,this.index=0,this.isFlipAnimationActive=void 0,this.state=void 0,this.footer=void 0}componentDidLoad(){this.contentItems=this.contentContainerElement.querySelectorAll("ix-flip-tile-content"),this.contentItems.forEach(((i,e)=>{e!==this.index&&this.toggleContentItem(e)}))}toggleIndex(){this.doFlipAnimation()}toggleContentItem(i){this.contentItems[i].classList.toggle("d-none")}doFlipAnimation(){this.isFlipAnimationActive=!0,setTimeout((()=>{this.toggleContentItem(this.index),this.index>=this.contentItems.length-1?this.index=0:this.index++,this.toggleContentItem(this.index)}),this.ANIMATION_DURATION),setTimeout((()=>{this.isFlipAnimationActive=!1}),2*this.ANIMATION_DURATION)}render(){return e(t,null,e("div",{class:{"flip-tile-container":!0,info:this.state===r.Info,warning:this.state===r.Warning,alarm:this.state===r.Alarm,primary:this.state===r.Primary,"flip-animation-active":this.isFlipAnimationActive}},e("div",{class:"flip-tile-header"},e("div",{class:"header-slot-container text-l-title"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"eye",variant:"Primary",ghost:!0,onClick:()=>this.toggleIndex()})),e("div",{class:"content-container",ref:i=>this.contentContainerElement=i},e("slot",null)),e("div",{class:{footer:!0,"contrast-light":this.state===r.Warning,"contrast-dark":this.state===r.Info||this.state===r.Alarm}},e("slot",{name:"footer"}))))}get hostElement(){return l(this)}};o.style="@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}.sc-ix-flip-tile-h{display:flex;flex-direction:column;width:16rem;min-width:16rem;max-width:16rem;height:15.125rem;perspective:1000px}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile .header-slot-container.sc-ix-flip-tile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}.sc-ix-flip-tile-h .content-container.sc-ix-flip-tile{flex-grow:1;margin:1rem}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}.sc-ix-flip-tile-h .flip-tile-container.flip-animation-active.sc-ix-flip-tile{animation:flip-animation 300ms, ease-in-out}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile .sc-ix-flip-tile:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.sc-ix-flip-tile-h .flip-tile-container .sc-ix-flip-tile-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile{border-color:var(--theme-color-primary)}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile{border-color:var(--theme-color-info)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile{border-color:var(--theme-color-warning)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile{border-color:var(--theme-color-alarm)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.sc-ix-flip-tile-h:hover .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile ix-icon.sc-ix-flip-tile{color:var(--theme-color-std-text)}";const s=class{constructor(e){i(this,e)}render(){return e(t,null,e("slot",null))}};s.style=":host{display:block}";export{o as ix_flip_tile,s as ix_flip_tile_content}
1
+ import{r as i,h as e,H as t,g as l}from"./p-05c16b94.js";import{F as r}from"./p-1d30454e.js";const o=class{constructor(e){i(this,e),this.ANIMATION_DURATION=150,this.index=0,this.isFlipAnimationActive=void 0,this.state=void 0,this.footer=void 0}componentDidLoad(){this.contentItems=this.contentContainerElement.querySelectorAll("ix-flip-tile-content"),this.contentItems.forEach(((i,e)=>{e!==this.index&&this.toggleContentItem(e)}))}toggleIndex(){this.doFlipAnimation()}toggleContentItem(i){this.contentItems[i].classList.toggle("d-none")}doFlipAnimation(){this.isFlipAnimationActive=!0,setTimeout((()=>{this.toggleContentItem(this.index),this.index>=this.contentItems.length-1?this.index=0:this.index++,this.toggleContentItem(this.index)}),this.ANIMATION_DURATION),setTimeout((()=>{this.isFlipAnimationActive=!1}),2*this.ANIMATION_DURATION)}render(){return e(t,null,e("div",{class:{"flip-tile-container":!0,info:this.state===r.Info,warning:this.state===r.Warning,alarm:this.state===r.Alarm,primary:this.state===r.Primary,"flip-animation-active":this.isFlipAnimationActive}},e("div",{class:"flip-tile-header"},e("div",{class:"header-slot-container text-l-title"},e("slot",{name:"header"})),e("ix-icon-button",{icon:"eye",variant:"Primary",ghost:!0,onClick:()=>this.toggleIndex()})),e("div",{class:"content-container",ref:i=>this.contentContainerElement=i},e("slot",null)),e("div",{class:{footer:!0,"contrast-light":this.state===r.Warning,"contrast-dark":this.state===r.Info||this.state===r.Alarm}},e("slot",{name:"footer"}))))}get hostElement(){return l(this)}};o.style="@keyframes flip-animation{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}51%{transform:rotateY(270deg)}100%{transform:rotateY(360deg)}}.sc-ix-flip-tile-h{display:flex;flex-direction:column;width:16rem;min-width:16rem;max-width:16rem;height:15.125rem;perspective:1000px}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile{display:flex;align-items:center;height:2.5rem;padding:0 0.5rem 0 1rem}.sc-ix-flip-tile-h .flip-tile-header.sc-ix-flip-tile .header-slot-container.sc-ix-flip-tile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1;min-width:0}.sc-ix-flip-tile-h .content-container.sc-ix-flip-tile{flex-grow:1;margin:1rem}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile{display:flex;flex-direction:column;height:100%;background-color:var(--theme-blind-base--background);border:solid 1px var(--theme-blind-base--border-color);border-radius:var(--theme-flip-tile--border-radius) var(--theme-flip-tile--border-radius) 0 0;transform-style:preserve-3d}.sc-ix-flip-tile-h .flip-tile-container.flip-animation-active.sc-ix-flip-tile{animation:flip-animation 300ms, ease-in-out}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile{display:flex;height:3rem;align-items:center;justify-content:center;padding:0 0.5rem;color:var(--theme-flip-footer--color);background-color:var(--theme-blind-base--background)}.sc-ix-flip-tile-h .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile .sc-ix-flip-tile:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:100%}.sc-ix-flip-tile-h .flip-tile-container .sc-ix-flip-tile-s>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;align-items:center;min-width:0}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile{border-color:var(--theme-color-primary)}.sc-ix-flip-tile-h .flip-tile-container.primary.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-primary);color:var(--theme-color-primary--contrast)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile{border-color:var(--theme-color-info)}.sc-ix-flip-tile-h .flip-tile-container.info.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-info);color:var(--theme-color-info--contrast)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile{border-color:var(--theme-color-warning)}.sc-ix-flip-tile-h .flip-tile-container.warning.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-warning);color:var(--theme-color-warning--contrast)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile{border-color:var(--theme-color-alarm)}.sc-ix-flip-tile-h .flip-tile-container.alarm.sc-ix-flip-tile .footer.sc-ix-flip-tile{background-color:var(--theme-color-alarm);color:var(--theme-color-alarm--contrast)}.sc-ix-flip-tile-h:hover .flip-tile-container.sc-ix-flip-tile .footer.sc-ix-flip-tile ix-icon.sc-ix-flip-tile{color:var(--theme-color-std-text)}";const s=class{constructor(e){i(this,e)}render(){return e(t,null,e("slot",null))}};s.style=":host{display:block}";export{o as ix_flip_tile,s as ix_flip_tile_content}
@@ -1 +1 @@
1
- import{r as e,c as o,h as t,H as i,g as r}from"./p-5e4c3828.js";const c=class{constructor(t){e(this,t),this.checkedChange=o(this,"checkedChange",7),this.checked=!1,this.disabled=!1,this.indeterminate=!1,this.color="accent",this.textOn="On",this.textOff="Off",this.textIndeterminate="Mixed",this.hideText=!1}async onKeyDown(e){this.hostElement.contains(e.target)&&("Enter"!==e.code&&"NumpadEnter"!==e.code||this.emitChange(e))}emitChange(e){this.disabled||this.indeterminate||(e.stopPropagation(),e.preventDefault(),this.checked=!this.checked,this.checkedChange.emit(this.checked))}getText(){return this.indeterminate||void 0===this.checked?this.textIndeterminate:this.checked?this.textOn:this.textOff}render(){return t(i,{class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate||void 0===this.checked}},t("label",{class:"switch",tabindex:this.disabled?-1:0},t("input",{tabindex:"-1",type:"checkbox",checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate||void 0===this.checked,id:this.hostElement.id,onChange:e=>this.emitChange(e)}),t("span",{class:"slider"},t("span",{class:"slider-track"}))),this.hideText?null:t("span",{title:this.getText(),class:"text",onClick:e=>this.emitChange(e)},this.getText()))}get hostElement(){return r(this)}};c.style='.sc-ix-toggle-h{display:flex;align-items:center;outline:none}.sc-ix-toggle-h .switch.sc-ix-toggle{position:relative;display:inline-flex;align-items:center;min-width:3rem;height:2rem}.sc-ix-toggle-h .switch.sc-ix-toggle:not(.disabled):not(:disabled):focus-visible{outline-color:var(--focus--border-color);outline-style:solid;outline-width:1px}.sc-ix-toggle-h .switch.sc-ix-toggle input.sc-ix-toggle{opacity:0;width:0;height:0}.sc-ix-toggle-h .slider.sc-ix-toggle{display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background);border-radius:2.125rem;border:1px solid var(--theme-switch-off--border-color);width:2.5rem;height:1rem}.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:transform 150ms;border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color);box-shadow:var(--theme-switch-thumb--box-shadow)}.sc-ix-toggle-h input.sc-ix-toggle:checked+.slider.sc-ix-toggle:before{transform:translateX(1.125rem);left:0.25rem}.sc-ix-toggle-h .text.sc-ix-toggle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-switch--color);padding:0 0.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover);border-color:var(--theme-switch-thumb-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active);border-color:var(--theme-switch-thumb-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background);border-color:var(--theme-switch-thumb-on--border-color)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}.checked.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover);border-color:var(--theme-switch-thumb-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active);border-color:var(--theme-switch-thumb-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background);border-color:var(--theme-switch-thumb-mixed--border-color)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background);border-color:var(--theme-switch-mixed--border-color)}.indeterminate.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--hover);border-color:var(--theme-switch-thumb-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--hover);border-color:var(--theme-switch-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--active);border-color:var(--theme-switch-thumb-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--active);border-color:var(--theme-switch-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{transform:translateX(0.625rem)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle{cursor:initial}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle:before,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled);border-color:var(--theme-switch-thumb-off--border-color--disabled)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled);border-color:var(--theme-switch-off--border-color--disabled)}[disabled].sc-ix-toggle-h .text.sc-ix-toggle,.disabled.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color--disabled)}';export{c as ix_toggle}
1
+ import{r as e,c as o,h as t,H as i,g as r}from"./p-05c16b94.js";const c=class{constructor(t){e(this,t),this.checkedChange=o(this,"checkedChange",7),this.checked=!1,this.disabled=!1,this.indeterminate=!1,this.color="accent",this.textOn="On",this.textOff="Off",this.textIndeterminate="Mixed",this.hideText=!1}async onKeyDown(e){this.hostElement.contains(e.target)&&("Enter"!==e.code&&"NumpadEnter"!==e.code||this.emitChange(e))}emitChange(e){this.disabled||this.indeterminate||(e.stopPropagation(),e.preventDefault(),this.checked=!this.checked,this.checkedChange.emit(this.checked))}getText(){return this.indeterminate||void 0===this.checked?this.textIndeterminate:this.checked?this.textOn:this.textOff}render(){return t(i,{class:{disabled:this.disabled,checked:this.checked,indeterminate:this.indeterminate||void 0===this.checked}},t("label",{class:"switch",tabindex:this.disabled?-1:0},t("input",{tabindex:"-1",type:"checkbox",checked:this.checked,disabled:this.disabled,indeterminate:this.indeterminate||void 0===this.checked,id:this.hostElement.id,onChange:e=>this.emitChange(e)}),t("span",{class:"slider"},t("span",{class:"slider-track"}))),this.hideText?null:t("span",{title:this.getText(),class:"text",onClick:e=>this.emitChange(e)},this.getText()))}get hostElement(){return r(this)}};c.style='.sc-ix-toggle-h{display:flex;align-items:center;outline:none}.sc-ix-toggle-h .switch.sc-ix-toggle{position:relative;display:inline-flex;align-items:center;min-width:3rem;height:2rem}.sc-ix-toggle-h .switch.sc-ix-toggle:not(.disabled):not(:disabled):focus-visible{outline-color:var(--focus--border-color);outline-style:solid;outline-width:1px}.sc-ix-toggle-h .switch.sc-ix-toggle input.sc-ix-toggle{opacity:0;width:0;height:0}.sc-ix-toggle-h .slider.sc-ix-toggle{display:flex;align-items:center;justify-content:center;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background);border-radius:2.125rem;border:1px solid var(--theme-switch-off--border-color);width:2.5rem;height:1rem}.sc-ix-toggle-h .slider.sc-ix-toggle:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:0.125rem;background-color:var(--theme-switch-thumb-off--background);transition:transform 150ms;border-radius:50%;border:1px solid var(--theme-switch-thumb-off--border-color);box-shadow:var(--theme-switch-thumb--box-shadow)}.sc-ix-toggle-h input.sc-ix-toggle:checked+.slider.sc-ix-toggle:before{transform:translateX(1.125rem);left:0.25rem}.sc-ix-toggle-h .text.sc-ix-toggle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-switch--color);padding:0 0.5rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--hover);border-color:var(--theme-switch-thumb-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--hover);border-color:var(--theme-switch-off--border-color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--active);border-color:var(--theme-switch-thumb-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--active);border-color:var(--theme-switch-off--border-color--active)}.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background);border-color:var(--theme-switch-thumb-on--border-color)}.checked.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background);border-color:var(--theme-switch-on--border-color)}.checked.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--hover);border-color:var(--theme-switch-thumb-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--hover);border-color:var(--theme-switch-on--border-color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-on--background--active);border-color:var(--theme-switch-thumb-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-on--background--active);border-color:var(--theme-switch-on--border-color--active)}.checked.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background);border-color:var(--theme-switch-thumb-mixed--border-color)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background);border-color:var(--theme-switch-mixed--border-color)}.indeterminate.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--hover);border-color:var(--theme-switch-thumb-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--hover);border-color:var(--theme-switch-mixed--border-color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):hover .text.sc-ix-toggle{color:var(--theme-switch--color--hover)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled){cursor:pointer}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-mixed--background--active);border-color:var(--theme-switch-thumb-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .slider-track.sc-ix-toggle{background-color:var(--theme-switch-mixed--background--active);border-color:var(--theme-switch-mixed--border-color--active)}.indeterminate.sc-ix-toggle-h:not(.disabled):not(:disabled):active .text.sc-ix-toggle{color:var(--theme-switch--color--active)}.indeterminate.sc-ix-toggle-h .slider.sc-ix-toggle:before{transform:translateX(0.625rem)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle{cursor:initial}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle:before,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle:before{background-color:var(--theme-switch-thumb-off--background--disabled);border-color:var(--theme-switch-thumb-off--border-color--disabled)}[disabled].sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle,.disabled.sc-ix-toggle-h .slider.sc-ix-toggle .slider-track.sc-ix-toggle{background-color:var(--theme-switch-off--background--disabled);border-color:var(--theme-switch-off--border-color--disabled)}[disabled].sc-ix-toggle-h .text.sc-ix-toggle,.disabled.sc-ix-toggle-h .text.sc-ix-toggle{color:var(--theme-switch--color--disabled)}';export{c as ix_toggle}
@@ -1 +1 @@
1
- import{r as i,c as t,h as s,H as e}from"./p-5e4c3828.js";const h=class{constructor(s){i(this,s),this.done=t(this,"done",7),this.timeChange=t(this,"timeChange",7),this.dateChange=t(this,"dateChange",7),this.dateSelect=t(this,"dateSelect",7),this.range=!0,this.showHour=!1,this.showMinutes=!1,this.showSeconds=!1,this.minDate=void 0,this.maxDate=void 0,this.dateFormat="yyyy/LL/dd",this.timeFormat="TT",this.from=void 0,this.to=null,this.time=void 0,this.showTimeReference=void 0,this.eventDelimiter=" - ",this.timeReference=void 0,this.textSelectDate="Done"}onDone(){var i;this.done.emit([this._from,null!==(i=this._to)&&void 0!==i?i:"",this._time].join(this.eventDelimiter)),this.dateSelect.emit({from:this._from,to:this._to,time:this._time})}async onDateChange(i){i.preventDefault(),i.stopPropagation();const{detail:t}=i;this.dateChange.emit(t);const s=await this.datePickerElement.getCurrentDate();this._from=s.start,this._to=s.end}async onTimeChange(i){i.preventDefault(),i.stopPropagation();const{detail:t}=i;this.timeChange.emit(t);const s=await this.timePickerElement.getCurrentTime();this._time=s}componentDidLoad(){this._from=this.from,this._to=this.to,this._time=this.time}render(){return s(e,null,s("div",{class:"flex"},s("div",{class:"separator"}),s("ix-date-picker",{ref:i=>this.datePickerElement=i,corners:"left",individual:!1,range:this.range,onDateChange:i=>this.onDateChange(i),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,eventDelimiter:this.eventDelimiter}),s("ix-time-picker",{ref:i=>this.timePickerElement=i,corners:"right",individual:!1,showHour:this.showHour,showMinutes:this.showMinutes,showSeconds:this.showSeconds,showTimeReference:this.showTimeReference,onTimeChange:i=>this.onTimeChange(i),time:this.time,format:this.timeFormat,timeReference:this.timeReference}),s("div",{class:"separator"})),s("div",{class:"done"},s("ix-button",{onClick:()=>this.onDone()},this.textSelectDate)))}};h.style=".sc-ix-datetime-picker-h{display:block;background-color:var(--theme-menu--background);border-radius:4px}.flex.sc-ix-datetime-picker{display:flex;justify-content:center}.done.sc-ix-datetime-picker{display:inline-flex;justify-content:flex-end;padding:1rem;width:100%}.separator.sc-ix-datetime-picker{border:1px solid var(--theme-datepicker-separator--background);width:100%;margin-top:72px;height:1px}";export{h as ix_datetime_picker}
1
+ import{r as i,c as t,h as s,H as e}from"./p-05c16b94.js";const h=class{constructor(s){i(this,s),this.done=t(this,"done",7),this.timeChange=t(this,"timeChange",7),this.dateChange=t(this,"dateChange",7),this.dateSelect=t(this,"dateSelect",7),this.range=!0,this.showHour=!1,this.showMinutes=!1,this.showSeconds=!1,this.minDate=void 0,this.maxDate=void 0,this.dateFormat="yyyy/LL/dd",this.timeFormat="TT",this.from=void 0,this.to=null,this.time=void 0,this.showTimeReference=void 0,this.eventDelimiter=" - ",this.timeReference=void 0,this.textSelectDate="Done"}onDone(){var i;this.done.emit([this._from,null!==(i=this._to)&&void 0!==i?i:"",this._time].join(this.eventDelimiter)),this.dateSelect.emit({from:this._from,to:this._to,time:this._time})}async onDateChange(i){i.preventDefault(),i.stopPropagation();const{detail:t}=i;this.dateChange.emit(t);const s=await this.datePickerElement.getCurrentDate();this._from=s.start,this._to=s.end}async onTimeChange(i){i.preventDefault(),i.stopPropagation();const{detail:t}=i;this.timeChange.emit(t);const s=await this.timePickerElement.getCurrentTime();this._time=s}componentDidLoad(){this._from=this.from,this._to=this.to,this._time=this.time}render(){return s(e,null,s("div",{class:"flex"},s("div",{class:"separator"}),s("ix-date-picker",{ref:i=>this.datePickerElement=i,corners:"left",individual:!1,range:this.range,onDateChange:i=>this.onDateChange(i),from:this.from,to:this.to,format:this.dateFormat,minDate:this.minDate,maxDate:this.maxDate,eventDelimiter:this.eventDelimiter}),s("ix-time-picker",{ref:i=>this.timePickerElement=i,corners:"right",individual:!1,showHour:this.showHour,showMinutes:this.showMinutes,showSeconds:this.showSeconds,showTimeReference:this.showTimeReference,onTimeChange:i=>this.onTimeChange(i),time:this.time,format:this.timeFormat,timeReference:this.timeReference}),s("div",{class:"separator"})),s("div",{class:"done"},s("ix-button",{onClick:()=>this.onDone()},this.textSelectDate)))}};h.style=".sc-ix-datetime-picker-h{display:block;background-color:var(--theme-menu--background);border-radius:4px}.flex.sc-ix-datetime-picker{display:flex;justify-content:center}.done.sc-ix-datetime-picker{display:inline-flex;justify-content:flex-end;padding:1rem;width:100%}.separator.sc-ix-datetime-picker{border:1px solid var(--theme-datepicker-separator--background);width:100%;margin-top:72px;height:1px}";export{h as ix_datetime_picker}
@@ -1 +1 @@
1
- import{r as e,c as o,h as r,H as i,g as t}from"./p-5e4c3828.js";const s=class{constructor(r){e(this,r),this.selectGroup=o(this,"selectGroup",7),this.selectItem=o(this,"selectItem",7),this.collapsedChanged=o(this,"collapsedChanged",7),this.suppressHeaderSelection=!1,this.header=void 0,this.subHeader=void 0,this.collapsed=!0,this.selected=void 0,this.index=void 0,this.expandOnHeaderClick=!1,this.dropdownTriggerRef=void 0}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.querySelector(".group-content")}get footer(){return this.hostElement.querySelector(".footer")}async onKeyDown(e){const o=e.target;!this.hostElement.contains(o)||"Enter"!==e.code&&"NumpadEnter"!==e.code||(o.classList.contains("group-header")?this.suppressHeaderSelection?this.collapsed=!this.collapsed:this.selected=!this.selected:o.matches("ix-group-item")&&(o.selected=!o.selected))}onExpandClick(e){const o=this.collapsed;this.collapsed=!this.collapsed,o||void 0===this.index||(this.index=void 0,this.setGroupSelection(!0)),this.collapsedChanged.emit(this.collapsed),e.stopPropagation()}onHeaderClick(e){this.setGroupSelection(!this.selected),this.suppressHeaderSelection&&this.onExpandClick(e)}onItemClick(e){e===this.index?(this.index=void 0,this.selectItem.emit(void 0)):(this.index=e,this.selectItem.emit(e)),this.setGroupSelection(!1)}setGroupSelection(e){this.suppressHeaderSelection||(this.selected=e,this.selectGroup.emit(this.selected))}componentWillRender(){var e;this.groupItems.forEach(((e,o)=>{var r;e.selected=o===this.index,e.index=o,e.classList.remove("last"),(null===(r=this.footer)||void 0===r?void 0:r.children.length)||o!==this.groupItems.length-1||e.classList.add("last")})),(null===(e=this.footer)||void 0===e?void 0:e.childElementCount)>1&&this.groupContent.appendChild(this.footer)}componentDidLoad(){this.groupContent.addEventListener("selectedChanged",(e=>{this.onItemClick(e.detail.index)}))}render(){return r(i,null,r("div",{class:{"group-header":!0,expand:!this.collapsed,selected:this.selected},tabindex:"0"},r("div",{class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{class:"group-header-selection-indicator"}),r("ix-icon",{class:"btn-expand-header",name:`chevron-${this.collapsed?"right":"down"}-small`,onClick:e=>this.onExpandClick(e)}),r("div",{class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{name:"header"}))),r("ix-group-context-menu",null,r("slot",{name:"dropdown"}))),r("div",{class:{"group-content":!0,"d-none":this.collapsed}},r("slot",null)),r("div",{class:"d-none"},r("ix-group-item",{class:"footer last",suppressSelection:!0,focusable:!1},r("slot",{name:"footer"}))))}get hostElement(){return t(this)}};s.style=".sc-ix-group-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;max-width:19.75rem;border-color:var(--theme-group-item--border-color)}.sc-ix-group-h .group-header.sc-ix-group{height:4rem;min-height:4rem;max-height:4rem;border-radius:0.25rem;border:var(--theme-std-bdr-1);display:flex;background-color:var(--theme-group-item--background);border:1px solid var(--theme-group-item--border-color);color:var(--theme-group-header--color);cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color);border-radius:var(--theme-group--border-radius--focus);outline:none}.sc-ix-group-h .group-header-clickable.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}.sc-ix-group-h .group-header.expand.sc-ix-group{border-bottom-left-radius:0;border-bottom-right-radius:0}.sc-ix-group-h .group-header-selection-indicator.sc-ix-group{width:0.25rem}.sc-ix-group-h .group-header-content.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;padding:0.5rem;padding-left:0;width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-props-container.sc-ix-group{width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group>*.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sc-ix-group-h .group-header-content.sc-ix-group .group-subheader.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}.sc-ix-group-h .expand-icon.sc-ix-group{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}.sc-ix-group-h .btn-expand-header.sc-ix-group{margin:0.5rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-group-h .group-content.sc-ix-group{display:flex;flex-direction:column}.sc-ix-group-h .group-header.selected.sc-ix-group{border:var(--theme-primary-bdr-2);background-color:var(--theme-group-item--background--selected)}.sc-ix-group-h .group-header.selected.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-color-input--focus)}.sc-ix-group-h .footer.sc-ix-group{height:auto;min-height:0}";const n=class{constructor(o){e(this,o),this.label=void 0,this.icon=void 0}render(){return r(i,null,r("ix-dropdown-item",{label:this.label,icon:this.icon},r("slot",null)))}};n.style=".sc-ix-group-dropdown-item-h{display:contents}";const d=class{constructor(r){e(this,r),this.selectedChanged=o(this,"selectedChanged",7),this.icon=void 0,this.text=void 0,this.secondaryText=void 0,this.suppressSelection=!1,this.selected=void 0,this.focusable=!0,this.index=void 0}clickListen(){this.suppressSelection||this.selectedChanged.emit(this.hostElement)}render(){return r(i,{class:{selected:this.selected&&!this.suppressSelection,"suppress-selection":this.suppressSelection},tabindex:this.focusable?0:-1},r("div",{class:"group-entry-selection-indicator"}),this.icon?r("ix-icon",{size:"16",name:this.icon}):null,this.text?r("span",{class:"group-entry-text"},r("span",{title:this.text},this.text)):null,this.secondaryText?r("span",{class:"group-entry-text-secondary"},r("span",{title:this.secondaryText},this.secondaryText)):null,r("slot",null))}get hostElement(){return t(this)}};d.style=".sc-ix-group-item-h{display:flex;min-height:2.25rem;height:2.25rem;align-items:center;justify-content:space-between;padding:0.5rem 1.5rem 0.5rem 2.5rem;position:relative;margin-top:0.0625rem;border:1px solid var(--theme-group-item--border-color);outline:none;background-color:var(--theme-group-item--background)}.last.sc-ix-group-item-h{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem}.sc-ix-group-item-h ix-icon.sc-ix-group-item{margin-right:0.25rem;margin-top:-0.125rem}.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{position:absolute;left:0;height:100%;width:0.25rem}.sc-ix-group-item-h .group-entry-text.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text);font-size:0.875rem}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item,.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item span.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.selected.sc-ix-group-item-h{border-top-width:0.062rem !important;border-color:var(--theme-group-item--border-color--selected);background-color:var(--theme-group-item--background--selected)}.selected.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{background-color:var(--theme-color-input--focus)}.sc-ix-group-item-h:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color) !important}";export{s as ix_group,n as ix_group_dropdown_item,d as ix_group_item}
1
+ import{r as e,c as o,h as r,H as i,g as t}from"./p-05c16b94.js";const s=class{constructor(r){e(this,r),this.selectGroup=o(this,"selectGroup",7),this.selectItem=o(this,"selectItem",7),this.collapsedChanged=o(this,"collapsedChanged",7),this.suppressHeaderSelection=!1,this.header=void 0,this.subHeader=void 0,this.collapsed=!0,this.selected=void 0,this.index=void 0,this.expandOnHeaderClick=!1,this.dropdownTriggerRef=void 0}get dropdownItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-dropdown-item"))}get groupItems(){return Array.from(this.hostElement.querySelectorAll("ix-group-item:not(.footer)"))}get groupContent(){return this.hostElement.querySelector(".group-content")}get footer(){return this.hostElement.querySelector(".footer")}async onKeyDown(e){const o=e.target;!this.hostElement.contains(o)||"Enter"!==e.code&&"NumpadEnter"!==e.code||(o.classList.contains("group-header")?this.suppressHeaderSelection?this.collapsed=!this.collapsed:this.selected=!this.selected:o.matches("ix-group-item")&&(o.selected=!o.selected))}onExpandClick(e){const o=this.collapsed;this.collapsed=!this.collapsed,o||void 0===this.index||(this.index=void 0,this.setGroupSelection(!0)),this.collapsedChanged.emit(this.collapsed),e.stopPropagation()}onHeaderClick(e){this.setGroupSelection(!this.selected),this.suppressHeaderSelection&&this.onExpandClick(e)}onItemClick(e){e===this.index?(this.index=void 0,this.selectItem.emit(void 0)):(this.index=e,this.selectItem.emit(e)),this.setGroupSelection(!1)}setGroupSelection(e){this.suppressHeaderSelection||(this.selected=e,this.selectGroup.emit(this.selected))}componentWillRender(){var e;this.groupItems.forEach(((e,o)=>{var r;e.selected=o===this.index,e.index=o,e.classList.remove("last"),(null===(r=this.footer)||void 0===r?void 0:r.children.length)||o!==this.groupItems.length-1||e.classList.add("last")})),(null===(e=this.footer)||void 0===e?void 0:e.childElementCount)>1&&this.groupContent.appendChild(this.footer)}componentDidLoad(){this.groupContent.addEventListener("selectedChanged",(e=>{this.onItemClick(e.detail.index)}))}render(){return r(i,null,r("div",{class:{"group-header":!0,expand:!this.collapsed,selected:this.selected},tabindex:"0"},r("div",{class:"group-header-clickable",onClick:e=>this.onHeaderClick(e)},r("div",{class:"group-header-selection-indicator"}),r("ix-icon",{class:"btn-expand-header",name:`chevron-${this.collapsed?"right":"down"}-small`,onClick:e=>this.onExpandClick(e)}),r("div",{class:"group-header-content"},this.header?r("div",{class:"group-header-props-container"},r("div",{class:"group-header-title"},r("span",{title:this.header},this.header)),r("div",{class:"group-subheader",title:this.subHeader},this.subHeader)):null,r("slot",{name:"header"}))),r("ix-group-context-menu",null,r("slot",{name:"dropdown"}))),r("div",{class:{"group-content":!0,"d-none":this.collapsed}},r("slot",null)),r("div",{class:"d-none"},r("ix-group-item",{class:"footer last",suppressSelection:!0,focusable:!1},r("slot",{name:"footer"}))))}get hostElement(){return t(this)}};s.style=".sc-ix-group-h{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:column;position:relative;max-width:19.75rem;border-color:var(--theme-group-item--border-color)}.sc-ix-group-h .group-header.sc-ix-group{height:4rem;min-height:4rem;max-height:4rem;border-radius:0.25rem;border:var(--theme-std-bdr-1);display:flex;background-color:var(--theme-group-item--background);border:1px solid var(--theme-group-item--border-color);color:var(--theme-group-header--color);cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.sc-ix-group-h .group-header.sc-ix-group:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color);border-radius:var(--theme-group--border-radius--focus);outline:none}.sc-ix-group-h .group-header-clickable.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;width:100%;min-width:0}.sc-ix-group-h .group-header.expand.sc-ix-group{border-bottom-left-radius:0;border-bottom-right-radius:0}.sc-ix-group-h .group-header-selection-indicator.sc-ix-group{width:0.25rem}.sc-ix-group-h .group-header-content.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;flex-direction:row;justify-content:space-between;min-width:0;padding:0.5rem;padding-left:0;width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-props-container.sc-ix-group{width:100%}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group{display:flex;align-items:center;font-size:1rem;font-weight:700;height:1.5rem}.sc-ix-group-h .group-header-content.sc-ix-group .group-header-title.sc-ix-group>*.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sc-ix-group-h .group-header-content.sc-ix-group .group-subheader.sc-ix-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:1.25rem;font-size:0.875rem;color:var(--theme-group-subheader--color)}.sc-ix-group-h .expand-icon.sc-ix-group{padding:0.125rem 0.437rem;color:var(--theme-color-std-text)}.sc-ix-group-h .btn-expand-header.sc-ix-group{margin:0.5rem;-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}.sc-ix-group-h .group-content.sc-ix-group{display:flex;flex-direction:column}.sc-ix-group-h .group-header.selected.sc-ix-group{border:var(--theme-primary-bdr-2);background-color:var(--theme-group-item--background--selected)}.sc-ix-group-h .group-header.selected.sc-ix-group .group-header-selection-indicator.sc-ix-group{background-color:var(--theme-color-input--focus)}.sc-ix-group-h .footer.sc-ix-group{height:auto;min-height:0}";const n=class{constructor(o){e(this,o),this.label=void 0,this.icon=void 0}render(){return r(i,null,r("ix-dropdown-item",{label:this.label,icon:this.icon},r("slot",null)))}};n.style=".sc-ix-group-dropdown-item-h{display:contents}";const d=class{constructor(r){e(this,r),this.selectedChanged=o(this,"selectedChanged",7),this.icon=void 0,this.text=void 0,this.secondaryText=void 0,this.suppressSelection=!1,this.selected=void 0,this.focusable=!0,this.index=void 0}clickListen(){this.suppressSelection||this.selectedChanged.emit(this.hostElement)}render(){return r(i,{class:{selected:this.selected&&!this.suppressSelection,"suppress-selection":this.suppressSelection},tabindex:this.focusable?0:-1},r("div",{class:"group-entry-selection-indicator"}),this.icon?r("ix-icon",{size:"16",name:this.icon}):null,this.text?r("span",{class:"group-entry-text"},r("span",{title:this.text},this.text)):null,this.secondaryText?r("span",{class:"group-entry-text-secondary"},r("span",{title:this.secondaryText},this.secondaryText)):null,r("slot",null))}get hostElement(){return t(this)}};d.style=".sc-ix-group-item-h{display:flex;min-height:2.25rem;height:2.25rem;align-items:center;justify-content:space-between;padding:0.5rem 1.5rem 0.5rem 2.5rem;position:relative;margin-top:0.0625rem;border:1px solid var(--theme-group-item--border-color);outline:none;background-color:var(--theme-group-item--background)}.last.sc-ix-group-item-h{border-bottom-left-radius:0.25rem;border-bottom-right-radius:0.25rem}.sc-ix-group-item-h ix-icon.sc-ix-group-item{margin-right:0.25rem;margin-top:-0.125rem}.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{position:absolute;left:0;height:100%;width:0.25rem}.sc-ix-group-item-h .group-entry-text.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item{display:flex;justify-content:flex-end;flex-grow:1;white-space:nowrap;color:var(--theme-color-soft-text);font-size:0.875rem}.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item,.sc-ix-group-item-h .group-entry-text-secondary.sc-ix-group-item span.sc-ix-group-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):hover{background-color:var(--theme-group-item--background--hover);border-color:var(--theme-group-item--border-color--hover)}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled){cursor:pointer}.sc-ix-group-item-h:not(.suppress-selection):not(.disabled):not(:disabled):active{background-color:var(--theme-group-item--background--active);border-color:var(--theme-group-item--border-color--active)}.selected.sc-ix-group-item-h{border-top-width:0.062rem !important;border-color:var(--theme-group-item--border-color--selected);background-color:var(--theme-group-item--background--selected)}.selected.sc-ix-group-item-h .group-entry-selection-indicator.sc-ix-group-item{background-color:var(--theme-color-input--focus)}.sc-ix-group-item-h:not(.disabled):not(:disabled):focus-visible{border-color:var(--focus--border-color) !important}";export{s as ix_group,n as ix_group_dropdown_item,d as ix_group_item}
@@ -0,0 +1 @@
1
+ import{r as t,c as e,h as i,H as s,g as n,f as o}from"./p-05c16b94.js";import{a}from"./p-c8cc3bb3.js";import{t as r}from"./p-f6e713f3.js";import"./p-4944ad0b.js";const m=class{constructor(i){t(this,i),this.expandChange=e(this,"expandChange",7),this.mapExpandChange=e(this,"mapExpandChange",7),this.domObserver=new MutationObserver(this.onDomChange.bind(this)),this.isVisible=t=>{var e,i;return"none"!==t.style.display&&"none"!==(null===(i=null===(e=t.parentElement)||void 0===e?void 0:e.parentElement)||void 0===i?void 0:i.style.display)},this.showSettings=!1,this.showAbout=!1,this.enableToggleTheme=!1,this.enableSettings=!0,this.enableMapExpand=!1,this.applicationName=void 0,this.applicationDescription="",this.maxVisibleMenuItems=9,this.i18nLegal="About & legal information",this.i18nSettings="Settings",this.i18nToggleTheme="Toggle theme",this.i18nExpand=" Expand",this.i18nCollapse="Collapse",this.i18nMore="More…",this.expand=!1,this.showMoreItems=!1,this.visibleMenuItems=0,this.countMoreNotifications=0,this.mapExpand=!0,this.activeTab=void 0,this.isMoreTabEmpty=!1}onWindowResize(){this.visibleMenuItems=this.getMaxTabCount()}handleNodeMutation(t){t instanceof HTMLElement&&(t.matches(".tab")&&this.onWindowResize(),t.matches("ix-menu-about")&&this.menu.contains(t)&&this.appendAbout(),t.matches("ix-menu-settings")&&this.menu.contains(t)&&this.appendSettings())}onDomChange(t){t.forEach((t=>{t.addedNodes.forEach(this.handleNodeMutation.bind(this)),t.removedNodes.forEach(this.handleNodeMutation.bind(this))}))}get popoverArea(){return this.hostElement.querySelector("#popover-area")}get overlayContainer(){return this.hostElement.querySelector(".menu-overlay")}get invisibleContainer(){return this.hostElement.querySelector(".menu-overlay-invisible")}get menu(){return this.hostElement.querySelector(".menu")}get menuItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item:not(.internal-tab):not(.home-tab):not(.bottom-tab)")).filter(this.isVisible)}get menuBottomItems(){return Array.from(this.hostElement.querySelectorAll("ix-menu-item.bottom-tab:not(.internal-tab):not(.home-tab)")).filter(this.isVisible)}get homeTab(){return this.hostElement.querySelector("ix-menu-item.home-tab")}get moreItemsDropdown(){return this.hostElement.querySelector(".internal-tab ix-dropdown")}get isMoreItemsDropdownEmpty(){return 0===this.hostElement.querySelectorAll(".internal-tab ix-dropdown .appended").length}get moreItemsDropdownItems(){return this.hostElement.querySelectorAll(".internal-tab ix-dropdown ix-menu-item")}get activeMoreTabContainer(){return this.hostElement.querySelector(".active-more-tab")}get activeMoreTab(){return this.hostElement.querySelector(".active-more-tab ix-menu-item")}get aboutPopoverContainer(){return this.hostElement.querySelector(".about-news")}get aboutPopover(){return document.querySelector("ix-menu-about-news")}get aboutTab(){return this.hostElement.querySelector("#aboutAndLegal")}get about(){return this.hostElement.querySelector("ix-menu-about")}get settings(){return this.hostElement.querySelector("ix-menu-settings")}get isSettingsEmpty(){return 0===Array.from(this.hostElement.querySelectorAll("ix-menu-settings-item")).length}get avatarItem(){return this.hostElement.querySelector("ix-menu-avatar")}get tabsContainer(){return this.hostElement.querySelector("#menu-tabs")}showTab(t){return t+1<=this.visibleMenuItems}componentDidLoad(){var t,e,i,s;null===(t=this.settings)||void 0===t||t.addEventListener("close",(()=>{this.showSettings=!1,this.settings.show=this.showSettings})),null===(e=this.settings)||void 0===e||e.addEventListener("animationend",(()=>{this.showSettings||(this.settings.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),null===(i=this.about)||void 0===i||i.addEventListener("close",(()=>{this.showAbout=!1,this.about.show=this.showAbout})),null===(s=this.about)||void 0===s||s.addEventListener("animationend",(()=>{this.showAbout||(this.about.classList.add("d-none"),this.overlayContainer.classList.add("d-none"))})),this.overlayContainer.classList.add("d-none"),this.onWindowResize(),this.domObserver.observe(this.hostElement,{attributes:!1,childList:!0,subtree:!0})}disconnectedCallback(){}componentWillRender(){this.appendTabs()}componentDidRender(){this.visibleMenuItems=this.getMaxTabCount(),this.appendFragments()}appendFragments(){this.appendAvatar(),this.appendAbout(),this.appendSettings(),this.appendAboutNewsPopover(),this.isMoreTabEmpty=this.isMoreItemsDropdownEmpty,this.countMoreNotifications=this.getMoreNotificationsCount()}resetActiveTab(){this.activeTab=null}isMenuItemActive(t){return t.active||t.classList.contains("active")}appendTabs(){this.activeTab=null,this.homeTab&&(this.hostElement.querySelector(".tabs-top").appendChild(this.homeTab),this.homeTab.addEventListener("click",this.resetOverlay)),this.menuItems.forEach(((t,e)=>{var i;this.showTab(e)?t.classList.remove("d-none"):(t.classList.add("d-none"),this.isMenuItemActive(t)&&(this.activeTab=t)),null===(i=this.homeTab)||void 0===i||i.classList.remove("d-none"),t.addEventListener("click",this.resetOverlay)}))}appendAvatar(){var t;const e=this.avatarItem;e&&(e.style.marginBottom="1rem",null===(t=this.hostElement.querySelector("#avatar-tab-placeholder"))||void 0===t||t.appendChild(e))}getAboutPopoverVerticalPosition(){const t=this.aboutTab.getBoundingClientRect(),e=window.innerHeight-(t.bottom-t.height/2+6+6);return a(e)}appendAboutNewsPopover(){var t;this.aboutPopover&&(this.aboutPopover.style.bottom=this.getAboutPopoverVerticalPosition(),!(null===(t=this.popoverArea)||void 0===t?void 0:t.contains(this.aboutPopover)))&&(this.aboutPopover.addEventListener("showMore",(()=>{var t;(null===(t=this.aboutPopover)||void 0===t?void 0:t.aboutItemLabel)&&(this.about.activeTabLabel=this.aboutPopover.aboutItemLabel,this.toggleAbout(!0))}).bind(this)),document.body.appendChild(this.aboutPopover))}appendSettings(){this.settings&&this.overlayContainer.appendChild(this.settings)}appendAbout(){this.about&&this.overlayContainer.appendChild(this.about)}getMoreNotificationsCount(){var t;const e=null===(t=this.moreItemsDropdown)||void 0===t?void 0:t.querySelectorAll(".appended");let i=0;return null==e||e.forEach((t=>{t.notifications&&(i+=t.notifications)})),i}getAvailableHeight(){let t=this.hostElement.clientHeight;return t-=60,this.avatarItem&&(t-=56),this.homeTab&&(t-=72),this.showAbout&&(t-=36),this.showSettings&&(t-=36),this.menuBottomItems.length&&(t-=36*this.menuBottomItems.length),this.enableMapExpand&&(t-=36),t-=72,t-=16,t}getMaxTabCount(){const t=this.getAvailableHeight(),e=Math.floor(t/48),i=this.menuItems.length;return 1===i?1:i<this.maxVisibleMenuItems?e>i?i:Math.min(e-2,i):i===this.maxVisibleMenuItems?e<this.maxVisibleMenuItems?e-2:e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:Math.min(e,this.maxVisibleMenuItems):e===this.maxVisibleMenuItems?this.maxVisibleMenuItems-2:e>=this.maxVisibleMenuItems?this.maxVisibleMenuItems-1:Math.min(e-2,this.maxVisibleMenuItems)}async toggleMapExpand(t){this.skipAllOverlayAnimations(),this.mapExpand=void 0!==t?t:!this.mapExpand}skipAllOverlayAnimations(){this.about&&this.skipOverlayAnimationFor(this.about),this.settings&&this.skipOverlayAnimationFor(this.settings)}skipOverlayAnimationFor(t){const e="animate__animated";null==t||t.classList.remove(e),setTimeout((()=>{null==t||t.classList.add(e)}),300)}async toggleMenu(t){this.skipAllOverlayAnimations(),this.expand=void 0!==t?t:!this.expand,this.aboutPopover&&(this.aboutPopover.expanded=this.expand),this.expandChange.emit(this.expand)}async toggleSettings(t){var e;this.showAbout?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.about),null===(e=this.about)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showSettings=t,this.settings.show=this.showSettings,this.settings.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}async toggleAbout(t){var e;this.showSettings?this.skipAllOverlayAnimations():this.skipOverlayAnimationFor(this.settings),null===(e=this.settings)||void 0===e||e.classList.add("d-none"),this.resetOverlay(),this.showAbout=t,this.about.show=this.showAbout,this.about.classList.remove("d-none"),this.overlayContainer.classList.remove("d-none")}resetOverlay(){this.showSettings=!1,this.showAbout=!1,this.settings&&(this.settings.show=this.showSettings),this.about&&(this.about.show=this.showAbout)}showMoreButton(){const t=this.menuItems.length;return 1!==t&&(t<this.maxVisibleMenuItems?this.visibleMenuItems<t:t>this.maxVisibleMenuItems?this.visibleMenuItems<this.maxVisibleMenuItems:this.visibleMenuItems<=this.maxVisibleMenuItems-2)}getCollapseText(){return this.mapExpand?this.i18nCollapse:this.i18nExpand}getCollapseIcon(){return this.mapExpand?"double-chevron-left":"double-chevron-right"}isMenuItemClicked(t){return t.composedPath().filter((t=>"ix-menu-more-tab"!==t.id)).filter((t=>"IX-MENU-ITEM"===t.tagName)).some((t=>this.tabsContainer.contains(t)))}render(){return i(s,{class:{expanded:this.expand}},i("div",{class:{menu:!0,expanded:this.expand},onClick:()=>{this.resetActiveTab()}},i("div",{onClick:async()=>this.toggleMenu(),class:{"burger-menu-button":!0,expanded:this.expand}},i("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",width:"32",height:"32"},i("rect",{class:"line line-1",x:"5",y:"9.5",width:"22",height:"2"}),i("rect",{class:"line line-2",x:"5",y:"15.5",width:"22",height:"2"}),i("rect",{class:"line line-3",x:"5",y:"21.5",width:"22",height:"2"}))),i("div",{id:"avatar-tab-placeholder"}),i("div",{id:"menu-tabs",style:{display:"contents"},onClick:t=>{this.isMenuItemClicked(t)&&this.resetOverlay()}},i("div",{class:"tabs-top"}),i("slot",null),i("div",{class:"active-more-tab"},this.activeTab?i("ix-menu-item",{class:"internal-tab",active:!0,tabIcon:this.activeTab.tabIcon},this.activeTab.innerText):null),i("ix-menu-item",{id:"ix-menu-more-tab",tabIcon:"more-menu",class:{"internal-tab":!0},style:{display:this.showMoreButton()?"block":"none"},title:"Show more",notifications:this.countMoreNotifications},this.i18nMore,i("ix-dropdown",{trigger:"ix-menu-more-tab",positioningStrategy:"fixed",placement:"right-start"},this.menuItems.filter(((t,e)=>!this.showTab(e)&&!this.isMenuItemActive(t)&&this.isVisible(t))).map((t=>i("ix-menu-item",{tabIcon:t.tabIcon,active:t.active,class:"internal-tab appended",onClick:()=>t.dispatchEvent(new CustomEvent("click"))},t.innerText)))))),i("div",{class:"bottom-tab-divider"}),this.enableSettings&&!this.isSettingsEmpty?i("ix-menu-item",{id:"settings",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showSettings},tabIcon:"cogwheel",onClick:async()=>this.toggleSettings(!this.showSettings)},this.i18nSettings):null,i("slot",{name:"bottom"}),i("div",{id:"popover-area"}),this.about?i("ix-menu-item",{id:"aboutAndLegal",class:{"internal-tab":!0,"bottom-tab":!0,active:this.showAbout},tabIcon:"info",onClick:async()=>this.toggleAbout(!this.showAbout)},this.i18nLegal):null,this.enableToggleTheme?i("ix-menu-item",{id:"toggleTheme",onClick:()=>r.toggleMode(),class:"internal-tab bottom-tab",tabIcon:"bulb"},this.i18nToggleTheme):null,this.enableMapExpand?i("ix-menu-item",{id:"menu-collapse",onClick:()=>this.mapExpandChange.emit(this.mapExpand),class:"internal-tab bottom-tab",tabIcon:`${this.getCollapseIcon()}`},this.getCollapseText()):null),i("div",{class:{"menu-overlay":!0,expanded:this.expand,"d-block":this.showAbout||this.showSettings},style:{opacity:this.showAbout||this.showSettings?"1":"0"}}),i("div",{class:"menu-overlay-invisible"}))}get hostElement(){return n(this)}};m.style="ix-menu{display:flex;flex-direction:row;position:absolute;height:100%;min-height:22.75rem;z-index:var(--theme-z-index-sticky);width:auto}ix-menu .menu{display:flex;flex-direction:column;position:relative;width:4rem;height:100%;-webkit-padding-after:1rem;padding-block-end:1rem;background-color:var(--theme-nav--background);transition:width var(--animate-duration)}ix-menu .menu.expanded{box-shadow:var(--theme-navigation--box-shadow)}ix-menu .menu .burger-menu-button{display:flex;justify-content:center;margin-top:0.75rem;margin-left:0.75rem;margin-bottom:1rem;height:2rem;width:2.5rem;border-radius:0.25rem}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).hover,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled).active,ix-menu .menu .burger-menu-button:not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu .menu .burger-menu-button svg{display:inline-block;fill:var(--theme-menu-btn--color);position:relative}ix-menu .menu .burger-menu-button svg .line{opacity:1;transform:rotate(0) translateY(0) translateX(0);transition:transform 0.3s ease-in-out, opacity 0.2s ease-in-out}ix-menu .menu .burger-menu-button.expanded svg .line-1{transform:translate(0.6875rem, -0.05rem) rotate(45deg)}ix-menu .menu .burger-menu-button.expanded svg .line-2{opacity:0}ix-menu .menu .burger-menu-button.expanded svg .line-3{transform:translate(-0.75625rem, 0.8125rem) rotate(-45deg)}ix-menu .menu-overlay{display:block;position:absolute;width:calc(100vw - 4rem);height:100%;left:4rem;z-index:-1;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background-color:var(--theme-sidebar-overlay-blur);transition:all 300ms ease-out}ix-menu .menu-overlay-invisible{display:none}ix-menu .menu.expanded{width:16rem}ix-menu .menu-overlay.expanded{width:calc(100vw - 16rem);left:16rem}ix-menu #avatar-tab-placeholder{max-height:3rem}ix-menu .avatar{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-product-name{margin-bottom:1rem}ix-menu #cui-imprint .cui-imprint-product-description{margin-bottom:2rem}ix-menu #cui-imprint .cui-imprint-link-container{display:flex;align-items:center}ix-menu .bottom-tab-divider{margin-top:auto}a[href]:has(>ix-menu-item){text-decoration:none}";const h=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="About & legal information",this.show=!1,this.labels=[]}get aboutItems(){return Array.from(this.el.querySelectorAll("ix-menu-about-item"))}setTab(t){this.activeTabLabel=t,this.aboutItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.aboutItems.length&&this.setTab(this.activeTabLabel||this.aboutItems[0].label)}componentDidLoad(){o(this.el)}componentWillRender(){this.updateLabels()}updateLabels(){this.labels=this.aboutItems.map((t=>t.label))}watchActiveTabLabel(t){setTimeout((()=>this.setTab(t)))}getSelectedTabIndex(t){const e=this.aboutItems.find((e=>e.label===t));return this.aboutItems.indexOf(e)}getTabItems(){return this.aboutItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"about-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",{selected:this.getSelectedTabIndex(this.activeTabLabel),class:"about-tabs"},this.getTabItems()),i("div",{class:"about-items"},i("slot",null)))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};h.style=".text-xs.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-menu-about{-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)}.text-default-title-single.sc-ix-menu-about{-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.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-menu-about{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-menu-about{color:var(--theme-color-primary)}.sc-ix-menu-about-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-about-h .about-header.sc-ix-menu-about{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-about-h .about-header.sc-ix-menu-about h2.sc-ix-menu-about{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-about-h .about-tabs.sc-ix-menu-about{margin-bottom:1.5rem}.sc-ix-menu-about-h ix-menu-about-item.sc-ix-menu-about{display:none}";const l=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};l.style=".sc-ix-menu-about-item-h{display:block}";const c=class{constructor(i){t(this,i),this.showMore=e(this,"showMore",7),this.closePopover=e(this,"closePopover",7),this.show=!1,this.label=void 0,this.i18nShowMore="Show more",this.aboutItemLabel=void 0,this.offsetBottom=0,this.expanded=!1}render(){return i(s,{class:{expanded:this.expanded,show:!this.show}},i("div",{class:"banner-container"},i("ix-icon",{color:"color-inv-contrast-text",name:"shout",size:"32"}),i("svg",{viewBox:"0 0 48 56",xmlns:"http://www.w3.org/2000/svg"},i("polygon",{points:"0 0 48 0 48 56 24 48 0 56"}))),i("div",{class:"cui-popover-news-header"},i("span",{class:"text-l-title"},this.label)),i("ix-icon-button",{size:"24",icon:"close-small",ghost:!0,onClick:()=>{this.show=!1,this.closePopover.emit()}}),i("slot",null),this.aboutItemLabel?i("div",{class:"cui-popover-news-footer"},i("button",{class:"btn btn-primary",onClick:t=>{this.show=!1,this.showMore.emit(t)}},this.i18nShowMore)):null,i("svg",{id:"arrow",xmlns:"http://www.w3.org/2000/svg",width:"8",height:"12",viewBox:"0 0 8 12"},i("path",{d:"M8 0 L0 6 L8 12"})))}};c.style=".sc-ix-menu-about-news-h{display:block;position:fixed;width:20rem;height:auto;background-color:var(--theme-color-1);border:var(--theme-weak-bdr-1);border-radius:0.25rem;padding:1rem;left:4rem;z-index:10000;transition:left var(--animate-duration);margin-left:0.5rem !important;box-shadow:var(--theme-box-shadow-level-2)}.expanded.sc-ix-menu-about-news-h{left:calc(4rem + 12rem)}.show.sc-ix-menu-about-news-h{display:none}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news{position:absolute;top:0.0625rem;left:1rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news{position:absolute;height:3.625rem;width:3rem}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news svg.sc-ix-menu-about-news polygon.sc-ix-menu-about-news{fill:var(--theme-color-primary)}.sc-ix-menu-about-news-h .banner-container.sc-ix-menu-about-news ix-icon.sc-ix-menu-about-news{margin:0.5rem;position:absolute;z-index:1}.sc-ix-menu-about-news-h .cui-popover-news-header.sc-ix-menu-about-news{margin-bottom:2rem;margin-left:4rem;margin-top:-0.25rem}.sc-ix-menu-about-news-h .popover-body.sc-ix-menu-about-news{color:var(--theme-color-std-text)}.sc-ix-menu-about-news-h .cui-popover-news-footer.sc-ix-menu-about-news{display:flex;justify-content:flex-end;margin-top:1rem}.sc-ix-menu-about-news-h #arrow.sc-ix-menu-about-news{bottom:14px;position:relative;left:-10px}.sc-ix-menu-about-news-h ix-icon-button.sc-ix-menu-about-news{top:0.5rem;right:0.5rem;position:absolute}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news{position:absolute;left:-0.5rem;bottom:0.4rem}.sc-ix-menu-about-news-h svg#arrow.sc-ix-menu-about-news path.sc-ix-menu-about-news{fill:var(--theme-color-1);stroke:var(--theme-color-weak-bdr-1)}";const u=class{constructor(i){t(this,i),this.logoutClick=e(this,"logoutClick",7),this.avatarElementId="ix-menu-avatar-id",this.top=void 0,this.bottom=void 0,this.i18nLogout="Logout"}render(){return i(s,null,i("li",{class:"nav-item top-item avatar no-hover",title:this.top,id:this.avatarElementId},i("svg",{xmlns:"http://www.w3.org/2000/svg",width:"32",height:"32",viewBox:"0 0 32 32"},i("g",{fill:"none","fill-rule":"evenodd"},i("path",{id:"avatar-path-background",d:"M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163\n 16-16c0-4.243-1.686-8.313-4.686-11.314C24.314 1.686 20.244 0 16 0z"}),i("path",{id:"avatar-path-person",d:"M17.897 17.91c3.8-.018 7.358 1.875 9.485 5.046-2.417 3.999-6.734 6.434-11.382\n 6.42-4.648.014-8.965-2.421-11.382-6.42 2.127-3.171 5.685-5.064\n 9.485-5.045h3.794zM15.821 2.129c3.682 0 6.667 2.984 6.667 6.666 0 3.682-2.985\n 6.667-6.667 6.667s-6.667-2.985-6.667-6.667 2.985-6.666 6.667-6.666z"}))),i("div",{class:"avatar-name"},i("span",{class:"text-default-single",title:this.top},this.top),i("span",{class:"text-default-single",title:this.bottom},this.bottom))),i("ix-dropdown",{trigger:this.avatarElementId,placement:"right-start",offset:{mainAxis:12}},i("slot",null),i("ix-menu-avatar-item",{label:this.i18nLogout,icon:"log-out",onClick:t=>{this.logoutClick.emit(t)}})))}get hostElement(){return n(this)}};u.style=".sc-ix-menu-avatar-h{display:block;position:relative;margin-bottom:0.5rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar{display:flex;align-items:center;height:2.5rem;max-height:2.5rem;padding-left:0.25rem;margin-left:0.75rem;margin-right:0.75rem;transition:0.15s;border-radius:1.25rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar>svg.sc-ix-menu-avatar{height:2rem;width:2rem;min-height:2rem;min-width:2rem}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-background.sc-ix-menu-avatar{fill:var(--theme-avatar--background)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar #avatar-path-person.sc-ix-menu-avatar{fill:var(--theme-color-4)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar{display:flex;flex-direction:column;overflow:hidden;white-space:nowrap;margin-left:1rem;line-height:1.14}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar .avatar-name.sc-ix-menu-avatar .text-default-single.sc-ix-menu-avatar{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):hover{background-color:var(--theme-avatar-btn--background--hover);color:var(--theme-avatar-btn--color--hover)}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-menu-avatar-h .avatar.sc-ix-menu-avatar:not(.disabled):not(:disabled):active{background-color:var(--theme-avatar-btn--background--active);color:var(--theme-avatar-btn--color--active)}";const d=class{constructor(i){t(this,i),this.itemClick=e(this,"itemClick",7),this.icon=void 0,this.label=void 0}render(){return i("ix-dropdown-item",{icon:this.icon,label:this.label,onClick:t=>this.itemClick.emit(t)})}get hostElement(){return n(this)}};d.style=".sc-ix-menu-avatar-item-h{display:block}";const b=class{constructor(e){t(this,e),this.home=!1,this.bottom=!1,this.tabIcon="document",this.notifications=void 0,this.active=void 0,this.disabled=void 0,this.title=void 0}get tabLabel(){return this.hostElement.querySelector(".tab-text")}componentDidRender(){const t=this.tabLabel.innerHTML.replace("&amp;","&");this.title!==t&&(this.title=t)}render(){return i(s,{class:{disabled:this.disabled,"home-tab":this.home,"bottom-tab":this.bottom,active:this.active}},i("li",{class:"tab",title:this.title},i("i",{class:`glyph glyph-${this.tabIcon}`},i("div",{class:"notification"},this.notifications?i("div",{class:"pill"},this.notifications):null)),i("span",{class:"tab-text text-default"},i("slot",null))))}get hostElement(){return n(this)}};b.style='ix-menu-item{position:relative;display:block}ix-menu-item .tab{display:flex;position:relative;align-items:center;height:3rem;z-index:500;padding-left:1.25rem}ix-menu-item .tab:not(.selected){cursor:pointer}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).hover,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):hover{background-color:var(--theme-ghost--background--hover)}ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled).active,ix-menu-item .tab:not(.selected):not(.disabled):not(:disabled):active{background-color:var(--theme-ghost--background--active)}ix-menu-item i.glyph{color:var(--theme-nav-item-primary-icon--color);position:relative}ix-menu-item .tab:focus-visible{outline:none}ix-menu-item:focus-visible{outline:none}ix-menu-item .tab:not(:last-child){margin-bottom:0.5rem}ix-menu-item .notification{display:inline-flex;position:absolute;top:-0.5rem;right:-50%}ix-menu-item .notification .pill{display:inline-flex;justify-content:center;align-items:center;height:1rem;min-width:1rem;position:relative;border-radius:6.25rem;background-color:var(--theme-color-primary);border-radius:6.25rem;font-size:0.75rem;font-weight:bold;line-height:1;font-family:Siemens Sans, Arial, sans-serif;color:var(--theme-color-primary--contrast);padding:0.25rem}ix-menu-item .tab-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--theme-nav-item-primary--color);margin:0 1.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}ix-menu-item.active .tab,ix-menu-item.selected .tab{background-color:var(--theme-nav-item-primary--background--selected)}ix-menu-item.active .tab::before,ix-menu-item.selected .tab::before{content:"";background-color:var(--theme-nav-item-primary--border-color--selected);height:3rem;width:0.25rem;left:0;position:absolute}ix-menu-item.active .tab>.glyph,ix-menu-item.selected .tab>.glyph{color:var(--theme-nav-item-primary-icon--color--selected)}ix-menu-item.disabled{color:var(--theme-color-weak-text);pointer-events:none;cursor:default}ix-menu-item.disabled .tab>.glyph{color:var(--theme-color-weak-text)}ix-menu-item.disabled .tab-text{color:var(--theme-color-weak-text)}ix-menu-item.home-tab,ix-menu-item[slot=home]{margin-bottom:1.5rem}ix-menu-item.bottom-tab,ix-menu-item[slot=bottom]{height:2.25rem}ix-menu-item.bottom-tab .tab,ix-menu-item[slot=bottom] .tab{height:2.25rem}ix-menu-item.bottom-tab .tab::before,ix-menu-item[slot=bottom] .tab::before{height:2.25rem}ix-menu-item.bottom-tab.active .tab,ix-menu-item.bottom-tab.selected .tab,ix-menu-item[slot=bottom].active .tab,ix-menu-item[slot=bottom].selected .tab{background-color:var(--theme-color-1)}';const g=class{constructor(i){t(this,i),this.close=e(this,"close",7),this.activeTabLabel=void 0,this.label="Settings",this.show=!1}get settingsItems(){return Array.from(this.el.querySelectorAll("ix-menu-settings-item"))}setTab(t){this.activeTabLabel=t,this.settingsItems.forEach((t=>{t.style.display="none",t.label===this.activeTabLabel&&(t.style.display="block")}))}componentWillLoad(){this.settingsItems.length&&this.setTab(this.activeTabLabel||this.settingsItems[0].label)}componentDidLoad(){o(this.el)}watchActiveTabLabel(t){this.setTab(t)}getTabItems(){return this.settingsItems.map((({label:t})=>i("ix-tab-item",{class:{active:t===this.activeTabLabel},onClick:()=>this.setTab(t)},t)))}render(){return i(s,{class:{animate__animated:!0,animate__fadeInLeft:this.show,animate__fadeOutLeft:!this.show}},i("div",{class:"settings-header"},i("h2",{class:"text-h2"},this.label),i("ix-icon-button",{ghost:!0,size:"24",icon:"close",onClick:t=>this.close.emit(t)})),i("ix-tabs",null,this.getTabItems()),i("slot",null))}get el(){return n(this)}static get watchers(){return{activeTabLabel:["watchActiveTabLabel"]}}};g.style=".text-xs.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.625rem;font-weight:400;line-height:1.4em;color:var(--theme-color-std-text)}.text-s.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-caption-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text)}.text-default.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text)}.text-default-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.143em;color:var(--theme-color-std-text)}.text-default-title.sc-ix-menu-settings{-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)}.text-default-title-single.sc-ix-menu-settings{-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.143em;color:var(--theme-color-std-text)}.text-l.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:400;line-height:1.25em;color:var(--theme-color-std-text)}.text-l-title.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.5em;color:var(--theme-color-std-text)}.text-l-title-single.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1rem;font-weight:700;line-height:1.25em;color:var(--theme-color-std-text)}.text-h2.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:700;line-height:1.455em;color:var(--theme-color-std-text)}.text-xl.sc-ix-menu-settings{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:1.375rem;font-weight:400;line-height:1.091em;color:var(--theme-color-std-text)}a.sc-ix-menu-settings{color:var(--theme-color-primary)}.sc-ix-menu-settings-h{display:block;background-color:var(--theme-nav-overlay--background);padding:0.75rem 1rem 1rem 2rem;flex-grow:1;position:absolute;width:100%;height:100%}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings{display:flex;justify-content:space-between;flex-direction:row;align-items:center;height:2rem;margin-bottom:0.5rem}.sc-ix-menu-settings-h .settings-header.sc-ix-menu-settings h2.sc-ix-menu-settings{color:var(--theme-nav-overlay-header--color);margin-bottom:0}.sc-ix-menu-settings-h .settings-tabs.sc-ix-menu-settings{margin-bottom:1.5rem}";const x=class{constructor(e){t(this,e),this.label=void 0}render(){return i(s,null,i("slot",null))}};x.style=".sc-ix-menu-settings-item-h{display:block}";export{m as ix_menu,h as ix_menu_about,l as ix_menu_about_item,c as ix_menu_about_news,u as ix_menu_avatar,d as ix_menu_avatar_item,b as ix_menu_item,g as ix_menu_settings,x as ix_menu_settings_item}
@@ -1 +1 @@
1
- import{r as t,h as a,H as i,c as e,g as s}from"./p-5e4c3828.js";import{a as n}from"./p-810b5232.js";import{A as o}from"./p-bdd294d2.js";import{c}from"./p-c8cc3bb3.js";const r=class{constructor(a){t(this,a),this.icon=void 0,this.count=void 0}render(){return a(i,null,a("slot",null))}};r.style=".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";const d=class{constructor(a){t(this,a),this.tabClick=e(this,"tabClick",7),this.easing="easeInOutSine",this.firstRender=!0,this.tabs=void 0,this.activeIndex=void 0,this.disableAnimations=!1,this.selectedIndex=0,this.tabPlacement="top"}onTabSelectionChange(t,a){this.updateTabAnimation(a,t)}onMouseDown(){this.activeIndex=void 0}get animatedTabs(){return Array.from(this.hostElement.querySelectorAll("ix-animated-tab"))}get tabsContainer(){return this.hostElement.querySelector(".tabs-container")}get contentContainer(){return this.hostElement.querySelector(".content-container")}componentWillLoad(){this.tabs=this.animatedTabs}componentDidLoad(){this.onTabSelectionChange(this.selectedIndex,-1),this.observer=new MutationObserver((()=>{this.tabs=this.animatedTabs})),this.observer.observe(this.contentContainer,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["count"]})}disconnectCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}isSelected(t){return this.tabs.indexOf(t)===this.selectedIndex}showTab(t){this.isSelected(t)&&t.classList.remove("d-none")}hideTab(t){this.isSelected(t)||t.classList.add("d-none")}slideOutLeft(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"-100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideOutRight(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideInLeft(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["-100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}slideInRight(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}updateTabAnimation(t,a){var i;null===(i=this.tabs)||void 0===i||i.forEach(((i,e)=>{e===t?e<a?this.slideOutLeft(i):e>a&&this.slideOutRight(i):e===a?e<t?this.slideInLeft(i):e>t&&this.slideInRight(i):i.classList.add("d-none")}))}onTabClick(t){this.selectedIndex=t,this.tabClick.emit(t)}onTabMouseDown(t){this.activeIndex=t}render(){return a(i,{class:{"flex-column-reverse":"bottom"===this.tabPlacement}},a("ul",{class:"tabs-container"},this.animatedTabs.map(((t,i)=>a("li",{class:{bottom:"bottom"===this.tabPlacement},onClick:()=>this.onTabClick(i),onMouseDown:()=>this.onTabMouseDown(i)},a("div",{class:{"tab-container":!0,selected:this.selectedIndex===i}},a("ix-icon",{name:t.icon}),t.count?a("span",{class:{count:!0,bottom:"bottom"===this.tabPlacement}},c(t.count)):"")))),a("div",{class:{"tab-active-underline":!0,bottom:"bottom"===this.tabPlacement},style:{"margin-left":`calc(${this.selectedIndex} * 5rem)`}})),a("div",{class:"content-container"},a("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{selectedIndex:["onTabSelectionChange"]}}};d.style=".sc-ix-animated-tabs-h{--animate-duration:300ms;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs{display:flex;padding:0;margin:0;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs{display:flex;justify-content:center;width:5rem;height:4.5rem;cursor:pointer;padding-top:0.625rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.bottom.sc-ix-animated-tabs{padding-top:0.875rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background);border:solid 1px var(--theme-animated-tab-circle--border-color);display:flex;align-items:center;justify-content:center;border-radius:6.25rem;width:3rem;height:3rem;position:relative;transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover{background:var(--theme-animated-tab-circle--background--hover);border-color:var(--theme-animated-tab-circle--border-color--hover)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--hover) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active{background:var(--theme-animated-tab-circle--background--active);border-color:var(--theme-animated-tab-circle--border-color--active)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--active) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background--selected);border-color:var(--theme-animated-tab-circle--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs .count.sc-ix-animated-tabs{border-color:var(--theme-tab-pill--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.disabled.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs,.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:disabled ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--disabled) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.sc-ix-animated-tabs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);display:flex;align-items:center;height:1rem;position:absolute;background-color:var(--theme-pill-outline--background);bottom:-0.55rem;border:1px solid var(--theme-tab-pill--border-color);border-radius:6.25rem;color:var(--theme-pill-outline--color);padding:0 0.25rem;background:var(--theme-color-1);transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.bottom.sc-ix-animated-tabs{top:-0.55rem}.sc-ix-animated-tabs-h .content-container.sc-ix-animated-tabs{display:flex;flex-direction:row;height:calc(100% - 4.5rem);width:100%;overflow-y:auto;overflow-x:hidden}.sc-ix-animated-tabs-h .tab-active-underline.sc-ix-animated-tabs{background-color:var(--theme-animated-tab-indicator--background--selected);height:0.125rem;width:5rem;margin-top:-0.125rem;transition:150ms;position:absolute;top:4.5rem}.sc-ix-animated-tabs-h .tab-active-underline.bottom.sc-ix-animated-tabs{top:0;margin-top:0}";export{r as ix_animated_tab,d as ix_animated_tabs}
1
+ import{r as t,h as a,H as i,c as e,g as s}from"./p-05c16b94.js";import{a as n}from"./p-810b5232.js";import{A as o}from"./p-bdd294d2.js";import{c}from"./p-c8cc3bb3.js";const r=class{constructor(a){t(this,a),this.icon=void 0,this.count=void 0}render(){return a(i,null,a("slot",null))}};r.style=".sc-ix-animated-tab-h{display:block;height:100%;width:100%;position:absolute}";const d=class{constructor(a){t(this,a),this.tabClick=e(this,"tabClick",7),this.easing="easeInOutSine",this.firstRender=!0,this.tabs=void 0,this.activeIndex=void 0,this.disableAnimations=!1,this.selectedIndex=0,this.tabPlacement="top"}onTabSelectionChange(t,a){this.updateTabAnimation(a,t)}onMouseDown(){this.activeIndex=void 0}get animatedTabs(){return Array.from(this.hostElement.querySelectorAll("ix-animated-tab"))}get tabsContainer(){return this.hostElement.querySelector(".tabs-container")}get contentContainer(){return this.hostElement.querySelector(".content-container")}componentWillLoad(){this.tabs=this.animatedTabs}componentDidLoad(){this.onTabSelectionChange(this.selectedIndex,-1),this.observer=new MutationObserver((()=>{this.tabs=this.animatedTabs})),this.observer.observe(this.contentContainer,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["count"]})}disconnectCallback(){var t;null===(t=this.observer)||void 0===t||t.disconnect()}isSelected(t){return this.tabs.indexOf(t)===this.selectedIndex}showTab(t){this.isSelected(t)&&t.classList.remove("d-none")}hideTab(t){this.isSelected(t)||t.classList.add("d-none")}slideOutLeft(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"-100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideOutRight(t){this.disableAnimations?this.hideTab(t):n({targets:t,duration:o.mediumTime,opacity:[1,0],translateX:[0,"100%"],easing:this.easing,complete:()=>{this.hideTab(t)}})}slideInLeft(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["-100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}slideInRight(t){if(this.firstRender)return t.classList.remove("d-none"),void(this.firstRender=!1);this.disableAnimations?this.showTab(t):n({targets:t,duration:o.mediumTime,opacity:[0,1],translateX:["100%",0],easing:this.easing,begin:()=>{this.showTab(t)}})}updateTabAnimation(t,a){var i;null===(i=this.tabs)||void 0===i||i.forEach(((i,e)=>{e===t?e<a?this.slideOutLeft(i):e>a&&this.slideOutRight(i):e===a?e<t?this.slideInLeft(i):e>t&&this.slideInRight(i):i.classList.add("d-none")}))}onTabClick(t){this.selectedIndex=t,this.tabClick.emit(t)}onTabMouseDown(t){this.activeIndex=t}render(){return a(i,{class:{"flex-column-reverse":"bottom"===this.tabPlacement}},a("ul",{class:"tabs-container"},this.animatedTabs.map(((t,i)=>a("li",{class:{bottom:"bottom"===this.tabPlacement},onClick:()=>this.onTabClick(i),onMouseDown:()=>this.onTabMouseDown(i)},a("div",{class:{"tab-container":!0,selected:this.selectedIndex===i}},a("ix-icon",{name:t.icon}),t.count?a("span",{class:{count:!0,bottom:"bottom"===this.tabPlacement}},c(t.count)):"")))),a("div",{class:{"tab-active-underline":!0,bottom:"bottom"===this.tabPlacement},style:{"margin-left":`calc(${this.selectedIndex} * 5rem)`}})),a("div",{class:"content-container"},a("slot",null)))}get hostElement(){return s(this)}static get watchers(){return{selectedIndex:["onTabSelectionChange"]}}};d.style=".sc-ix-animated-tabs-h{--animate-duration:300ms;display:flex;flex-direction:column;align-items:center;height:100%;width:100%;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs{display:flex;padding:0;margin:0;position:relative}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs{display:flex;justify-content:center;width:5rem;height:4.5rem;cursor:pointer;padding-top:0.625rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.bottom.sc-ix-animated-tabs{padding-top:0.875rem}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background);border:solid 1px var(--theme-animated-tab-circle--border-color);display:flex;align-items:center;justify-content:center;border-radius:6.25rem;width:3rem;height:3rem;position:relative;transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover{background:var(--theme-animated-tab-circle--background--hover);border-color:var(--theme-animated-tab-circle--border-color--hover)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):hover ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--hover) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active{background:var(--theme-animated-tab-circle--background--active);border-color:var(--theme-animated-tab-circle--border-color--active)}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):active ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--active) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs{background:var(--theme-animated-tab-circle--background--selected);border-color:var(--theme-animated-tab-circle--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.selected.sc-ix-animated-tabs .count.sc-ix-animated-tabs{border-color:var(--theme-tab-pill--border-color--selected) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.disabled.sc-ix-animated-tabs ix-icon.sc-ix-animated-tabs,.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:disabled ix-icon.sc-ix-animated-tabs{color:var(--theme-animated-tab-icon--color--disabled) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs:not(.disabled):not(:disabled):focus-visible{border-color:var(--theme-focus--border-color) !important}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.sc-ix-animated-tabs{-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale;font-family:Siemens Sans, sans-serif;font-size:0.75rem;font-weight:700;line-height:1em;color:var(--theme-color-std-text);display:flex;align-items:center;height:1rem;position:absolute;background-color:var(--theme-pill-outline--background);bottom:-0.55rem;border:1px solid var(--theme-tab-pill--border-color);border-radius:6.25rem;color:var(--theme-pill-outline--color);padding:0 0.25rem;background:var(--theme-color-1);transition:150ms}.sc-ix-animated-tabs-h ul.sc-ix-animated-tabs li.sc-ix-animated-tabs .tab-container.sc-ix-animated-tabs .count.bottom.sc-ix-animated-tabs{top:-0.55rem}.sc-ix-animated-tabs-h .content-container.sc-ix-animated-tabs{display:flex;flex-direction:row;height:calc(100% - 4.5rem);width:100%;overflow-y:auto;overflow-x:hidden}.sc-ix-animated-tabs-h .tab-active-underline.sc-ix-animated-tabs{background-color:var(--theme-animated-tab-indicator--background--selected);height:0.125rem;width:5rem;margin-top:-0.125rem;transition:150ms;position:absolute;top:4.5rem}.sc-ix-animated-tabs-h .tab-active-underline.bottom.sc-ix-animated-tabs{top:0;margin-top:0}";export{r as ix_animated_tab,d as ix_animated_tabs}
@@ -0,0 +1 @@
1
+ import{r as o,h as t,H as i}from"./p-05c16b94.js";const r=class{constructor(t){o(this,t),this.variant="Primary",this.outline=!1,this.ghost=!1,this.active=!1,this.disabled=!1,this.label="",this.icon=void 0,this.dropdownAnchor=void 0}getTriangle(){return t("div",{class:{triangle:!0,hide:""!==this.label,primary:"Primary"===this.variant,secondary:"Secondary"===this.variant,ghost:this.ghost,outline:this.outline,disabled:this.disabled}})}render(){return t(i,null,t("div",{class:"dropdown-button",ref:o=>{this.dropdownAnchor=o}},t("ix-button",{variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled,class:{hide:""===this.label}},t("ix-icon",{name:this.icon,size:"24",class:{hide:""===this.icon||void 0===this.icon}}),this.label,t("ix-icon",{name:"chevron-down-small",size:"24"})),t("ix-icon-button",{icon:this.icon,variant:this.variant,outline:this.outline,ghost:this.ghost,disabled:this.disabled,class:{hide:""!==this.label}}),this.getTriangle()),t("ix-dropdown",{class:"dropdown",trigger:this.dropdownAnchor,placement:"bottom",positioningStrategy:"fixed",adjustDropdownWidthToReferenceWidth:!0},t("slot",null)))}};r.style=".sc-ix-dropdown-button-h{display:inline-block;position:relative;height:2rem}.sc-ix-dropdown-button-h .dropdown-button.sc-ix-dropdown-button{position:relative}.sc-ix-dropdown-button-h .hide.sc-ix-dropdown-button{display:none}.sc-ix-dropdown-button-h .triangle.sc-ix-dropdown-button{position:absolute;-webkit-margin-start:1.5625rem;margin-inline-start:1.5625rem;-webkit-margin-before:-0.4375rem;margin-block-start:-0.4375rem;border-right:0 solid transparent;border-left:4px solid transparent;border-top:0 solid transparent;border-bottom:4px solid;color:var(--theme-btn-primary--color)}.sc-ix-dropdown-button-h .triangle.primary.ghost.sc-ix-dropdown-button{color:var(--theme-btn-invisible-primary--color)}.sc-ix-dropdown-button-h .triangle.primary.outline.sc-ix-dropdown-button{color:var(--theme-btn-outline-primary--color)}.sc-ix-dropdown-button-h .triangle.primary.ghost.disabled.sc-ix-dropdown-button{color:var(--theme-btn-invisible-primary--color--disabled)}.sc-ix-dropdown-button-h .triangle.primary.outline.disabled.sc-ix-dropdown-button{color:var(--theme-btn-outline-primary--color--disabled)}.sc-ix-dropdown-button-h .triangle.primary.disabled.sc-ix-dropdown-button{color:var(--theme-btn-primary--color--disabled)}.sc-ix-dropdown-button-h .triangle.secondary.ghost.sc-ix-dropdown-button{color:var(--theme-btn-invisible-secondary--color)}.sc-ix-dropdown-button-h .triangle.secondary.outline.sc-ix-dropdown-button{color:var(--theme-btn-outline-secondary--color)}.sc-ix-dropdown-button-h .triangle.secondary.ghost.disabled.sc-ix-dropdown-button{color:var(--theme-btn-invisible-secondary--color--disabled)}.sc-ix-dropdown-button-h .triangle.secondary.outline.disabled.sc-ix-dropdown-button{color:var(--theme-btn-outline-secondary--color--disabled)}.sc-ix-dropdown-button-h .triangle.secondary.disabled.sc-ix-dropdown-button{color:var(--theme-btn-secondary--color--disabled)}.sc-ix-dropdown-button-h .hide.sc-ix-dropdown-button{display:none}.sc-ix-dropdown-button-h .dropdown.sc-ix-dropdown-button{width:auto !important;inset:auto !important;transform:unset !important}";export{r as ix_dropdown_button}
@@ -1 +1 @@
1
- import{r as t,c as s,h as o,H as i,g as a}from"./p-5e4c3828.js";import{T as e}from"./p-4944ad0b.js";const r=class{constructor(o){t(this,o),this.closeToast=s(this,"closeToast",7),this.type="info",this.toastTitle=void 0,this.autoCloseDelay=5e3,this.autoClose=!0,this.icon=void 0,this.iconColor=void 0,this.progress=0,this.isRunning=!0,this.touched=!1}getIcon(){if(this.icon)return o("ix-icon",{name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return o("ix-icon",{name:"info",size:"24",color:"color-std-text"});case"error":return o("ix-icon",{name:"error",size:"24",color:"color-alarm"});case"success":return o("ix-icon",{name:"success",size:"24",color:"color-success"});case"warning":return o("ix-icon",{name:"warning",size:"24",color:"color-warning"});default:return""}}close(){this.host&&this.host.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t,s={};const a=["toast-progress-bar"];this.touched?a.push("toast-progress-bar--touched"):(s={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.isRunning?"running":"paused"},a.push("toast-progress-bar--animated"));const e=()=>{t&&(t.style.transform=`scaleX(${this.progress})`)};return o(i,{class:"animate__animated animate__fadeIn"},o("div",{class:"toast-body",onPointerLeave:()=>{this.progress=0,e()},onPointerEnter:()=>{this.isRunning=!1,this.touched=!0,this.progress=1,e()}},this.type||this.icon?o("div",{class:"toast-icon"},this.getIcon()):null,o("div",{class:"toast-content"},this.toastTitle?o("div",{class:"toast-title text-default-title-single"},this.toastTitle):null,o("div",{class:"toast-message text-default"},o("slot",null))),o("div",{class:"toast-close"},o("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.closeToast.emit()}))),this.autoClose?o("div",{class:a.join(" "),style:s,ref:s=>t=s,onAnimationEnd:()=>this.close(),onTransitionEnd:()=>{0===this.progress&&this.close()}}):null)}get host(){return a(this)}};r.style=".sc-ix-toast-h{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}.sc-ix-toast-h .toast-body.sc-ix-toast{display:flex;position:relative;width:100%;flex-grow:1}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-icon.sc-ix-toast{display:flex;align-items:flex-start;margin:1rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;max-width:10.25rem;margin-top:calc(\n 1rem + var(--theme-toast--border-thickness)\n );margin-bottom:0.75rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast .toast-message.sc-ix-toast{min-width:0}.sc-ix-toast-h .toast-close.sc-ix-toast{display:flex;position:relative;margin:0.75rem;pointer-events:all}.sc-ix-toast-h .toast-progress-bar.sc-ix-toast{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}.sc-ix-toast-h .toast-progress-bar--animated.sc-ix-toast{animation:trackProgress linear 1 forwards}.sc-ix-toast-h .toast-progress-bar--touched.sc-ix-toast{transition:transform 1s}.sc-ix-toast-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toast-h:not(.disabled):not(:disabled):hover .toast-progress-bar.sc-ix-toast{visibility:hidden;transition:none}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const n=class{constructor(s){t(this,s),this.containerId="toast-container",this.containerClass="toast-container",this.position="bottom-right"}get hostContainer(){return document.getElementById(this.containerId)}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId,t.classList.add(this.containerClass),t.classList.add(`toast-container--${this.position}`),document.body.appendChild(t)}}async showToast(t){const s=document.createElement("ix-toast"),o=new e;function i(t){s.remove(),o.emit(t)}return s.toastTitle=t.title,s.type=t.type,s.autoClose=t.autoClose,s.autoCloseDelay=t.autoCloseDelay,s.icon=t.icon,s.iconColor=t.iconColor,s.addEventListener("closeToast",(t=>{const{detail:s}=t;i(s)})),"string"==typeof t.message?s.innerText=t.message:s.appendChild(t.message),this.hostContainer.appendChild(s),{onClose:o,close:t=>{i(t)}}}render(){return o(i,null)}get host(){return a(this)}};export{r as ix_toast,n as ix_toast_container}
1
+ import{r as t,c as s,h as o,H as i,g as a}from"./p-05c16b94.js";import{T as e}from"./p-4944ad0b.js";const r=class{constructor(o){t(this,o),this.closeToast=s(this,"closeToast",7),this.type="info",this.toastTitle=void 0,this.autoCloseDelay=5e3,this.autoClose=!0,this.icon=void 0,this.iconColor=void 0,this.progress=0,this.isRunning=!0,this.touched=!1}getIcon(){if(this.icon)return o("ix-icon",{name:this.icon,color:this.iconColor,size:"24"});switch(this.type){case"info":return o("ix-icon",{name:"info",size:"24",color:"color-std-text"});case"error":return o("ix-icon",{name:"error",size:"24",color:"color-alarm"});case"success":return o("ix-icon",{name:"success",size:"24",color:"color-success"});case"warning":return o("ix-icon",{name:"warning",size:"24",color:"color-warning"});default:return""}}close(){this.host&&this.host.classList.add("animate__fadeOut"),setTimeout((()=>{this.closeToast.emit()}),250)}render(){let t,s={};const a=["toast-progress-bar"];this.touched?a.push("toast-progress-bar--touched"):(s={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.isRunning?"running":"paused"},a.push("toast-progress-bar--animated"));const e=()=>{t&&(t.style.transform=`scaleX(${this.progress})`)};return o(i,{class:"animate__animated animate__fadeIn"},o("div",{class:"toast-body",onPointerLeave:()=>{this.progress=0,e()},onPointerEnter:()=>{this.isRunning=!1,this.touched=!0,this.progress=1,e()}},this.type||this.icon?o("div",{class:"toast-icon"},this.getIcon()):null,o("div",{class:"toast-content"},this.toastTitle?o("div",{class:"toast-title text-default-title-single"},this.toastTitle):null,o("div",{class:"toast-message text-default"},o("slot",null))),o("div",{class:"toast-close"},o("ix-icon-button",{icon:"close",size:"24",ghost:!0,onClick:()=>this.closeToast.emit()}))),this.autoClose?o("div",{class:a.join(" "),style:s,ref:s=>t=s,onAnimationEnd:()=>this.close(),onTransitionEnd:()=>{0===this.progress&&this.close()}}):null)}get host(){return a(this)}};r.style=".sc-ix-toast-h{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius);box-shadow:var(--theme-toast--box-shadow);--animate-duration:300ms}.sc-ix-toast-h .toast-body.sc-ix-toast{display:flex;position:relative;width:100%;flex-grow:1}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-icon.sc-ix-toast{display:flex;align-items:flex-start;margin:1rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%;max-width:10.25rem;margin-top:calc(\n 1rem + var(--theme-toast--border-thickness)\n );margin-bottom:0.75rem}.sc-ix-toast-h .toast-body.sc-ix-toast .toast-content.sc-ix-toast .toast-message.sc-ix-toast{min-width:0}.sc-ix-toast-h .toast-close.sc-ix-toast{display:flex;position:relative;margin:0.75rem;pointer-events:all}.sc-ix-toast-h .toast-progress-bar.sc-ix-toast{position:absolute;bottom:0;height:0.25rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}.sc-ix-toast-h .toast-progress-bar--animated.sc-ix-toast{animation:trackProgress linear 1 forwards}.sc-ix-toast-h .toast-progress-bar--touched.sc-ix-toast{transition:transform 1s}.sc-ix-toast-h:not(.disabled):not(:disabled){cursor:pointer}.sc-ix-toast-h:not(.disabled):not(:disabled):hover .toast-progress-bar.sc-ix-toast{visibility:hidden;transition:none}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const n=class{constructor(s){t(this,s),this.containerId="toast-container",this.containerClass="toast-container",this.position="bottom-right"}get hostContainer(){return document.getElementById(this.containerId)}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId,t.classList.add(this.containerClass),t.classList.add(`toast-container--${this.position}`),document.body.appendChild(t)}}async showToast(t){const s=document.createElement("ix-toast"),o=new e;function i(t){s.remove(),o.emit(t)}return s.toastTitle=t.title,s.type=t.type,s.autoClose=t.autoClose,s.autoCloseDelay=t.autoCloseDelay,s.icon=t.icon,s.iconColor=t.iconColor,s.addEventListener("closeToast",(t=>{const{detail:s}=t;i(s)})),"string"==typeof t.message?s.innerText=t.message:s.appendChild(t.message),this.hostContainer.appendChild(s),{onClose:o,close:t=>{i(t)}}}render(){return o(i,null)}get host(){return a(this)}};export{r as ix_toast,n as ix_toast_container}
@@ -0,0 +1 @@
1
+ import{r as t,h as i,H as s}from"./p-05c16b94.js";import{g as o}from"./p-b12006c6.js";const n=class{constructor(i){t(this,i),this.variant="Secondary",this.outline=void 0,this.invisible=void 0,this.ghost=void 0,this.oval=void 0,this.icon=void 0,this.size="24",this.color=void 0,this.selected=!1,this.disabled=!1,this.type="button"}getIconButtonClasses(){return Object.assign(Object.assign({},o(this.variant,this.outline,this.ghost||this.invisible,!0,this.oval,this.selected,this.disabled)),{"icon-button":!0,"btn-icon-12":"12"===this.size,"btn-icon-16":"16"===this.size,"btn-icon-32":"32"===this.size||"24"===this.size||!this.size})}render(){return i(s,{class:{disabled:this.disabled}},i("button",{class:this.getIconButtonClasses(),type:this.type},i("ix-icon",{size:this.size,name:this.icon,color:this.color}),i("div",{style:{display:"none"}},i("slot",null))))}};n.style=".disabled.sc-ix-icon-button-h{pointer-events:none}.sc-ix-icon-button-h .icon-button.sc-ix-icon-button{padding:0;overflow:hidden}";export{n as ix_icon_button}
@@ -1 +1 @@
1
- import{r,h as e,H as a,g as d}from"./p-5e4c3828.js";const t=class{constructor(e){r(this,e),this.individual=!0,this.corners="rounded"}cardClasses(){return{card:!0,individual:this.individual,left:"left"===this.corners,right:"right"===this.corners}}render(){return e(a,null,e("div",{class:this.cardClasses()},e("div",{class:"header"},e("slot",{name:"header"})),e("div",{class:"separator"}),e("div",{class:"content"},e("slot",null))))}get hostElement(){return d(this)}};t.style=".card.sc-ix-date-time-card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset}.card.individual.sc-ix-date-time-card{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0px rgba(0, 0, 0, 0.1);border:1px solid var(--theme-menu--border-color);border-radius:4px}.card.left.sc-ix-date-time-card{border-radius:4px 0 0 4px;height:100%}.card.right.sc-ix-date-time-card{border-radius:0 4px 4px 0;height:100%}.card.sc-ix-date-time-card .header.sc-ix-date-time-card{padding:1rem}.card.sc-ix-date-time-card .separator.sc-ix-date-time-card{border:1px solid var(--theme-datepicker-separator--background);width:100%}.card.sc-ix-date-time-card .content.sc-ix-date-time-card{height:100%;padding:0px 1rem 1rem 1rem}";export{t as ix_date_time_card}
1
+ import{r,h as e,H as a,g as d}from"./p-05c16b94.js";const t=class{constructor(e){r(this,e),this.individual=!0,this.corners="rounded"}cardClasses(){return{card:!0,individual:this.individual,left:"left"===this.corners,right:"right"===this.corners}}render(){return e(a,null,e("div",{class:this.cardClasses()},e("div",{class:"header"},e("slot",{name:"header"})),e("div",{class:"separator"}),e("div",{class:"content"},e("slot",null))))}get hostElement(){return d(this)}};t.style=".card.sc-ix-date-time-card{background-color:var(--theme-menu--background);width:100%;box-shadow:none;border:none;border-radius:unset}.card.individual.sc-ix-date-time-card{box-shadow:0 0 2px 0 rgba(0, 0, 0, 0.1), 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 12px 18px 0px rgba(0, 0, 0, 0.1);border:1px solid var(--theme-menu--border-color);border-radius:4px}.card.left.sc-ix-date-time-card{border-radius:4px 0 0 4px;height:100%}.card.right.sc-ix-date-time-card{border-radius:0 4px 4px 0;height:100%}.card.sc-ix-date-time-card .header.sc-ix-date-time-card{padding:1rem}.card.sc-ix-date-time-card .separator.sc-ix-date-time-card{border:1px solid var(--theme-datepicker-separator--background);width:100%}.card.sc-ix-date-time-card .content.sc-ix-date-time-card{height:100%;padding:0px 1rem 1rem 1rem}";export{t as ix_date_time_card}
@@ -1 +1 @@
1
- import{r as e,h as o,H as t,g as i}from"./p-5e4c3828.js";const r=class{constructor(o){e(this,o),this.name=void 0}componentDidLoad(){this.attachSiemensLogoIfLoaded()}async attachSiemensLogoIfLoaded(){await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");this.host.querySelector('[slot="logo"]')||this.host.shadowRoot.querySelector(".logo").appendChild(e)}render(){return o(t,null,o("div",{class:"logo"},o("slot",{name:"logo"})),o("div",{class:"name"},this.name),o("slot",null))}get host(){return i(this)}};r.style=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem}";export{r as ix_application_header}
1
+ import{r as e,h as o,H as t,g as i}from"./p-05c16b94.js";const r=class{constructor(o){e(this,o),this.name=void 0}componentDidLoad(){this.attachSiemensLogoIfLoaded()}async attachSiemensLogoIfLoaded(){await window.customElements.whenDefined("ix-siemens-logo");const e=document.createElement("ix-siemens-logo");this.host.querySelector('[slot="logo"]')||this.host.shadowRoot.querySelector(".logo").appendChild(e)}render(){return o(t,null,o("div",{class:"logo"},o("slot",{name:"logo"})),o("div",{class:"name"},this.name),o("slot",null))}get host(){return i(this)}};r.style=":host{display:flex;align-items:center;position:relative;width:100%;height:2.75rem;padding-left:1rem;color:var(--theme-app-header-logo--color);background-color:var(--theme-app-header--background);border-bottom:var(--theme-app-header--border-width) solid var(--theme-app-header--border-color)}:host .name{margin-left:2.5rem;margin-right:2.5rem}:host .logo{display:inline-flex;align-items:center;position:relative;height:32px;overflow:hidden;line-height:0rem}";export{r as ix_application_header}