@siemens/ix 0.0.0-pr-2297-20251204163058 → 0.0.0-pr-2300-20260107140403

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 (190) hide show
  1. package/READMEOSS.html +1 -1
  2. package/components/index.js +1 -1
  3. package/components/index.js.map +1 -1
  4. package/components/ix-action-card.js +8 -3
  5. package/components/ix-action-card.js.map +1 -1
  6. package/components/ix-application.js +1 -1
  7. package/components/ix-breadcrumb.js +1 -1
  8. package/components/ix-card-list.js +1 -1
  9. package/components/ix-card.js +1 -1
  10. package/components/ix-date-dropdown.js +1 -1
  11. package/components/ix-dropdown-button.js +8 -4
  12. package/components/ix-dropdown-button.js.map +1 -1
  13. package/components/ix-dropdown-item.js +1 -1
  14. package/components/ix-menu-avatar-item.js +1 -1
  15. package/components/ix-menu-avatar.js +2 -2
  16. package/components/ix-menu-category.js +1 -1
  17. package/components/ix-menu.js +21 -13
  18. package/components/ix-menu.js.map +1 -1
  19. package/components/ix-message-bar.js +1 -1
  20. package/components/ix-message-bar.js.map +1 -1
  21. package/components/ix-pagination.js +3 -3
  22. package/components/ix-pane-layout.js +2 -1
  23. package/components/ix-pane-layout.js.map +1 -1
  24. package/components/ix-push-card.js +8 -3
  25. package/components/ix-push-card.js.map +1 -1
  26. package/components/ix-select-item.js +1 -1
  27. package/components/ix-select.js +1 -1
  28. package/components/ix-toast-container.js +5 -4
  29. package/components/ix-toast-container.js.map +1 -1
  30. package/components/ix-toast.js +1 -1
  31. package/components/{p-Dy6xvLn4.js → p-BCLcSQh4.js} +3 -3
  32. package/components/{p-Dy6xvLn4.js.map → p-BCLcSQh4.js.map} +1 -1
  33. package/components/{p-BOQ00Fbs.js → p-Ce5NQ5Zo.js} +4 -4
  34. package/components/{p-BOQ00Fbs.js.map → p-Ce5NQ5Zo.js.map} +1 -1
  35. package/components/{p-BLeWaHpy.js → p-DYCKIBUp.js} +12 -6
  36. package/components/p-DYCKIBUp.js.map +1 -0
  37. package/components/{p-Bk0vKwmt.js → p-DmhyoH-k.js} +3 -3
  38. package/components/{p-Bk0vKwmt.js.map → p-DmhyoH-k.js.map} +1 -1
  39. package/components/{p-CsHYWHE6.js → p-G5i1Siog.js} +15 -5
  40. package/components/p-G5i1Siog.js.map +1 -0
  41. package/components/{p-hwPzPVf8.js → p-rFxiFp44.js} +12 -6
  42. package/components/p-rFxiFp44.js.map +1 -0
  43. package/components/{p-DlVaL0Yi.js → p-tpxSImkl.js} +9 -4
  44. package/components/p-tpxSImkl.js.map +1 -0
  45. package/dist/cjs/index.cjs.js +1 -1
  46. package/dist/cjs/index.cjs.js.map +1 -1
  47. package/dist/cjs/ix-action-card.cjs.entry.js +5 -1
  48. package/dist/cjs/ix-action-card.entry.cjs.js.map +1 -1
  49. package/dist/cjs/ix-application.cjs.entry.js +1 -1
  50. package/dist/cjs/ix-card.ix-card-content.entry.cjs.js.map +1 -1
  51. package/dist/cjs/ix-card_2.cjs.entry.js +8 -3
  52. package/dist/cjs/ix-dropdown-button.cjs.entry.js +7 -3
  53. package/dist/cjs/ix-dropdown-button.entry.cjs.js.map +1 -1
  54. package/dist/cjs/ix-dropdown-item.cjs.entry.js +9 -3
  55. package/dist/cjs/ix-dropdown-item.entry.cjs.js.map +1 -1
  56. package/dist/cjs/ix-menu.cjs.entry.js +20 -13
  57. package/dist/cjs/ix-menu.entry.cjs.js.map +1 -1
  58. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  59. package/dist/cjs/ix-message-bar.entry.cjs.js.map +1 -1
  60. package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -1
  61. package/dist/cjs/ix-pane-layout.entry.cjs.js.map +1 -1
  62. package/dist/cjs/ix-push-card.cjs.entry.js +5 -1
  63. package/dist/cjs/ix-push-card.entry.cjs.js.map +1 -1
  64. package/dist/cjs/ix-toast-container.cjs.entry.js +4 -3
  65. package/dist/cjs/ix-toast-container.entry.cjs.js.map +1 -1
  66. package/dist/cjs/ix-toast.cjs.entry.js +6 -2
  67. package/dist/cjs/ix-toast.entry.cjs.js.map +1 -1
  68. package/dist/cjs/loader.cjs.js +1 -1
  69. package/dist/cjs/siemens-ix.cjs.js +1 -1
  70. package/dist/cjs/{theme-switcher-76Td30il.js → theme-switcher-BCyZa6wG.js} +15 -5
  71. package/dist/cjs/theme-switcher-BCyZa6wG.js.map +1 -0
  72. package/dist/collection/components/action-card/action-card.js +25 -1
  73. package/dist/collection/components/action-card/action-card.js.map +1 -1
  74. package/dist/collection/components/card/card.css +49 -0
  75. package/dist/collection/components/card/card.js +27 -2
  76. package/dist/collection/components/card/card.js.map +1 -1
  77. package/dist/collection/components/dropdown-button/dropdown-button.js +8 -4
  78. package/dist/collection/components/dropdown-button/dropdown-button.js.map +1 -1
  79. package/dist/collection/components/dropdown-item/dropdown-item.js +10 -4
  80. package/dist/collection/components/dropdown-item/dropdown-item.js.map +1 -1
  81. package/dist/collection/components/menu/menu.js +21 -12
  82. package/dist/collection/components/menu/menu.js.map +1 -1
  83. package/dist/collection/components/message-bar/message-bar.css +0 -11
  84. package/dist/collection/components/pane-layout/pane-layout.js +2 -1
  85. package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
  86. package/dist/collection/components/push-card/push-card.js +25 -1
  87. package/dist/collection/components/push-card/push-card.js.map +1 -1
  88. package/dist/collection/components/toast/toast-container.js +4 -3
  89. package/dist/collection/components/toast/toast-container.js.map +1 -1
  90. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  91. package/dist/collection/components/toast/toast.js +26 -2
  92. package/dist/collection/components/toast/toast.js.map +1 -1
  93. package/dist/collection/components/utils/theme-switcher.js +13 -3
  94. package/dist/collection/components/utils/theme-switcher.js.map +1 -1
  95. package/dist/esm/index.js +1 -1
  96. package/dist/esm/index.js.map +1 -1
  97. package/dist/esm/ix-action-card.entry.js +5 -1
  98. package/dist/esm/ix-action-card.entry.js.map +1 -1
  99. package/dist/esm/ix-application.entry.js +1 -1
  100. package/dist/esm/ix-card.ix-card-content.entry.js.map +1 -1
  101. package/dist/esm/ix-card_2.entry.js +8 -3
  102. package/dist/esm/ix-dropdown-button.entry.js +7 -3
  103. package/dist/esm/ix-dropdown-button.entry.js.map +1 -1
  104. package/dist/esm/ix-dropdown-item.entry.js +9 -3
  105. package/dist/esm/ix-dropdown-item.entry.js.map +1 -1
  106. package/dist/esm/ix-menu.entry.js +20 -13
  107. package/dist/esm/ix-menu.entry.js.map +1 -1
  108. package/dist/esm/ix-message-bar.entry.js +1 -1
  109. package/dist/esm/ix-message-bar.entry.js.map +1 -1
  110. package/dist/esm/ix-pane-layout.entry.js +2 -1
  111. package/dist/esm/ix-pane-layout.entry.js.map +1 -1
  112. package/dist/esm/ix-push-card.entry.js +5 -1
  113. package/dist/esm/ix-push-card.entry.js.map +1 -1
  114. package/dist/esm/ix-toast-container.entry.js +4 -3
  115. package/dist/esm/ix-toast-container.entry.js.map +1 -1
  116. package/dist/esm/ix-toast.entry.js +6 -2
  117. package/dist/esm/ix-toast.entry.js.map +1 -1
  118. package/dist/esm/loader.js +1 -1
  119. package/dist/esm/siemens-ix.js +1 -1
  120. package/dist/esm/{theme-switcher-DRqJGlG2.js → theme-switcher-EbjilqRl.js} +15 -5
  121. package/dist/esm/theme-switcher-EbjilqRl.js.map +1 -0
  122. package/dist/siemens-ix/index.esm.js +1 -1
  123. package/dist/siemens-ix/index.esm.js.map +1 -1
  124. package/dist/siemens-ix/ix-action-card.entry.esm.js.map +1 -1
  125. package/dist/siemens-ix/ix-card.ix-card-content.entry.esm.js.map +1 -1
  126. package/dist/siemens-ix/ix-dropdown-button.entry.esm.js.map +1 -1
  127. package/dist/siemens-ix/ix-dropdown-item.entry.esm.js.map +1 -1
  128. package/dist/siemens-ix/ix-menu.entry.esm.js.map +1 -1
  129. package/dist/siemens-ix/ix-message-bar.entry.esm.js.map +1 -1
  130. package/dist/siemens-ix/ix-pane-layout.entry.esm.js.map +1 -1
  131. package/dist/siemens-ix/ix-push-card.entry.esm.js.map +1 -1
  132. package/dist/siemens-ix/ix-toast-container.entry.esm.js.map +1 -1
  133. package/dist/siemens-ix/ix-toast.entry.esm.js.map +1 -1
  134. package/dist/siemens-ix/p-0063d077.entry.js +2 -0
  135. package/dist/siemens-ix/p-0063d077.entry.js.map +1 -0
  136. package/dist/siemens-ix/{p-6dc6eb63.entry.js → p-01e16377.entry.js} +2 -2
  137. package/dist/siemens-ix/{p-6dc6eb63.entry.js.map → p-01e16377.entry.js.map} +1 -1
  138. package/dist/siemens-ix/p-2e1bb4bf.entry.js +2 -0
  139. package/dist/siemens-ix/p-2e1bb4bf.entry.js.map +1 -0
  140. package/dist/siemens-ix/p-3c297dc0.entry.js +2 -0
  141. package/dist/siemens-ix/p-3c297dc0.entry.js.map +1 -0
  142. package/dist/siemens-ix/p-3ca8fd00.entry.js +2 -0
  143. package/dist/siemens-ix/p-3ca8fd00.entry.js.map +1 -0
  144. package/dist/siemens-ix/{p-367df024.entry.js → p-84178b22.entry.js} +2 -2
  145. package/dist/siemens-ix/p-84178b22.entry.js.map +1 -0
  146. package/dist/siemens-ix/p-944a39a6.entry.js +2 -0
  147. package/dist/siemens-ix/p-944a39a6.entry.js.map +1 -0
  148. package/dist/siemens-ix/{p-b76df1c7.entry.js → p-9f7d9525.entry.js} +2 -2
  149. package/dist/siemens-ix/p-9f7d9525.entry.js.map +1 -0
  150. package/dist/siemens-ix/p-G5i1Siog.js +2 -0
  151. package/dist/siemens-ix/p-G5i1Siog.js.map +1 -0
  152. package/dist/siemens-ix/{p-8f17f6ec.entry.js → p-ec9dc8d8.entry.js} +2 -2
  153. package/dist/siemens-ix/p-ec9dc8d8.entry.js.map +1 -0
  154. package/dist/siemens-ix/{p-35d6b656.entry.js → p-f5dd421a.entry.js} +2 -2
  155. package/dist/siemens-ix/{p-b8f4b001.entry.js → p-f5f9940c.entry.js} +2 -2
  156. package/dist/siemens-ix/p-f5f9940c.entry.js.map +1 -0
  157. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  158. package/dist/types/components/action-card/action-card.d.ts +4 -0
  159. package/dist/types/components/card/card.d.ts +4 -0
  160. package/dist/types/components/menu/menu.d.ts +1 -0
  161. package/dist/types/components/push-card/push-card.d.ts +4 -0
  162. package/dist/types/components/toast/toast-utils.d.ts +4 -0
  163. package/dist/types/components/toast/toast.d.ts +4 -0
  164. package/dist/types/components.d.ts +40 -0
  165. package/hydrate/index.js +88 -40
  166. package/hydrate/index.mjs +88 -40
  167. package/package.json +1 -1
  168. package/components/p-BLeWaHpy.js.map +0 -1
  169. package/components/p-CsHYWHE6.js.map +0 -1
  170. package/components/p-DlVaL0Yi.js.map +0 -1
  171. package/components/p-hwPzPVf8.js.map +0 -1
  172. package/dist/cjs/theme-switcher-76Td30il.js.map +0 -1
  173. package/dist/esm/theme-switcher-DRqJGlG2.js.map +0 -1
  174. package/dist/siemens-ix/p-0d621531.entry.js +0 -2
  175. package/dist/siemens-ix/p-0d621531.entry.js.map +0 -1
  176. package/dist/siemens-ix/p-2597a988.entry.js +0 -2
  177. package/dist/siemens-ix/p-2597a988.entry.js.map +0 -1
  178. package/dist/siemens-ix/p-33fcea65.entry.js +0 -2
  179. package/dist/siemens-ix/p-33fcea65.entry.js.map +0 -1
  180. package/dist/siemens-ix/p-367df024.entry.js.map +0 -1
  181. package/dist/siemens-ix/p-37bd983a.entry.js +0 -2
  182. package/dist/siemens-ix/p-37bd983a.entry.js.map +0 -1
  183. package/dist/siemens-ix/p-8f17f6ec.entry.js.map +0 -1
  184. package/dist/siemens-ix/p-CsHYWHE6.js +0 -2
  185. package/dist/siemens-ix/p-CsHYWHE6.js.map +0 -1
  186. package/dist/siemens-ix/p-b76df1c7.entry.js.map +0 -1
  187. package/dist/siemens-ix/p-b8f4b001.entry.js.map +0 -1
  188. package/dist/siemens-ix/p-c1160cf8.entry.js +0 -2
  189. package/dist/siemens-ix/p-c1160cf8.entry.js.map +0 -1
  190. /package/dist/siemens-ix/{p-35d6b656.entry.js.map → p-f5dd421a.entry.js.map} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ix-pane-layout.entry.esm.js","sources":["src/components/pane-layout/pane-layout.scss?tag=ix-pane-layout&encapsulation=shadow","src/components/pane-layout/pane-layout.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/hover';\n@use 'mixins/shadow-dom/component';\n\n@mixin set-padding($composition) {\n @if $composition {\n padding-#{$composition}: 2.5rem;\n }\n}\n\n@mixin set-absolute($composition) {\n @if $composition {\n position: absolute;\n #{$composition}: 0;\n }\n}\n\n:host {\n display: flex;\n position: relative;\n width: 100%;\n height: 100%;\n\n @include component.ix-component;\n\n .side-panes-wrapper {\n height: 100%;\n width: 100%;\n }\n\n .row {\n height: 100%;\n width: 100%;\n overflow: hidden;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n position: relative;\n }\n\n .col {\n height: 100%;\n width: 100%;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n }\n\n .content {\n width: 100%;\n height: 100%;\n overflow: auto;\n }\n\n .absolute-top {\n width: 100%;\n @include set-absolute(top);\n }\n\n .absolute-bottom {\n width: 100%;\n @include set-absolute(bottom);\n }\n\n .absolute-left {\n height: 100%;\n @include set-absolute(left);\n }\n\n .absolute-right {\n height: 100%;\n @include set-absolute(right);\n }\n\n .padding-top {\n @include set-padding(top);\n }\n\n .padding-bottom {\n @include set-padding(bottom);\n }\n\n .padding-left {\n @include set-padding(left);\n }\n\n .padding-right {\n @include set-padding(right);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport type { Composition } from '../pane/pane.types';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\n\n@Component({\n tag: 'ix-pane-layout',\n styleUrl: 'pane-layout.scss',\n shadow: true,\n})\nexport class Panes {\n @Element() hostElement!: HTMLIxPaneLayoutElement;\n\n /**\n * Choose the layout of the panes.\n * When set to 'full-vertical' the vertical panes (left, right) will get the full height.\n * When set to 'full-horizontal' the horizontal panes (top, bottom) will get the full width.\n */\n @Prop() layout: 'full-vertical' | 'full-horizontal' = 'full-vertical';\n\n /**\n * Set the default variant for all panes in the layout\n */\n @Prop() variant: 'floating' | 'inline' = 'inline';\n\n /**\n * Set the default border state for all panes in the layout\n */\n @Prop() borderless: boolean = false;\n\n @State() private isMobile = false;\n @State() private paneElements = 0;\n\n private panes: Array<{\n slot: string;\n hideOnCollapse: boolean;\n floating: boolean;\n }> = [];\n\n private observer?: MutationObserver;\n\n get currentPanes() {\n return this.hostElement.querySelectorAll('ix-pane');\n }\n\n componentWillLoad() {\n this.paneElements = this.currentPanes.length;\n\n this.observer = new MutationObserver((mutations) => {\n if (mutations[0].addedNodes.item(0)?.nodeName === 'IX-PANE') {\n this.paneElements += 1;\n } else if (mutations[0].removedNodes.item(0)?.nodeName === 'IX-PANE') {\n this.paneElements -= 1;\n }\n });\n this.observer.observe(this.hostElement, {\n childList: true,\n });\n\n this.isMobile = matchBreakpoint('sm');\n applicationLayoutService.onChange.on(() => {\n this.isMobile = matchBreakpoint('sm');\n });\n }\n\n componentDidLoad() {\n this.setPanes(this.currentPanes);\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n }\n\n private setPaneVariant(pane: HTMLIxPaneElement) {\n if (!pane.ignoreLayoutSettings) {\n pane.variant = this.variant;\n }\n }\n\n private setPaneBorder(pane: HTMLIxPaneElement) {\n if (!pane.ignoreLayoutSettings) {\n if (this.borderless) {\n pane.borderless = true;\n } else {\n const hasVisibleLeftPane = !!this.panes.find(\n (pane) => pane.slot === 'left' && !pane.hideOnCollapse\n );\n if (\n pane.variant === 'floating' &&\n this.layout === 'full-vertical' &&\n hasVisibleLeftPane &&\n (pane.composition === 'top' || pane.composition === 'bottom')\n ) {\n pane.borderless = true;\n } else {\n pane.borderless = false;\n }\n }\n }\n }\n\n private setPaneZIndex(pane: HTMLIxPaneElement) {\n const isTop = pane.slot === 'top';\n const isBottom = pane.slot === 'bottom';\n const isLeft = pane.slot === 'left';\n const isRight = pane.slot === 'right';\n\n let zIndex = 1;\n if (this.isMobile) {\n if (isBottom || isTop) {\n zIndex = 3;\n }\n } else {\n if (this.layout === 'full-vertical') {\n if (isLeft || isRight) {\n zIndex = 3;\n }\n } else {\n if (isBottom || isTop) {\n zIndex = 3;\n }\n }\n }\n pane.style.zIndex = zIndex.toString();\n }\n\n private setPanes(panes: NodeListOf<HTMLIxPaneElement>) {\n this.panes = [];\n panes.forEach((pane) => {\n this.panes.push({\n slot: pane.slot,\n hideOnCollapse: pane.hideOnCollapse,\n floating: pane.variant === 'floating',\n });\n });\n }\n\n private closeFloatingPanes() {\n this.currentPanes.forEach((pane) => {\n if (pane.expanded && pane.variant === 'floating') {\n pane.expanded = false;\n }\n });\n }\n\n private configurePanes() {\n let topCount = 0;\n let bottomCount = 0;\n let leftCount = 0;\n let rightCount = 0;\n\n this.currentPanes.forEach((pane) => {\n const isTop = pane.slot === 'top';\n const isBottom = pane.slot === 'bottom';\n const isLeft = pane.slot === 'left';\n const isRight = pane.slot === 'right';\n\n if (isLeft) {\n if (leftCount) {\n pane.slot = '';\n return;\n }\n leftCount++;\n } else if (isRight) {\n if (rightCount) {\n pane.slot = '';\n return;\n }\n rightCount++;\n } else if (isTop) {\n if (topCount) {\n pane.slot = '';\n return;\n }\n topCount++;\n } else if (isBottom) {\n if (bottomCount) {\n pane.slot = '';\n return;\n }\n bottomCount++;\n } else {\n pane.slot = '';\n return;\n }\n\n this.setPaneVariant(pane);\n this.setPaneBorder(pane);\n this.setPaneZIndex(pane);\n });\n\n this.setPanes(this.currentPanes);\n forceUpdate(this.hostElement);\n }\n\n @Listen('slotChanged')\n onSlotChanged() {\n this.configurePanes();\n }\n\n @Listen('hideOnCollapseChanged')\n onCollapsibleChanged(event: CustomEvent) {\n const { slot, hideOnCollapse } = event.detail;\n\n this.panes.forEach((currentSlot) => {\n if (currentSlot.slot === slot) {\n currentSlot.hideOnCollapse = hideOnCollapse;\n }\n });\n\n forceUpdate(this.hostElement);\n }\n\n @Listen('variantChanged')\n onVariantChanged(event: CustomEvent) {\n const { slot, variant } = event.detail;\n\n this.panes.forEach((currentSlot) => {\n if (currentSlot.slot === slot) {\n currentSlot.floating = variant === 'floating';\n }\n });\n\n forceUpdate(this.hostElement);\n }\n\n @Watch('paneElements')\n onPaneElementsChange() {\n this.configurePanes();\n }\n\n @Watch('variant')\n onVariableChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneVariant(pane);\n this.setPaneBorder(pane);\n });\n\n this.setPanes(this.currentPanes);\n forceUpdate(this.hostElement);\n }\n\n @Watch('borderless')\n onBorderChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneBorder(pane);\n });\n }\n\n @Watch('layout')\n onLayoutChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneBorder(pane);\n this.setPaneZIndex(pane);\n });\n }\n\n @Watch('isMobile')\n onMobileChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneZIndex(pane);\n });\n }\n\n private hasPadding(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return pane ? !pane.hideOnCollapse && pane.floating : false;\n }\n\n private hasPaddingMobile(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return pane && !pane.hideOnCollapse;\n }\n\n private slotExists(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return !!pane;\n }\n\n private isFloating(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return pane ? pane.floating : false;\n }\n\n render() {\n return (\n <Host>\n {!this.isMobile ? (\n this.layout == 'full-vertical' ? (\n <div class=\"side-panes-wrapper\">\n <div\n class={{\n row: true,\n 'padding-left': this.hasPadding('left'),\n 'padding-right': this.hasPadding('right'),\n }}\n >\n <div\n key=\"left\"\n class={{ 'absolute-left': this.isFloating('left') }}\n >\n <slot name=\"left\"></slot>\n </div>\n <div\n class={{\n col: true,\n 'padding-top': this.hasPadding('top'),\n 'padding-bottom': this.hasPadding('bottom'),\n }}\n >\n <div\n key=\"top\"\n class={{ 'absolute-top': this.isFloating('top') }}\n >\n <slot name=\"top\"></slot>\n </div>\n <div\n key=\"content\"\n class=\"content\"\n onClick={() => this.closeFloatingPanes()}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n </div>\n <div\n key=\"bottom\"\n class={{ 'absolute-bottom': this.isFloating('bottom') }}\n >\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n <div\n key=\"right\"\n class={{ 'absolute-right': this.isFloating('right') }}\n >\n <slot name=\"right\"></slot>\n </div>\n </div>\n </div>\n ) : (\n <div class=\"side-panes-wrapper\">\n <div\n class={{\n col: true,\n 'padding-top': this.hasPadding('top'),\n 'padding-bottom': this.hasPadding('bottom'),\n }}\n >\n <div\n key=\"top\"\n class={{ 'absolute-top': this.isFloating('top') }}\n >\n <slot name=\"top\"></slot>\n </div>\n <div\n class={{\n row: true,\n 'padding-left': this.hasPadding('left'),\n 'padding-right': this.hasPadding('right'),\n }}\n >\n <div\n key=\"left\"\n class={{ 'absolute-left': this.isFloating('left') }}\n >\n <slot name=\"left\"></slot>\n </div>\n <div\n key=\"content\"\n class=\"content\"\n onClick={() => this.closeFloatingPanes()}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n </div>\n <div\n key=\"right\"\n class={{ 'absolute-right': this.isFloating('right') }}\n >\n <slot name=\"right\"></slot>\n </div>\n </div>\n <div\n key=\"bottom\"\n class={{ 'absolute-bottom': this.isFloating('bottom') }}\n >\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n </div>\n )\n ) : (\n <div class=\"col\">\n <div\n key=\"top\"\n style={{\n minHeight: this.hasPaddingMobile('top') ? '48px' : '0',\n display: this.slotExists('top') ? 'block' : 'none',\n }}\n >\n <slot name=\"top\"></slot>\n </div>\n <div\n key=\"left\"\n style={{\n minHeight: this.hasPaddingMobile('left') ? '48px' : '0',\n display: this.slotExists('left') ? 'block' : 'none',\n }}\n >\n <slot name=\"left\"></slot>\n </div>\n <div\n key=\"content\"\n class=\"content\"\n onClick={() => this.closeFloatingPanes()}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n </div>\n <div\n key=\"right\"\n style={{\n minHeight: this.hasPaddingMobile('right') ? '48px' : '0',\n display: this.slotExists('right') ? 'block' : 'none',\n }}\n >\n <slot name=\"right\"></slot>\n </div>\n <div\n key=\"bottom\"\n style={{\n minHeight: this.hasPaddingMobile('bottom') ? '48px' : '0',\n display: this.slotExists('bottom') ? 'block' : 'none',\n }}\n >\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ix-pane-layout.entry.esm.js","sources":["src/components/pane-layout/pane-layout.scss?tag=ix-pane-layout&encapsulation=shadow","src/components/pane-layout/pane-layout.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use 'mixins/hover';\n@use 'mixins/shadow-dom/component';\n\n@mixin set-padding($composition) {\n @if $composition {\n padding-#{$composition}: 2.5rem;\n }\n}\n\n@mixin set-absolute($composition) {\n @if $composition {\n position: absolute;\n #{$composition}: 0;\n }\n}\n\n:host {\n display: flex;\n position: relative;\n width: 100%;\n height: 100%;\n\n @include component.ix-component;\n\n .side-panes-wrapper {\n height: 100%;\n width: 100%;\n }\n\n .row {\n height: 100%;\n width: 100%;\n overflow: hidden;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n position: relative;\n }\n\n .col {\n height: 100%;\n width: 100%;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n }\n\n .content {\n width: 100%;\n height: 100%;\n overflow: auto;\n }\n\n .absolute-top {\n width: 100%;\n @include set-absolute(top);\n }\n\n .absolute-bottom {\n width: 100%;\n @include set-absolute(bottom);\n }\n\n .absolute-left {\n height: 100%;\n @include set-absolute(left);\n }\n\n .absolute-right {\n height: 100%;\n @include set-absolute(right);\n }\n\n .padding-top {\n @include set-padding(top);\n }\n\n .padding-bottom {\n @include set-padding(bottom);\n }\n\n .padding-left {\n @include set-padding(left);\n }\n\n .padding-right {\n @include set-padding(right);\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Listen,\n Prop,\n State,\n Watch,\n} from '@stencil/core';\nimport type { Composition } from '../pane/pane.types';\nimport { applicationLayoutService } from '../utils/application-layout';\nimport { matchBreakpoint } from '../utils/breakpoints';\n\n@Component({\n tag: 'ix-pane-layout',\n styleUrl: 'pane-layout.scss',\n shadow: true,\n})\nexport class Panes {\n @Element() hostElement!: HTMLIxPaneLayoutElement;\n\n /**\n * Choose the layout of the panes.\n * When set to 'full-vertical' the vertical panes (left, right) will get the full height.\n * When set to 'full-horizontal' the horizontal panes (top, bottom) will get the full width.\n */\n @Prop() layout: 'full-vertical' | 'full-horizontal' = 'full-vertical';\n\n /**\n * Set the default variant for all panes in the layout\n */\n @Prop() variant: 'floating' | 'inline' = 'inline';\n\n /**\n * Set the default border state for all panes in the layout\n */\n @Prop() borderless: boolean = false;\n\n @State() private isMobile = false;\n @State() private paneElements = 0;\n\n private panes: Array<{\n slot: string;\n hideOnCollapse: boolean;\n floating: boolean;\n }> = [];\n\n private observer?: MutationObserver;\n\n get currentPanes() {\n return this.hostElement.querySelectorAll('ix-pane');\n }\n\n componentWillLoad() {\n this.paneElements = this.currentPanes.length;\n\n this.observer = new MutationObserver((mutations) => {\n if (mutations[0].addedNodes.item(0)?.nodeName === 'IX-PANE') {\n this.paneElements += 1;\n } else if (mutations[0].removedNodes.item(0)?.nodeName === 'IX-PANE') {\n this.paneElements -= 1;\n }\n });\n this.observer.observe(this.hostElement, {\n childList: true,\n });\n\n this.isMobile = matchBreakpoint('sm');\n applicationLayoutService.onChange.on(() => {\n this.isMobile = matchBreakpoint('sm');\n this.configurePanes();\n });\n }\n\n componentDidLoad() {\n this.setPanes(this.currentPanes);\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n }\n\n private setPaneVariant(pane: HTMLIxPaneElement) {\n if (!pane.ignoreLayoutSettings) {\n pane.variant = this.variant;\n }\n }\n\n private setPaneBorder(pane: HTMLIxPaneElement) {\n if (!pane.ignoreLayoutSettings) {\n if (this.borderless) {\n pane.borderless = true;\n } else {\n const hasVisibleLeftPane = !!this.panes.find(\n (pane) => pane.slot === 'left' && !pane.hideOnCollapse\n );\n if (\n pane.variant === 'floating' &&\n this.layout === 'full-vertical' &&\n hasVisibleLeftPane &&\n (pane.composition === 'top' || pane.composition === 'bottom')\n ) {\n pane.borderless = true;\n } else {\n pane.borderless = false;\n }\n }\n }\n }\n\n private setPaneZIndex(pane: HTMLIxPaneElement) {\n const isTop = pane.slot === 'top';\n const isBottom = pane.slot === 'bottom';\n const isLeft = pane.slot === 'left';\n const isRight = pane.slot === 'right';\n\n let zIndex = 1;\n if (this.isMobile) {\n if (isBottom || isTop) {\n zIndex = 3;\n }\n } else {\n if (this.layout === 'full-vertical') {\n if (isLeft || isRight) {\n zIndex = 3;\n }\n } else {\n if (isBottom || isTop) {\n zIndex = 3;\n }\n }\n }\n pane.style.zIndex = zIndex.toString();\n }\n\n private setPanes(panes: NodeListOf<HTMLIxPaneElement>) {\n this.panes = [];\n panes.forEach((pane) => {\n this.panes.push({\n slot: pane.slot,\n hideOnCollapse: pane.hideOnCollapse,\n floating: pane.variant === 'floating',\n });\n });\n }\n\n private closeFloatingPanes() {\n this.currentPanes.forEach((pane) => {\n if (pane.expanded && pane.variant === 'floating') {\n pane.expanded = false;\n }\n });\n }\n\n private configurePanes() {\n let topCount = 0;\n let bottomCount = 0;\n let leftCount = 0;\n let rightCount = 0;\n\n this.currentPanes.forEach((pane) => {\n const isTop = pane.slot === 'top';\n const isBottom = pane.slot === 'bottom';\n const isLeft = pane.slot === 'left';\n const isRight = pane.slot === 'right';\n\n if (isLeft) {\n if (leftCount) {\n pane.slot = '';\n return;\n }\n leftCount++;\n } else if (isRight) {\n if (rightCount) {\n pane.slot = '';\n return;\n }\n rightCount++;\n } else if (isTop) {\n if (topCount) {\n pane.slot = '';\n return;\n }\n topCount++;\n } else if (isBottom) {\n if (bottomCount) {\n pane.slot = '';\n return;\n }\n bottomCount++;\n } else {\n pane.slot = '';\n return;\n }\n\n this.setPaneVariant(pane);\n this.setPaneBorder(pane);\n this.setPaneZIndex(pane);\n });\n\n this.setPanes(this.currentPanes);\n forceUpdate(this.hostElement);\n }\n\n @Listen('slotChanged')\n onSlotChanged() {\n this.configurePanes();\n }\n\n @Listen('hideOnCollapseChanged')\n onCollapsibleChanged(event: CustomEvent) {\n const { slot, hideOnCollapse } = event.detail;\n\n this.panes.forEach((currentSlot) => {\n if (currentSlot.slot === slot) {\n currentSlot.hideOnCollapse = hideOnCollapse;\n }\n });\n\n forceUpdate(this.hostElement);\n }\n\n @Listen('variantChanged')\n onVariantChanged(event: CustomEvent) {\n const { slot, variant } = event.detail;\n\n this.panes.forEach((currentSlot) => {\n if (currentSlot.slot === slot) {\n currentSlot.floating = variant === 'floating';\n }\n });\n\n forceUpdate(this.hostElement);\n }\n\n @Watch('paneElements')\n onPaneElementsChange() {\n this.configurePanes();\n }\n\n @Watch('variant')\n onVariableChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneVariant(pane);\n this.setPaneBorder(pane);\n });\n\n this.setPanes(this.currentPanes);\n forceUpdate(this.hostElement);\n }\n\n @Watch('borderless')\n onBorderChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneBorder(pane);\n });\n }\n\n @Watch('layout')\n onLayoutChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneBorder(pane);\n this.setPaneZIndex(pane);\n });\n }\n\n @Watch('isMobile')\n onMobileChange() {\n this.currentPanes.forEach((pane) => {\n this.setPaneZIndex(pane);\n });\n }\n\n private hasPadding(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return pane ? !pane.hideOnCollapse && pane.floating : false;\n }\n\n private hasPaddingMobile(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return pane && !pane.hideOnCollapse;\n }\n\n private slotExists(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return !!pane;\n }\n\n private isFloating(composition: Composition) {\n const pane = this.panes.find((pane) => pane.slot === composition);\n return pane ? pane.floating : false;\n }\n\n render() {\n return (\n <Host>\n {!this.isMobile ? (\n this.layout == 'full-vertical' ? (\n <div class=\"side-panes-wrapper\">\n <div\n class={{\n row: true,\n 'padding-left': this.hasPadding('left'),\n 'padding-right': this.hasPadding('right'),\n }}\n >\n <div\n key=\"left\"\n class={{ 'absolute-left': this.isFloating('left') }}\n >\n <slot name=\"left\"></slot>\n </div>\n <div\n class={{\n col: true,\n 'padding-top': this.hasPadding('top'),\n 'padding-bottom': this.hasPadding('bottom'),\n }}\n >\n <div\n key=\"top\"\n class={{ 'absolute-top': this.isFloating('top') }}\n >\n <slot name=\"top\"></slot>\n </div>\n <div\n key=\"content\"\n class=\"content\"\n onClick={() => this.closeFloatingPanes()}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n </div>\n <div\n key=\"bottom\"\n class={{ 'absolute-bottom': this.isFloating('bottom') }}\n >\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n <div\n key=\"right\"\n class={{ 'absolute-right': this.isFloating('right') }}\n >\n <slot name=\"right\"></slot>\n </div>\n </div>\n </div>\n ) : (\n <div class=\"side-panes-wrapper\">\n <div\n class={{\n col: true,\n 'padding-top': this.hasPadding('top'),\n 'padding-bottom': this.hasPadding('bottom'),\n }}\n >\n <div\n key=\"top\"\n class={{ 'absolute-top': this.isFloating('top') }}\n >\n <slot name=\"top\"></slot>\n </div>\n <div\n class={{\n row: true,\n 'padding-left': this.hasPadding('left'),\n 'padding-right': this.hasPadding('right'),\n }}\n >\n <div\n key=\"left\"\n class={{ 'absolute-left': this.isFloating('left') }}\n >\n <slot name=\"left\"></slot>\n </div>\n <div\n key=\"content\"\n class=\"content\"\n onClick={() => this.closeFloatingPanes()}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n </div>\n <div\n key=\"right\"\n class={{ 'absolute-right': this.isFloating('right') }}\n >\n <slot name=\"right\"></slot>\n </div>\n </div>\n <div\n key=\"bottom\"\n class={{ 'absolute-bottom': this.isFloating('bottom') }}\n >\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n </div>\n )\n ) : (\n <div class=\"col\">\n <div\n key=\"top\"\n style={{\n minHeight: this.hasPaddingMobile('top') ? '48px' : '0',\n display: this.slotExists('top') ? 'block' : 'none',\n }}\n >\n <slot name=\"top\"></slot>\n </div>\n <div\n key=\"left\"\n style={{\n minHeight: this.hasPaddingMobile('left') ? '48px' : '0',\n display: this.slotExists('left') ? 'block' : 'none',\n }}\n >\n <slot name=\"left\"></slot>\n </div>\n <div\n key=\"content\"\n class=\"content\"\n onClick={() => this.closeFloatingPanes()}\n >\n <slot name=\"content\"></slot>\n <slot></slot>\n </div>\n <div\n key=\"right\"\n style={{\n minHeight: this.hasPaddingMobile('right') ? '48px' : '0',\n display: this.slotExists('right') ? 'block' : 'none',\n }}\n >\n <slot name=\"right\"></slot>\n </div>\n <div\n key=\"bottom\"\n style={{\n minHeight: this.hasPaddingMobile('bottom') ? '48px' : '0',\n display: this.slotExists('bottom') ? 'block' : 'none',\n }}\n >\n <slot name=\"bottom\"></slot>\n </div>\n </div>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;;;;AAAA,MAAM,aAAa,GAAG,4kDAA4kD;;MC6BrlD,KAAK,GAAA,MAAA;AALlB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAQE;;;;AAIG;AACK,QAAA,IAAM,CAAA,MAAA,GAAwC,eAAe;AAErE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAA0B,QAAQ;AAEjD;;AAEG;AACK,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;AAElB,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;AAChB,QAAA,IAAY,CAAA,YAAA,GAAG,CAAC;AAEzB,QAAA,IAAK,CAAA,KAAA,GAIR,EAAE;AAsZR;AAlZC,IAAA,IAAI,YAAY,GAAA;QACd,OAAO,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,SAAS,CAAC;;IAGrD,iBAAiB,GAAA;QACf,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM;QAE5C,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,CAAC,SAAS,KAAI;;AACjD,YAAA,IAAI,CAAA,CAAA,EAAA,GAAA,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAK,SAAS,EAAE;AAC3D,gBAAA,IAAI,CAAC,YAAY,IAAI,CAAC;;AACjB,iBAAA,IAAI,CAAA,CAAA,EAAA,GAAA,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,MAAK,SAAS,EAAE;AACpE,gBAAA,IAAI,CAAC,YAAY,IAAI,CAAC;;AAE1B,SAAC,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,SAAS,EAAE,IAAI;AAChB,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC;AACrC,QAAA,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAK;AACxC,YAAA,IAAI,CAAC,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC;YACrC,IAAI,CAAC,cAAc,EAAE;AACvB,SAAC,CAAC;;IAGJ,gBAAgB,GAAA;AACd,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;;IAGlC,oBAAoB,GAAA;;QAClB,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,UAAU,EAAE;;AAGrB,IAAA,cAAc,CAAC,IAAuB,EAAA;AAC5C,QAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;AAC9B,YAAA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO;;;AAIvB,IAAA,aAAa,CAAC,IAAuB,EAAA;AAC3C,QAAA,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;AAC9B,YAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,gBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;iBACjB;gBACL,MAAM,kBAAkB,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAC1C,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CACvD;AACD,gBAAA,IACE,IAAI,CAAC,OAAO,KAAK,UAAU;oBAC3B,IAAI,CAAC,MAAM,KAAK,eAAe;oBAC/B,kBAAkB;AAClB,qBAAC,IAAI,CAAC,WAAW,KAAK,KAAK,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,EAC7D;AACA,oBAAA,IAAI,CAAC,UAAU,GAAG,IAAI;;qBACjB;AACL,oBAAA,IAAI,CAAC,UAAU,GAAG,KAAK;;;;;AAMvB,IAAA,aAAa,CAAC,IAAuB,EAAA;AAC3C,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK;AACjC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ;AACvC,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM;AACnC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO;QAErC,IAAI,MAAM,GAAG,CAAC;AACd,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,QAAQ,IAAI,KAAK,EAAE;gBACrB,MAAM,GAAG,CAAC;;;aAEP;AACL,YAAA,IAAI,IAAI,CAAC,MAAM,KAAK,eAAe,EAAE;AACnC,gBAAA,IAAI,MAAM,IAAI,OAAO,EAAE;oBACrB,MAAM,GAAG,CAAC;;;iBAEP;AACL,gBAAA,IAAI,QAAQ,IAAI,KAAK,EAAE;oBACrB,MAAM,GAAG,CAAC;;;;QAIhB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,QAAQ,EAAE;;AAG/B,IAAA,QAAQ,CAAC,KAAoC,EAAA;AACnD,QAAA,IAAI,CAAC,KAAK,GAAG,EAAE;AACf,QAAA,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACrB,YAAA,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;gBACd,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,cAAc,EAAE,IAAI,CAAC,cAAc;AACnC,gBAAA,QAAQ,EAAE,IAAI,CAAC,OAAO,KAAK,UAAU;AACtC,aAAA,CAAC;AACJ,SAAC,CAAC;;IAGI,kBAAkB,GAAA;QACxB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;YACjC,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,UAAU,EAAE;AAChD,gBAAA,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAEzB,SAAC,CAAC;;IAGI,cAAc,GAAA;QACpB,IAAI,QAAQ,GAAG,CAAC;QAChB,IAAI,WAAW,GAAG,CAAC;QACnB,IAAI,SAAS,GAAG,CAAC;QACjB,IAAI,UAAU,GAAG,CAAC;QAElB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,KAAK,KAAK;AACjC,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,QAAQ;AACvC,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM;AACnC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO;YAErC,IAAI,MAAM,EAAE;gBACV,IAAI,SAAS,EAAE;AACb,oBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;oBACd;;AAEF,gBAAA,SAAS,EAAE;;iBACN,IAAI,OAAO,EAAE;gBAClB,IAAI,UAAU,EAAE;AACd,oBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;oBACd;;AAEF,gBAAA,UAAU,EAAE;;iBACP,IAAI,KAAK,EAAE;gBAChB,IAAI,QAAQ,EAAE;AACZ,oBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;oBACd;;AAEF,gBAAA,QAAQ,EAAE;;iBACL,IAAI,QAAQ,EAAE;gBACnB,IAAI,WAAW,EAAE;AACf,oBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;oBACd;;AAEF,gBAAA,WAAW,EAAE;;iBACR;AACL,gBAAA,IAAI,CAAC,IAAI,GAAG,EAAE;gBACd;;AAGF,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;AAChC,QAAA,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC;;IAI/B,aAAa,GAAA;QACX,IAAI,CAAC,cAAc,EAAE;;AAIvB,IAAA,oBAAoB,CAAC,KAAkB,EAAA;QACrC,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC,MAAM;QAE7C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,KAAI;AACjC,YAAA,IAAI,WAAW,CAAC,IAAI,KAAK,IAAI,EAAE;AAC7B,gBAAA,WAAW,CAAC,cAAc,GAAG,cAAc;;AAE/C,SAAC,CAAC;AAEF,QAAA,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC;;AAI/B,IAAA,gBAAgB,CAAC,KAAkB,EAAA;QACjC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM;QAEtC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,WAAW,KAAI;AACjC,YAAA,IAAI,WAAW,CAAC,IAAI,KAAK,IAAI,EAAE;AAC7B,gBAAA,WAAW,CAAC,QAAQ,GAAG,OAAO,KAAK,UAAU;;AAEjD,SAAC,CAAC;AAEF,QAAA,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC;;IAI/B,oBAAoB,GAAA;QAClB,IAAI,CAAC,cAAc,EAAE;;IAIvB,gBAAgB,GAAA;QACd,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;AACzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,SAAC,CAAC;AAEF,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC;AAChC,QAAA,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC;;IAI/B,cAAc,GAAA;QACZ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,SAAC,CAAC;;IAIJ,cAAc,GAAA;QACZ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AACxB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,SAAC,CAAC;;IAIJ,cAAc,GAAA;QACZ,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;AACjC,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC1B,SAAC,CAAC;;AAGI,IAAA,UAAU,CAAC,WAAwB,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;AACjE,QAAA,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,QAAQ,GAAG,KAAK;;AAGrD,IAAA,gBAAgB,CAAC,WAAwB,EAAA;AAC/C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;AACjE,QAAA,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,cAAc;;AAG7B,IAAA,UAAU,CAAC,WAAwB,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;QACjE,OAAO,CAAC,CAAC,IAAI;;AAGP,IAAA,UAAU,CAAC,WAAwB,EAAA;AACzC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,KAAK,WAAW,CAAC;QACjE,OAAO,IAAI,GAAG,IAAI,CAAC,QAAQ,GAAG,KAAK;;IAGrC,MAAM,GAAA;QACJ,QACE,CAAC,CAAA,IAAI,EACF,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAC,IAAI,CAAC,QAAQ,IACb,IAAI,CAAC,MAAM,IAAI,eAAe,IAC5B,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;AACvC,gBAAA,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;AAC1C,aAAA,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,EAAA,EAEnD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACrC,gBAAA,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;AAC5C,aAAA,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAA,EAEjD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,KAAK,EAAA,CAAQ,CACpB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAAA,EAExC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAQ,CAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAA,EAEvD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,OAAO,EACX,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAA,EAErD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACtB,CACF,CACF,KAEN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;AACrC,gBAAA,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;AAC5C,aAAA,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,KAAK,EACT,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,EAAA,EAEjD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,KAAK,EAAA,CAAQ,CACpB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE;AACL,gBAAA,GAAG,EAAE,IAAI;AACT,gBAAA,cAAc,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;AACvC,gBAAA,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;AAC1C,aAAA,EAAA,EAED,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,MAAM,EACV,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,EAAA,EAEnD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAAA,EAExC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAQ,CAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,OAAO,EACX,KAAK,EAAE,EAAE,gBAAgB,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,EAAA,EAErD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACtB,CACF,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,EAAA,EAEvD,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,EAAQ,CAAA,CACvB,CACF,CACF,CACP,KAED,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,KAAK,EACT,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,MAAM,GAAG,GAAG;AACtD,gBAAA,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,MAAM;aACnD,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,KAAK,EAAA,CAAQ,CACpB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,MAAM,EACV,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,GAAG,MAAM,GAAG,GAAG;AACvD,gBAAA,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,OAAO,GAAG,MAAM;AACpD,aAAA,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAQ,CACrB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,SAAS,EACb,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,MAAM,IAAI,CAAC,kBAAkB,EAAE,EAAA,EAExC,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,SAAS,EAAQ,CAAA,EAC5B,CAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACT,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,OAAO,EACX,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,GAAG,MAAM,GAAG,GAAG;AACxD,gBAAA,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,GAAG,MAAM;aACrD,EAAA,EAED,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,OAAO,EAAA,CAAQ,CACtB,EACN,CAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAC,QAAQ,EACZ,KAAK,EAAE;AACL,gBAAA,SAAS,EAAE,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,MAAM,GAAG,GAAG;AACzD,gBAAA,OAAO,EAAE,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,OAAO,GAAG,MAAM;AACtD,aAAA,EAAA,EAED,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAA,CAAQ,CACvB,CACF,CACP,CACI;;;;;;;;;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ix-push-card.entry.esm.js","sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './../card/card-vars' as card-vars;\n\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n ix-card-title {\n height: 2.5rem;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n\n@each $variant in card-vars.$ix-card-variants {\n :host(.card-#{$variant}) {\n ix-card-content {\n border-bottom: var(--theme-push-card--border-width)\n solid\n var(--theme-push-card-#{$variant}-accordion--border-color);\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type { PushCardVariant } from './push-card.types';\n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /**\n * Card icon\n */\n @Prop() icon?: string;\n\n /**\n * ARIA label for the icon\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelIcon?: string;\n\n /**\n * Card KPI value\n */\n @Prop() notification?: string;\n\n /**\n * Card heading\n */\n @Prop() heading?: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading?: string;\n\n /**\n * Card variant\n */\n @Prop() variant: PushCardVariant = 'outline';\n\n /**\n * Expand the card\n */\n @Prop() expanded: boolean = false;\n\n render() {\n return (\n <Host class={`card-${this.variant}`}>\n <ix-card variant={this.variant}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon\n class={'icon'}\n name={this.icon}\n size=\"32\"\n aria-label={this.ariaLabelIcon}\n ></ix-icon>\n ) : null}\n <ix-typography format=\"display-xxl\">\n {this.notification ?? 0}\n </ix-typography>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={!this.expanded} variant={this.variant}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,2gDAA2gD;;MCiBlhD,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAiCE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AA+BlC;IA7BC,MAAM,GAAA;;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACjC,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAS,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAC5B,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACR,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACG,YAAA,EAAA,IAAI,CAAC,aAAa,EACrB,CAAA,IACT,IAAI,EACR,CAAe,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAC,aAAa,EAChC,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CACT,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClB,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAChE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;"}
1
+ {"version":3,"file":"ix-push-card.entry.esm.js","sources":["src/components/push-card/push-card.scss?tag=ix-push-card&encapsulation=shadow","src/components/push-card/push-card.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n@use './../card/card-vars' as card-vars;\n\n:host {\n display: block;\n position: relative;\n\n ix-card {\n cursor: default;\n }\n\n ix-card-accordion {\n cursor: pointer;\n }\n\n .icon {\n height: 2.5rem;\n width: 2.5rem;\n }\n\n ix-card-title {\n height: 2.5rem;\n }\n\n ix-card-content {\n height: 11rem;\n }\n}\n\n@each $variant in card-vars.$ix-card-variants {\n :host(.card-#{$variant}) {\n ix-card-content {\n border-bottom: var(--theme-push-card--border-width)\n solid\n var(--theme-push-card-#{$variant}-accordion--border-color);\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2023 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Prop } from '@stencil/core';\nimport type { PushCardVariant } from './push-card.types';\n\n@Component({\n tag: 'ix-push-card',\n styleUrl: 'push-card.scss',\n shadow: true,\n})\nexport class PushCard {\n /**\n * Card icon\n */\n @Prop() icon?: string;\n\n /**\n * ARIA label for the icon\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelIcon?: string;\n\n /**\n * Card KPI value\n */\n @Prop() notification?: string;\n\n /**\n * Card heading\n */\n @Prop() heading?: string;\n\n /**\n * Card subheading\n */\n @Prop() subheading?: string;\n\n /**\n * Card variant\n */\n @Prop() variant: PushCardVariant = 'outline';\n\n /**\n * Expand the card\n */\n @Prop() expanded: boolean = false;\n\n /**\n * If true, disables hover and active styles and changes cursor to default\n */\n @Prop() passive: boolean = false;\n\n render() {\n return (\n <Host class={`card-${this.variant}`}>\n <ix-card variant={this.variant} passive={this.passive}>\n <ix-card-content>\n <ix-card-title>\n {this.icon ? (\n <ix-icon\n class={'icon'}\n name={this.icon}\n size=\"32\"\n aria-label={this.ariaLabelIcon}\n ></ix-icon>\n ) : null}\n <ix-typography format=\"display-xxl\">\n {this.notification ?? 0}\n </ix-typography>\n <slot name=\"title-action\"></slot>\n </ix-card-title>\n <ix-typography format=\"h4\">{this.heading}</ix-typography>\n <ix-typography>{this.subheading}</ix-typography>\n </ix-card-content>\n <ix-card-accordion collapse={!this.expanded} variant={this.variant}>\n <slot></slot>\n </ix-card-accordion>\n </ix-card>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,WAAW,GAAG,2gDAA2gD;;MCiBlhD,QAAQ,GAAA,MAAA;AALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAiCE;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAoB,SAAS;AAE5C;;AAEG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAEjC;;AAEG;AACK,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AA+BjC;IA7BC,MAAM,GAAA;;QACJ,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,QAAQ,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EACjC,CAAS,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EACnD,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,IACR,CACE,CAAA,SAAA,EAAA,EAAA,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAC,IAAI,EACG,YAAA,EAAA,IAAI,CAAC,aAAa,EACrB,CAAA,IACT,IAAI,EACR,CAAe,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAC,aAAa,EAChC,EAAA,CAAA,EAAA,GAAA,IAAI,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CACT,EAChB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,cAAc,EAAA,CAAQ,CACnB,EAChB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,MAAM,EAAC,IAAI,IAAE,IAAI,CAAC,OAAO,CAAiB,EACzD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAgB,IAAI,CAAC,UAAU,CAAiB,CAChC,EAClB,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,QAAQ,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAA,EAChE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACK,CACZ,CACL;;;;;;;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ix-toast-container.entry.esm.js","sources":["src/components/toast/styles/toast-container.scss?tag=ix-toast-container&encapsulation=shadow","src/components/toast/toast-container.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host {\n @include component.ix-component;\n}\n\n#toast-container {\n > :not(:last-child) {\n margin-block-end: vars.$default-space;\n }\n}\n\n.toast-container {\n display: block;\n position: fixed;\n z-index: var(--theme-z-index-toast);\n}\n\n.toast-container--top-right {\n right: 1rem;\n top: 2rem;\n}\n\n.toast-container--bottom-right {\n right: 1rem;\n bottom: 2rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\nimport type { ShowToastResult } from './toast-container.types';\n\n@Component({\n tag: 'ix-toast-container',\n styleUrl: './styles/toast-container.scss',\n shadow: true,\n})\nexport class ToastContainer {\n /**\n */\n @Prop() containerId = 'toast-container';\n\n /**\n */\n @Prop() containerClass = 'toast-container';\n\n /**\n */\n @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n get hostContainer() {\n return new Promise<HTMLElement>((resolve) => {\n const interval = setInterval(() => {\n const containerElement = document.getElementById(this.containerId);\n if (containerElement) {\n clearInterval(interval);\n resolve(containerElement);\n }\n });\n });\n }\n\n componentDidLoad() {\n if (!document.getElementById(this.containerId)) {\n const toastContainer = document.createElement('div');\n toastContainer.id = this.containerId;\n toastContainer.classList.add(this.containerClass);\n toastContainer.classList.add(\n `${this.PREFIX_POSITION_CLASS}${this.position}`\n );\n document.body.appendChild(toastContainer);\n }\n }\n\n @Watch('position')\n onPositionChange(newPosition: string, oldPosition: string) {\n const toastContainer = document.getElementById(this.containerId);\n if (!toastContainer) {\n console.warn('No toast container found, cannot configure toast position');\n return;\n }\n toastContainer.classList.remove(\n `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n );\n toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n }\n\n /**\n * Display a toast message\n * @param config\n */\n @Method()\n async showToast(config: ToastConfig): Promise<ShowToastResult> {\n const toast = document.createElement('ix-toast');\n const onClose = new TypedEvent<any | undefined>();\n\n function removeToast(result?: any) {\n toast.remove();\n onClose.emit(result);\n }\n\n toast.toastTitle = config.title;\n toast.type = config.type ?? 'info';\n toast.preventAutoClose = config.autoClose === false;\n toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n toast.icon = config.icon;\n toast.iconColor = config.iconColor;\n toast.addEventListener(\n 'closeToast',\n (event: CustomEvent<any | undefined>) => {\n const { detail } = event;\n removeToast(detail);\n }\n );\n\n if (config.message) {\n if (typeof config.message === 'string') {\n toast.innerText = config.message;\n } else {\n toast.appendChild(config.message);\n }\n }\n\n if (config.action && config.action instanceof HTMLElement) {\n config.action.slot = 'action';\n toast.appendChild(config.action);\n }\n\n (await this.hostContainer).appendChild(toast);\n\n return {\n onClose,\n close: (result?: any) => {\n removeToast(result);\n },\n pause: () => {\n toast.pause();\n },\n resume: () => {\n toast.resume();\n },\n isPaused: () => {\n return toast.isPaused();\n },\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'toast-container--bottom-right': this.position === 'bottom-right',\n 'toast-container--top-right': this.position === 'top-right',\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ix-toast-container.entry.esm.js","sources":["src/components/toast/styles/toast-container.scss?tag=ix-toast-container&encapsulation=shadow","src/components/toast/toast-container.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/shadow-dom/component';\n\n:host {\n @include component.ix-component;\n}\n\n#toast-container {\n > :not(:last-child) {\n margin-block-end: vars.$default-space;\n }\n}\n\n.toast-container {\n display: block;\n position: fixed;\n z-index: var(--theme-z-index-toast);\n}\n\n.toast-container--top-right {\n right: 1rem;\n top: 2rem;\n}\n\n.toast-container--bottom-right {\n right: 1rem;\n bottom: 2rem;\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { Component, h, Host, Method, Prop, Watch } from '@stencil/core';\nimport { TypedEvent } from '../utils/typed-event';\nimport { ToastConfig } from './toast-utils';\nimport type { ShowToastResult } from './toast-container.types';\n\n@Component({\n tag: 'ix-toast-container',\n styleUrl: './styles/toast-container.scss',\n shadow: true,\n})\nexport class ToastContainer {\n /**\n */\n @Prop() containerId = 'toast-container';\n\n /**\n */\n @Prop() containerClass = 'toast-container';\n\n /**\n */\n @Prop() position: 'bottom-right' | 'top-right' = 'bottom-right';\n\n private readonly PREFIX_POSITION_CLASS = 'toast-container--';\n\n get hostContainer() {\n return new Promise<HTMLElement>((resolve) => {\n const interval = setInterval(() => {\n const containerElement = document.getElementById(this.containerId);\n if (containerElement) {\n clearInterval(interval);\n resolve(containerElement);\n }\n });\n });\n }\n\n componentDidLoad() {\n if (!document.getElementById(this.containerId)) {\n const toastContainer = document.createElement('div');\n toastContainer.id = this.containerId;\n toastContainer.classList.add(this.containerClass);\n toastContainer.classList.add(\n `${this.PREFIX_POSITION_CLASS}${this.position}`\n );\n document.body.appendChild(toastContainer);\n }\n }\n\n @Watch('position')\n onPositionChange(newPosition: string, oldPosition: string) {\n const toastContainer = document.getElementById(this.containerId);\n if (!toastContainer) {\n console.warn('No toast container found, cannot configure toast position');\n return;\n }\n toastContainer.classList.remove(\n `${this.PREFIX_POSITION_CLASS}${oldPosition}`\n );\n toastContainer.classList.add(`${this.PREFIX_POSITION_CLASS}${newPosition}`);\n }\n\n /**\n * Display a toast message\n * @param config\n */\n @Method()\n async showToast(config: ToastConfig): Promise<ShowToastResult> {\n const toast = document.createElement('ix-toast');\n const onClose = new TypedEvent<any | undefined>();\n\n function removeToast(result?: any) {\n toast.remove();\n onClose.emit(result);\n }\n\n toast.toastTitle = config.title;\n toast.type = config.type ?? 'info';\n toast.preventAutoClose = config.autoClose === false;\n toast.autoCloseDelay = config.autoCloseDelay ?? 5000;\n toast.icon = config.icon;\n toast.iconColor = config.iconColor;\n toast.hideIcon = config.hideIcon ?? false;\n toast.addEventListener(\n 'closeToast',\n (event: CustomEvent<any | undefined>) => {\n const { detail } = event;\n removeToast(detail);\n }\n );\n\n if (config.message) {\n if (typeof config.message === 'string') {\n toast.innerText = config.message;\n } else {\n toast.appendChild(config.message);\n }\n }\n\n if (config.action && config.action instanceof HTMLElement) {\n config.action.slot = 'action';\n toast.appendChild(config.action);\n }\n\n (await this.hostContainer).appendChild(toast);\n\n return {\n onClose,\n close: (result?: any) => {\n removeToast(result);\n },\n pause: () => {\n toast.pause();\n },\n resume: () => {\n toast.resume();\n },\n isPaused: () => {\n return toast.isPaused();\n },\n };\n }\n\n render() {\n return (\n <Host\n class={{\n 'toast-container--bottom-right': this.position === 'bottom-right',\n 'toast-container--top-right': this.position === 'top-right',\n }}\n >\n <slot></slot>\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"ix-toast.entry.esm.js","sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n@use 'legacy/mixins/fonts';\n\n:host {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: 17.5rem;\n max-width: 17.5rem;\n min-height: 3.5rem;\n\n pointer-events: all;\n\n background-color: var(--theme-toast--background);\n border: var(--theme-toast--border-thickness) solid\n var(--theme-toast--border-color);\n border-radius: var(\n --theme-toast--border-radius,\n var(--theme-toast--border-radus)\n );\n box-shadow: var(--theme-toast--box-shadow);\n\n --animate-duration: var(--theme-medium-time);\n\n @include component.ix-component;\n\n .toast-body {\n display: flex;\n position: relative;\n min-height: 3.5rem;\n width: 100%;\n flex-grow: 1;\n padding: 0.75rem;\n\n .toast-icon {\n display: flex;\n align-items: flex-start;\n margin-right: 0.5rem;\n }\n\n .toast-content {\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n width: 100%;\n\n .toast-title {\n margin: 0.25rem 0px;\n }\n\n .toast-message {\n min-width: 0;\n\n @include fonts.text-default;\n }\n\n .toast-action {\n margin-top: 0.5rem;\n }\n }\n\n .toast-icon + .toast-content {\n max-width: 10.25rem;\n }\n }\n\n .toast-close {\n display: flex;\n position: relative;\n pointer-events: all;\n margin-left: auto;\n margin-right: 0px;\n opacity: 0.6;\n &:hover {\n opacity: 1;\n }\n }\n\n .toast-progress-bar {\n position: absolute;\n bottom: 0;\n height: 0.125rem;\n width: 100%;\n background-color: var(--theme-toast-timer-value--background);\n transform-origin: left;\n\n &--animated {\n animation: trackProgress linear 1 forwards;\n }\n }\n\n @keyframes trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n iconClose,\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-toast',\n styleUrl: 'toast.scss',\n shadow: true,\n})\nexport class Toast {\n /**\n * Toast type\n */\n @Prop() type: ToastType = 'info';\n\n /**\n * Toast title\n */\n @Prop() toastTitle?: string;\n\n /**\n * Autoclose title after delay\n */\n @Prop() autoCloseDelay = 5000;\n\n /**\n * Autoclose behavior\n */\n @Prop() preventAutoClose = false;\n\n /**\n * Icon of toast\n */\n @Prop() icon?: string;\n\n /**\n * Icon color of toast\n */\n @Prop() iconColor?: string;\n\n /**\n * ARIA label for the close icon button\n * Will be set as aria-label on the nested HTML button element\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelCloseIconButton?: string;\n\n /**\n * Toast closed\n */\n @Event() closeToast!: EventEmitter;\n\n @State() progress = 0;\n @State() touched = false;\n @State() paused = false;\n\n @Element() hostElement!: HTMLIxToastElement;\n\n private getIcon() {\n if (this.icon) {\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={this.icon}\n color={this.iconColor}\n size=\"24\"\n />\n );\n }\n\n switch (this.type) {\n case 'info':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconInfo}\n size=\"24\"\n color=\"color-std-text\"\n />\n );\n\n case 'error':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconError}\n size=\"24\"\n color=\"color-alarm\"\n />\n );\n\n case 'success':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconSuccess}\n size=\"24\"\n color=\"color-success\"\n />\n );\n\n case 'warning':\n //TODO(IX-3400): Replace icon colors with proper CSS variables when available\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconWarning}\n size=\"24\"\n color=\"color-warning-text\"\n />\n );\n\n default:\n return '';\n }\n }\n\n private close() {\n if (this.hostElement) {\n this.hostElement.classList.add('animate__fadeOut');\n }\n setTimeout(() => {\n this.closeToast.emit();\n }, 250);\n }\n\n /**\n * Pause the toast's auto-close progress bar and timer.\n */\n @Method()\n async pause() {\n this.paused = true;\n }\n\n /**\n * Resume the toast's auto-close progress bar and timer if previously paused.\n */\n @Method()\n async resume() {\n this.paused = false;\n }\n\n /**\n * Returns whether the toast is currently paused (auto-close is paused).\n */\n @Method()\n async isPaused(): Promise<boolean> {\n return this.paused || this.touched;\n }\n\n render() {\n let progressBarStyle: Record<string, string> = {};\n\n const progressBarClass = ['toast-progress-bar'];\n\n progressBarStyle = {\n animationDuration: `${this.autoCloseDelay}ms`,\n animationPlayState: this.touched || this.paused ? 'paused' : 'running',\n };\n\n progressBarClass.push('toast-progress-bar--animated');\n\n return (\n <Host class=\"animate__animated animate__fadeIn\">\n <div\n class=\"toast-body\"\n onPointerLeave={() => {\n this.touched = false;\n }}\n onPointerEnter={() => {\n this.touched = true;\n }}\n >\n {this.type || this.icon ? (\n <div class=\"toast-icon\">{this.getIcon()}</div>\n ) : null}\n <div class=\"toast-content\">\n {this.toastTitle ? (\n <ix-typography class=\"toast-title\" format=\"h5\">\n {this.toastTitle}\n </ix-typography>\n ) : null}\n <div class=\"toast-message\">\n <slot></slot>\n </div>\n <div class=\"toast-action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n <div class=\"toast-close\">\n <ix-icon-button\n icon={iconClose}\n iconColor=\"color-soft-text\"\n size=\"24\"\n variant=\"tertiary\"\n onClick={() => this.closeToast.emit()}\n aria-label={this.ariaLabelCloseIconButton}\n />\n </div>\n </div>\n {!this.preventAutoClose && (\n <div\n class={progressBarClass.join(' ')}\n style={progressBarStyle}\n onAnimationEnd={() => {\n this.close();\n }}\n onTransitionEnd={() => {\n if (this.progress === 0) {\n this.close();\n }\n }}\n ></div>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ix-toast.entry.esm.js","sources":["src/components/toast/toast.scss?tag=ix-toast&encapsulation=shadow","src/components/toast/toast.tsx"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n@use './common-variables' as vars;\n@use 'mixins/hover';\n@use 'mixins/text-truncation';\n@use 'mixins/shadow-dom/component';\n@use 'legacy/mixins/fonts';\n\n:host {\n display: flex;\n flex-direction: column;\n position: relative;\n min-width: 17.5rem;\n max-width: 17.5rem;\n min-height: 3.5rem;\n\n pointer-events: all;\n\n background-color: var(--theme-toast--background);\n border: var(--theme-toast--border-thickness) solid\n var(--theme-toast--border-color);\n border-radius: var(\n --theme-toast--border-radius,\n var(--theme-toast--border-radus)\n );\n box-shadow: var(--theme-toast--box-shadow);\n\n --animate-duration: var(--theme-medium-time);\n\n @include component.ix-component;\n\n .toast-body {\n display: flex;\n position: relative;\n min-height: 3.5rem;\n width: 100%;\n flex-grow: 1;\n padding: 0.75rem;\n\n .toast-icon {\n display: flex;\n align-items: flex-start;\n margin-right: 0.5rem;\n }\n\n .toast-content {\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n width: 100%;\n\n .toast-title {\n margin: 0.25rem 0px;\n }\n\n .toast-message {\n min-width: 0;\n\n @include fonts.text-default;\n }\n\n .toast-action {\n margin-top: 0.5rem;\n }\n }\n\n .toast-icon + .toast-content {\n max-width: 10.25rem;\n }\n }\n\n .toast-close {\n display: flex;\n position: relative;\n pointer-events: all;\n margin-left: auto;\n margin-right: 0px;\n opacity: 0.6;\n &:hover {\n opacity: 1;\n }\n }\n\n .toast-progress-bar {\n position: absolute;\n bottom: 0;\n height: 0.125rem;\n width: 100%;\n background-color: var(--theme-toast-timer-value--background);\n transform-origin: left;\n\n &--animated {\n animation: trackProgress linear 1 forwards;\n }\n }\n\n @keyframes trackProgress {\n 0% {\n transform: scaleX(1);\n }\n 100% {\n transform: scaleX(0);\n }\n }\n}\n","/*\n * SPDX-FileCopyrightText: 2024 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { ToastType } from './toast-utils';\nimport {\n iconClose,\n iconError,\n iconInfo,\n iconSuccess,\n iconWarning,\n} from '@siemens/ix-icons/icons';\n\n@Component({\n tag: 'ix-toast',\n styleUrl: 'toast.scss',\n shadow: true,\n})\nexport class Toast {\n /**\n * Toast type\n */\n @Prop() type: ToastType = 'info';\n\n /**\n * Toast title\n */\n @Prop() toastTitle?: string;\n\n /**\n * Autoclose title after delay\n */\n @Prop() autoCloseDelay = 5000;\n\n /**\n * Autoclose behavior\n */\n @Prop() preventAutoClose = false;\n\n /**\n * Icon of toast\n */\n @Prop() icon?: string;\n\n /**\n * Icon color of toast\n */\n @Prop() iconColor?: string;\n\n /**\n * Allows to hide the icon in the toast.\n */\n @Prop() hideIcon: boolean = false;\n\n /**\n * ARIA label for the close icon button\n * Will be set as aria-label on the nested HTML button element\n *\n * @since 3.2.0\n */\n @Prop() ariaLabelCloseIconButton?: string;\n\n /**\n * Toast closed\n */\n @Event() closeToast!: EventEmitter;\n\n @State() progress = 0;\n @State() touched = false;\n @State() paused = false;\n\n @Element() hostElement!: HTMLIxToastElement;\n\n private getIcon() {\n if (this.icon) {\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={this.icon}\n color={this.iconColor}\n size=\"24\"\n />\n );\n }\n\n switch (this.type) {\n case 'info':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconInfo}\n size=\"24\"\n color=\"color-std-text\"\n />\n );\n\n case 'error':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconError}\n size=\"24\"\n color=\"color-alarm\"\n />\n );\n\n case 'success':\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconSuccess}\n size=\"24\"\n color=\"color-success\"\n />\n );\n\n case 'warning':\n //TODO(IX-3400): Replace icon colors with proper CSS variables when available\n return (\n <ix-icon\n data-testid=\"toast-icon\"\n name={iconWarning}\n size=\"24\"\n color=\"color-warning-text\"\n />\n );\n\n default:\n return '';\n }\n }\n\n private close() {\n if (this.hostElement) {\n this.hostElement.classList.add('animate__fadeOut');\n }\n setTimeout(() => {\n this.closeToast.emit();\n }, 250);\n }\n\n /**\n * Pause the toast's auto-close progress bar and timer.\n */\n @Method()\n async pause() {\n this.paused = true;\n }\n\n /**\n * Resume the toast's auto-close progress bar and timer if previously paused.\n */\n @Method()\n async resume() {\n this.paused = false;\n }\n\n /**\n * Returns whether the toast is currently paused (auto-close is paused).\n */\n @Method()\n async isPaused(): Promise<boolean> {\n return this.paused || this.touched;\n }\n\n render() {\n let progressBarStyle: Record<string, string> = {};\n\n const progressBarClass = ['toast-progress-bar'];\n\n progressBarStyle = {\n animationDuration: `${this.autoCloseDelay}ms`,\n animationPlayState: this.touched || this.paused ? 'paused' : 'running',\n };\n\n progressBarClass.push('toast-progress-bar--animated');\n\n return (\n <Host class=\"animate__animated animate__fadeIn\">\n <div\n class=\"toast-body\"\n onPointerLeave={() => {\n this.touched = false;\n }}\n onPointerEnter={() => {\n this.touched = true;\n }}\n >\n {(this.type || this.icon) && !this.hideIcon ? (\n <div class=\"toast-icon\">{this.getIcon()}</div>\n ) : null}\n <div class=\"toast-content\">\n {this.toastTitle ? (\n <ix-typography class=\"toast-title\" format=\"h5\">\n {this.toastTitle}\n </ix-typography>\n ) : null}\n <div class=\"toast-message\">\n <slot></slot>\n </div>\n <div class=\"toast-action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n <div class=\"toast-close\">\n <ix-icon-button\n icon={iconClose}\n iconColor=\"color-soft-text\"\n size=\"24\"\n variant=\"tertiary\"\n onClick={() => this.closeToast.emit()}\n aria-label={this.ariaLabelCloseIconButton}\n />\n </div>\n </div>\n {!this.preventAutoClose && (\n <div\n class={progressBarClass.join(' ')}\n style={progressBarStyle}\n onAnimationEnd={() => {\n this.close();\n }}\n onTransitionEnd={() => {\n if (this.progress === 0) {\n this.close();\n }\n }}\n ></div>\n )}\n </Host>\n );\n }\n}\n"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ import{r,h as t,H as o,g as e}from"./p-CtoreFVF.js";import{q as a,g as s}from"./p-8HpPmDK_.js";import{m as i}from"./p-bcj7UEIC.js";import{a as l}from"./p-Bb7pDeaQ.js";const n=":host{display:inline-block;position:relative;height:2rem;width:auto}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .hide{display:none}:host .dropdown-button{display:block;position:relative;width:100%;height:100%}:host .dropdown-button>ix-button{width:100%;height:100%}:host .dropdown-button .button-label{margin-right:auto;min-width:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .dropdown-button .dropdown-icon{margin-right:0.25rem}:host .triangle{position:absolute;margin-inline-start:1.5625rem;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)}:host .triangle.primary{color:var(--theme-btn-primary--color)}:host .triangle.secondary{color:var(--theme-btn-secondary--color)}:host .triangle.tertiary{color:var(--theme-btn-tertiary--color)}:host .triangle.primary.disabled{color:var(--theme-btn-primary--color--disabled)}:host .triangle.secondary.disabled{color:var(--theme-btn-secondary--color--disabled)}:host .triangle.tertiary.disabled{color:var(--theme-btn-tertiary--color--disabled)}:host .triangle.subtle-primary{color:var(--theme-btn-subtle-primary--color)}:host .triangle.subtle-secondary{color:var(--theme-btn-subtle-secondary--color)}:host .triangle.subtle-tertiary{color:var(--theme-btn-subtle-tertiary--color)}:host .triangle.subtle-primary.disabled{color:var(--theme-btn-subtle-primary--color--disabled)}:host .triangle.subtle-secondary.disabled{color:var(--theme-btn-subtle-secondary--color--disabled)}:host .triangle.subtle-tertiary.disabled{color:var(--theme-btn-subtle-tertiary--color--disabled)}:host .triangle.danger-primary{color:var(--theme-btn-danger-primary--color)}:host .triangle.danger-secondary{color:var(--theme-btn-danger-secondary--color)}:host .triangle.danger-tertiary{color:var(--theme-btn-danger-tertiary--color)}:host .triangle.danger-primary.disabled{color:var(--theme-btn-danger-primary--color--disabled)}:host .triangle.danger-secondary.disabled{color:var(--theme-btn-danger-secondary--color--disabled)}:host .triangle.danger-tertiary.disabled{color:var(--theme-btn-danger-tertiary--color--disabled)}:host .content{display:flex;align-items:center}:host(.disabled){pointer-events:none}";const d=class{constructor(t){r(this,t);this.variant="primary";this.disabled=false;this.closeBehavior="both";this.dropdownShow=false;this.dropdownAnchor=i();this.onDropdownShowChanged=r=>{if(this.disabled&&r.detail){return}this.dropdownShow=r.detail}}getTriangle(){return t("div",{class:{triangle:true,[this.variant]:true,hide:!!this.label,disabled:this.disabled}})}render(){return t(o,{key:"8e8bd476bd9a3dccfbd21fe10a10046f725d6e59","aria-disabled":l(this.disabled),class:{disabled:this.disabled},ref:this.dropdownAnchor},t("div",{key:"0fa67ef9f3f779316882f38b17099394f0e99e04",class:"dropdown-button"},this.label?t("ix-button",{variant:this.variant,disabled:this.disabled,alignment:"start",ariaLabel:this.ariaLabelDropdownButton,tabIndex:this.disabled?-1:0},t("div",{class:"content"},this.icon?t("ix-icon",{name:this.icon,size:"24",class:"dropdown-icon"}):null,t("div",{class:"button-label"},this.label),t("ix-icon",{name:this.dropdownShow?a:s,size:"24"}))):t("div",null,t("ix-icon-button",{icon:this.icon,variant:this.variant,disabled:this.disabled,tabIndex:this.disabled?-1:0}),this.getTriangle())),t("ix-dropdown",{key:"bf09de1c2af43bc3ea2085cf11c26e6fb56b694a",class:"dropdown",trigger:this.dropdownAnchor.waitForCurrent(),placement:this.placement,closeBehavior:this.closeBehavior,onShowChanged:this.onDropdownShowChanged},t("slot",{key:"89bf77cd9781f906d801ffb0c874028f3feef6de"})))}get hostElement(){return e(this)}};d.style=n;export{d as ix_dropdown_button};
2
+ //# sourceMappingURL=p-0063d077.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","h","Host","getElement","iconChevronUpSmall","iconChevronDownSmall","makeRef","a11yBoolean","dropdownButtonCss","DropdownButton","constructor","hostRef","this","variant","disabled","closeBehavior","dropdownShow","dropdownAnchor","onDropdownShowChanged","event","detail","getTriangle","class","triangle","hide","label","render","key","ref","alignment","ariaLabel","ariaLabelDropdownButton","tabIndex","icon","name","size","trigger","waitForCurrent","placement","onShowChanged","hostElement","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,OAAWC,MAAkB,8BACvDC,OAAyBC,MAA4B,8BACrDC,MAAe,8BACfC,MAAmB,kBAEjC,MAAMC,EAAoB,y9FAE1B,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRX,EAAiBY,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,SAAW,MAIhBF,KAAKG,cAAgB,OACrBH,KAAKI,aAAe,MACpBJ,KAAKK,eAAiBX,IACtBM,KAAKM,sBAAyBC,IAC1B,GAAIP,KAAKE,UAAYK,EAAMC,OAAQ,CAC/B,MACJ,CACAR,KAAKI,aAAeG,EAAMC,MAAM,CAExC,CACA,WAAAC,GACI,OAAQpB,EAAE,MAAO,CAAEqB,MAAO,CAClBC,SAAU,KACV,CAACX,KAAKC,SAAU,KAChBW,OAAQZ,KAAKa,MACbX,SAAUF,KAAKE,WAE3B,CACA,MAAAY,GACI,OAAQzB,EAAEC,EAAM,CAAEyB,IAAK,2CAA4C,gBAAiBpB,EAAYK,KAAKE,UAAWQ,MAAO,CAC/GR,SAAUF,KAAKE,UAChBc,IAAKhB,KAAKK,gBAAkBhB,EAAE,MAAO,CAAE0B,IAAK,2CAA4CL,MAAO,mBAAqBV,KAAKa,MAASxB,EAAE,YAAa,CAAEY,QAASD,KAAKC,QAASC,SAAUF,KAAKE,SAAUe,UAAW,QAASC,UAAWlB,KAAKmB,wBAAyBC,SAAUpB,KAAKE,UAAY,EAAI,GAAKb,EAAE,MAAO,CAAEqB,MAAO,WAAaV,KAAKqB,KAAQhC,EAAE,UAAW,CAAEiC,KAAMtB,KAAKqB,KAAME,KAAM,KAAMb,MAAO,kBAAsB,KAAMrB,EAAE,MAAO,CAAEqB,MAAO,gBAAkBV,KAAKa,OAAQxB,EAAE,UAAW,CAAEiC,KAAMtB,KAAKI,aACveZ,EACAC,EAAsB8B,KAAM,SAAclC,EAAE,MAAO,KAAMA,EAAE,iBAAkB,CAAEgC,KAAMrB,KAAKqB,KAAMpB,QAASD,KAAKC,QAASC,SAAUF,KAAKE,SAAUkB,SAAUpB,KAAKE,UAAY,EAAI,IAAMF,KAAKS,gBAAkBpB,EAAE,cAAe,CAAE0B,IAAK,2CAA4CL,MAAO,WAAYc,QAASxB,KAAKK,eAAeoB,iBAAkBC,UAAW1B,KAAK0B,UAAWvB,cAAeH,KAAKG,cAAewB,cAAe3B,KAAKM,uBAAyBjB,EAAE,OAAQ,CAAE0B,IAAK,8CAC5d,CACA,eAAIa,GAAgB,OAAOrC,EAAWS,KAAO,GAEjDH,EAAegC,MAAQjC,SAEdC","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r,c as e,h as o,H as s}from"./p-CtoreFVF.js";import{a}from"./p-DhE1t8Qh.js";import{p as t,y as c,b as i,c as l,a as n,z as h,i as b}from"./p-8HpPmDK_.js";const d=":host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;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)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}";const m=class{constructor(o){r(this,o);this.closedChange=e(this,"closedChange",7);this.closeAnimationCompleted=e(this,"closeAnimationCompleted",7);this.type="info";this.persistent=false}componentWillRender(){const r=m.messageTypeConfigs[this.type];if(r){this.icon=r.icon;this.color=r.color}}closeAlert(r){const{defaultPrevented:e}=this.closedChange.emit();if(!e){a(r,{duration:m.duration,opacity:[1,0],easing:"easeOutSine",onComplete:()=>{r.classList.add("message-bar-hidden");this.closeAnimationCompleted.emit()}})}}render(){return o(s,{key:"538fcc08ad07fe808f424e067a361f4a56f4c0ec"},o("div",{key:"4a75052efe1b22c247dcfcd298aabbd1098ff7b6",class:{"message-container":true,[this.type]:true},role:"alert",ref:r=>this.divElement=r},o("ix-icon",{key:"d348829692e38a1023e044834aefa45516b4d916",color:this.color,name:this.icon}),o("div",{key:"0ac0a509efe1dd246f7732660e4cf16416c8655d",class:"message-content"},o("slot",{key:"6143bfa9cf39d32d149c2893b7712358337833c9"})),!this.persistent&&o("ix-icon-button",{key:"b118c91956af0fd00d02cfefdb7da36d46f2d360",icon:t,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>{if(this.divElement){this.closeAlert(this.divElement)}},"data-testid":"close-btn"})))}};m.duration=300;m.messageTypeConfigs={alarm:{icon:b,color:"color-alarm"},critical:{icon:h,color:"color-critical"},warning:{icon:n,color:"color-warning-text"},success:{icon:l,color:"color-success"},info:{icon:i,color:"color-info"},neutral:{icon:c,color:"color-neutral"},primary:{icon:c,color:"color-primary"}};m.style=d;export{m as ix_message_bar};
2
- //# sourceMappingURL=p-6dc6eb63.entry.js.map
1
+ import{r,c as e,h as o,H as s}from"./p-CtoreFVF.js";import{a}from"./p-DhE1t8Qh.js";import{p as t,y as c,b as i,c as l,a as n,z as h,i as b}from"./p-8HpPmDK_.js";const m=":host{margin:0.5rem 0.5rem 0rem 0.5rem}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .message-container{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:nowrap;justify-content:space-between;min-height:3.375rem;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)}:host .alarm{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .danger{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-alarm)}:host .critical{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-critical)}:host .warning{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-warning)}:host .success{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-success)}:host .info{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-info)}:host .neutral{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-neutral)}:host .primary{border:solid var(--theme-message-bar--border-thickness) var(--theme-color-primary)}:host .message-content{flex-grow:1;align-self:center;min-height:1.25rem;padding:0 1rem;font-weight:normal;white-space:normal}:host ix-icon{margin-top:0.25rem}:host .message-bar-hidden{display:none}";const d=class{constructor(o){r(this,o);this.closedChange=e(this,"closedChange",7);this.closeAnimationCompleted=e(this,"closeAnimationCompleted",7);this.type="info";this.persistent=false}componentWillRender(){const r=d.messageTypeConfigs[this.type];if(r){this.icon=r.icon;this.color=r.color}}closeAlert(r){const{defaultPrevented:e}=this.closedChange.emit();if(!e){a(r,{duration:d.duration,opacity:[1,0],easing:"easeOutSine",onComplete:()=>{r.classList.add("message-bar-hidden");this.closeAnimationCompleted.emit()}})}}render(){return o(s,{key:"538fcc08ad07fe808f424e067a361f4a56f4c0ec"},o("div",{key:"4a75052efe1b22c247dcfcd298aabbd1098ff7b6",class:{"message-container":true,[this.type]:true},role:"alert",ref:r=>this.divElement=r},o("ix-icon",{key:"d348829692e38a1023e044834aefa45516b4d916",color:this.color,name:this.icon}),o("div",{key:"0ac0a509efe1dd246f7732660e4cf16416c8655d",class:"message-content"},o("slot",{key:"6143bfa9cf39d32d149c2893b7712358337833c9"})),!this.persistent&&o("ix-icon-button",{key:"b118c91956af0fd00d02cfefdb7da36d46f2d360",icon:t,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>{if(this.divElement){this.closeAlert(this.divElement)}},"data-testid":"close-btn"})))}};d.duration=300;d.messageTypeConfigs={alarm:{icon:b,color:"color-alarm"},critical:{icon:h,color:"color-critical"},warning:{icon:n,color:"color-warning-text"},success:{icon:l,color:"color-success"},info:{icon:i,color:"color-info"},neutral:{icon:c,color:"color-neutral"},primary:{icon:c,color:"color-primary"}};d.style=m;export{d as ix_message_bar};
2
+ //# sourceMappingURL=p-01e16377.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["registerInstance","createEvent","h","Host","animate","iconClose","iconNotification","iconInfo","iconSuccess","iconWarning","iconWarningRhomb","iconError","messageBarCss","MessageBar","constructor","hostRef","this","closedChange","closeAnimationCompleted","type","persistent","componentWillRender","config","messageTypeConfigs","icon","color","closeAlert","el","defaultPrevented","emit","duration","opacity","easing","onComplete","classList","add","render","key","class","role","ref","divElement","name","iconColor","size","variant","onClick","alarm","critical","warning","success","info","neutral","primary","style"],"sources":["0"],"mappings":"OAAcA,OAAuBC,OAAaC,OAAQC,MAAY,yBACxDC,MAAe,8BACfC,OAAgBC,OAAuBC,OAAeC,OAAkBC,OAAkBC,OAAuBC,MAAiB,kBAEhJ,MAAMC,EAAgB,2sEAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRf,EAAiBgB,KAAMD,GACvBC,KAAKC,aAAehB,EAAYe,KAAM,eAAgB,GACtDA,KAAKE,wBAA0BjB,EAAYe,KAAM,0BAA2B,GAI5EA,KAAKG,KAAO,OAIZH,KAAKI,WAAa,KACtB,CACA,mBAAAC,GACI,MAAMC,EAAST,EAAWU,mBAAmBP,KAAKG,MAClD,GAAIG,EAAQ,CACRN,KAAKQ,KAAOF,EAAOE,KACnBR,KAAKS,MAAQH,EAAOG,KACxB,CACJ,CACA,UAAAC,CAAWC,GACP,MAAMC,iBAAEA,GAAqBZ,KAAKC,aAAaY,OAC/C,IAAKD,EAAkB,CACnBxB,EAAQuB,EAAI,CACRG,SAAUjB,EAAWiB,SACrBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,WAAY,KACRN,EAAGO,UAAUC,IAAI,sBACjBnB,KAAKE,wBAAwBW,MAAM,GAG/C,CACJ,CACA,MAAAO,GACI,OAAQlC,EAAEC,EAAM,CAAEkC,IAAK,4CAA8CnC,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,CAAE,oBAAqB,KAAM,CAACtB,KAAKG,MAAO,MAAQoB,KAAM,QAASC,IAAMb,GAAQX,KAAKyB,WAAad,GAAOzB,EAAE,UAAW,CAAEmC,IAAK,2CAA4CZ,MAAOT,KAAKS,MAAOiB,KAAM1B,KAAKQ,OAAStB,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,mBAAqBpC,EAAE,OAAQ,CAAEmC,IAAK,+CAAiDrB,KAAKI,YAAelB,EAAE,iBAAkB,CAAEmC,IAAK,2CAA4Cb,KAAMnB,EAAWsC,UAAW,kBAAmBC,KAAM,KAAMC,QAAS,WAAYC,QAAS,KAC7pB,GAAI9B,KAAKyB,WAAY,CACjBzB,KAAKU,WAAWV,KAAKyB,WACzB,GACD,cAAe,eAC1B,GAEJ5B,EAAWiB,SAAW,IACtBjB,EAAWU,mBAAqB,CAE5BwB,MAAO,CAAEvB,KAAMb,EAAWc,MAAO,eACjCuB,SAAU,CAAExB,KAAMd,EAAkBe,MAAO,kBAC3CwB,QAAS,CAAEzB,KAAMf,EAAagB,MAAO,sBACrCyB,QAAS,CAAE1B,KAAMhB,EAAaiB,MAAO,iBACrC0B,KAAM,CAAE3B,KAAMjB,EAAUkB,MAAO,cAC/B2B,QAAS,CAAE5B,KAAMlB,EAAkBmB,MAAO,iBAC1C4B,QAAS,CAAE7B,KAAMlB,EAAkBmB,MAAO,kBAE9CZ,EAAWyC,MAAQ1C,SAEVC","ignoreList":[]}
1
+ {"version":3,"names":["registerInstance","createEvent","h","Host","animate","iconClose","iconNotification","iconInfo","iconSuccess","iconWarning","iconWarningRhomb","iconError","messageBarCss","MessageBar","constructor","hostRef","this","closedChange","closeAnimationCompleted","type","persistent","componentWillRender","config","messageTypeConfigs","icon","color","closeAlert","el","defaultPrevented","emit","duration","opacity","easing","onComplete","classList","add","render","key","class","role","ref","divElement","name","iconColor","size","variant","onClick","alarm","critical","warning","success","info","neutral","primary","style"],"sources":["0"],"mappings":"OAAcA,OAAuBC,OAAaC,OAAQC,MAAY,yBACxDC,MAAe,8BACfC,OAAgBC,OAAuBC,OAAeC,OAAkBC,OAAkBC,OAAuBC,MAAiB,kBAEhJ,MAAMC,EAAgB,ipEAEtB,MAAMC,EAAa,MACf,WAAAC,CAAYC,GACRf,EAAiBgB,KAAMD,GACvBC,KAAKC,aAAehB,EAAYe,KAAM,eAAgB,GACtDA,KAAKE,wBAA0BjB,EAAYe,KAAM,0BAA2B,GAI5EA,KAAKG,KAAO,OAIZH,KAAKI,WAAa,KACtB,CACA,mBAAAC,GACI,MAAMC,EAAST,EAAWU,mBAAmBP,KAAKG,MAClD,GAAIG,EAAQ,CACRN,KAAKQ,KAAOF,EAAOE,KACnBR,KAAKS,MAAQH,EAAOG,KACxB,CACJ,CACA,UAAAC,CAAWC,GACP,MAAMC,iBAAEA,GAAqBZ,KAAKC,aAAaY,OAC/C,IAAKD,EAAkB,CACnBxB,EAAQuB,EAAI,CACRG,SAAUjB,EAAWiB,SACrBC,QAAS,CAAC,EAAG,GACbC,OAAQ,cACRC,WAAY,KACRN,EAAGO,UAAUC,IAAI,sBACjBnB,KAAKE,wBAAwBW,MAAM,GAG/C,CACJ,CACA,MAAAO,GACI,OAAQlC,EAAEC,EAAM,CAAEkC,IAAK,4CAA8CnC,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,CAAE,oBAAqB,KAAM,CAACtB,KAAKG,MAAO,MAAQoB,KAAM,QAASC,IAAMb,GAAQX,KAAKyB,WAAad,GAAOzB,EAAE,UAAW,CAAEmC,IAAK,2CAA4CZ,MAAOT,KAAKS,MAAOiB,KAAM1B,KAAKQ,OAAStB,EAAE,MAAO,CAAEmC,IAAK,2CAA4CC,MAAO,mBAAqBpC,EAAE,OAAQ,CAAEmC,IAAK,+CAAiDrB,KAAKI,YAAelB,EAAE,iBAAkB,CAAEmC,IAAK,2CAA4Cb,KAAMnB,EAAWsC,UAAW,kBAAmBC,KAAM,KAAMC,QAAS,WAAYC,QAAS,KAC7pB,GAAI9B,KAAKyB,WAAY,CACjBzB,KAAKU,WAAWV,KAAKyB,WACzB,GACD,cAAe,eAC1B,GAEJ5B,EAAWiB,SAAW,IACtBjB,EAAWU,mBAAqB,CAE5BwB,MAAO,CAAEvB,KAAMb,EAAWc,MAAO,eACjCuB,SAAU,CAAExB,KAAMd,EAAkBe,MAAO,kBAC3CwB,QAAS,CAAEzB,KAAMf,EAAagB,MAAO,sBACrCyB,QAAS,CAAE1B,KAAMhB,EAAaiB,MAAO,iBACrC0B,KAAM,CAAE3B,KAAMjB,EAAUkB,MAAO,cAC/B2B,QAAS,CAAE5B,KAAMlB,EAAkBmB,MAAO,iBAC1C4B,QAAS,CAAE7B,KAAMlB,EAAkBmB,MAAO,kBAE9CZ,EAAWyC,MAAQ1C,SAEVC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r,h as t,H as e}from"./p-CtoreFVF.js";import{g as a,a as o}from"./p-Bb7pDeaQ.js";const i=":host{display:block;position:relative;min-width:13.375rem;width:13.375rem;height:7.5rem;min-height:7.5rem;cursor:pointer;margin:0.25rem 0}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host ix-card{width:100%;height:100%}";const s=class{constructor(t){r(this,t);this.variant="outline";this.icon=undefined;this.selected=false;this.passive=false}getSubheadingTextColor(){return this.variant==="outline"||this.variant==="filled"?"soft":undefined}render(){const r=!this.ariaLabelCard&&this.heading?"ix-action-card-heading":undefined;return t(e,{key:"600ad1913e671fb47ec9da8f66e984bbde498fae"},t("ix-card",{key:"1a8168a17a643908126f841e9cdd6d0055a62399",selected:this.selected,variant:this.variant,passive:this.passive,class:"pointer","aria-label":this.ariaLabelCard,"aria-labelledby":r,role:r?"group":undefined},t("ix-card-content",{key:"c138b94b131af478fee65244f32b91cdf78b31df"},this.icon?t("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon||a(this.icon)}):null,t("div",{key:"eb0252c628c75709fddae387a3b4a7abbf7c3df0"},this.heading?t("ix-typography",{id:"ix-action-card-heading","aria-hidden":o(!r),format:"h4"},this.heading):null,this.subheading?t("ix-typography",{format:"h5","text-color":this.getSubheadingTextColor()},this.subheading):null,t("slot",{key:"f47fd515fc5b8f22344dc83b808e527116238618"})))))}};s.style=i;export{s as ix_action_card};
2
+ //# sourceMappingURL=p-2e1bb4bf.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","h","Host","getFallbackLabelFromIconName","a11yBoolean","actionCardCss","IxActionCard","constructor","hostRef","this","variant","icon","undefined","selected","passive","getSubheadingTextColor","render","ariaLabelledBy","ariaLabelCard","heading","key","class","role","name","size","ariaLabelIcon","id","format","subheading","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,8BACtCC,OAAmCC,MAAmB,kBAEpE,MAAMC,EAAgB,s8BAEtB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRR,EAAiBS,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,KAAOC,UAIZH,KAAKI,SAAW,MAIhBJ,KAAKK,QAAU,KACnB,CACA,sBAAAC,GACI,OAAON,KAAKC,UAAY,WAAaD,KAAKC,UAAY,SAChD,OACAE,SACV,CACA,MAAAI,GACI,MAAMC,GAAkBR,KAAKS,eAAiBT,KAAKU,QAC7C,yBACAP,UACN,OAAQX,EAAEC,EAAM,CAAEkB,IAAK,4CAA8CnB,EAAE,UAAW,CAAEmB,IAAK,2CAA4CP,SAAUJ,KAAKI,SAAUH,QAASD,KAAKC,QAASI,QAASL,KAAKK,QAASO,MAAO,UAAW,aAAcZ,KAAKS,cAAe,kBAAmBD,EAAgBK,KAAML,EAAiB,QAAUL,WAAaX,EAAE,kBAAmB,CAAEmB,IAAK,4CAA8CX,KAAKE,KAAQV,EAAE,UAAW,CAAEoB,MAAO,OAAQE,KAAMd,KAAKE,KAAMa,KAAM,KAAM,aAAcf,KAAKgB,eAAiBtB,EAA6BM,KAAKE,QAAY,KAAMV,EAAE,MAAO,CAAEmB,IAAK,4CAA8CX,KAAKU,QAAWlB,EAAE,gBAAiB,CAAEyB,GAAI,yBAA0B,cAAetB,GAAaa,GAAiBU,OAAQ,MAAQlB,KAAKU,SAAY,KAAMV,KAAKmB,WAAc3B,EAAE,gBAAiB,CAAE0B,OAAQ,KAAM,aAAclB,KAAKM,0BAA4BN,KAAKmB,YAAe,KAAM3B,EAAE,OAAQ,CAAEmB,IAAK,gDACp6B,GAEJd,EAAauB,MAAQxB,SAEZC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,f as o,h as s,H as e,g as i}from"./p-CtoreFVF.js";import{a as l}from"./p-gkooEHol.js";import{m as n}from"./p-D_Hmobxf.js";import"./p-BdCnOrqW.js";const a=":host{display:flex;position:relative;width:100%;height:100%}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .side-panes-wrapper{height:100%;width:100%}:host .row{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;position:relative}:host .col{height:100%;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;position:relative}:host .content{width:100%;height:100%;overflow:auto}:host .absolute-top{width:100%;position:absolute;top:0}:host .absolute-bottom{width:100%;position:absolute;bottom:0}:host .absolute-left{height:100%;position:absolute;left:0}:host .absolute-right{height:100%;position:absolute;right:0}:host .padding-top{padding-top:2.5rem}:host .padding-bottom{padding-bottom:2.5rem}:host .padding-left{padding-left:2.5rem}:host .padding-right{padding-right:2.5rem}";const h=class{constructor(o){t(this,o);this.layout="full-vertical";this.variant="inline";this.borderless=false;this.isMobile=false;this.paneElements=0;this.panes=[]}get currentPanes(){return this.hostElement.querySelectorAll("ix-pane")}componentWillLoad(){this.paneElements=this.currentPanes.length;this.observer=new MutationObserver((t=>{var o,s;if(((o=t[0].addedNodes.item(0))===null||o===void 0?void 0:o.nodeName)==="IX-PANE"){this.paneElements+=1}else if(((s=t[0].removedNodes.item(0))===null||s===void 0?void 0:s.nodeName)==="IX-PANE"){this.paneElements-=1}}));this.observer.observe(this.hostElement,{childList:true});this.isMobile=n("sm");l.onChange.on((()=>{this.isMobile=n("sm");this.configurePanes()}))}componentDidLoad(){this.setPanes(this.currentPanes)}disconnectedCallback(){var t;(t=this.observer)===null||t===void 0?void 0:t.disconnect()}setPaneVariant(t){if(!t.ignoreLayoutSettings){t.variant=this.variant}}setPaneBorder(t){if(!t.ignoreLayoutSettings){if(this.borderless){t.borderless=true}else{const o=!!this.panes.find((t=>t.slot==="left"&&!t.hideOnCollapse));if(t.variant==="floating"&&this.layout==="full-vertical"&&o&&(t.composition==="top"||t.composition==="bottom")){t.borderless=true}else{t.borderless=false}}}}setPaneZIndex(t){const o=t.slot==="top";const s=t.slot==="bottom";const e=t.slot==="left";const i=t.slot==="right";let l=1;if(this.isMobile){if(s||o){l=3}}else{if(this.layout==="full-vertical"){if(e||i){l=3}}else{if(s||o){l=3}}}t.style.zIndex=l.toString()}setPanes(t){this.panes=[];t.forEach((t=>{this.panes.push({slot:t.slot,hideOnCollapse:t.hideOnCollapse,floating:t.variant==="floating"})}))}closeFloatingPanes(){this.currentPanes.forEach((t=>{if(t.expanded&&t.variant==="floating"){t.expanded=false}}))}configurePanes(){let t=0;let s=0;let e=0;let i=0;this.currentPanes.forEach((o=>{const l=o.slot==="top";const n=o.slot==="bottom";const a=o.slot==="left";const h=o.slot==="right";if(a){if(e){o.slot="";return}e++}else if(h){if(i){o.slot="";return}i++}else if(l){if(t){o.slot="";return}t++}else if(n){if(s){o.slot="";return}s++}else{o.slot="";return}this.setPaneVariant(o);this.setPaneBorder(o);this.setPaneZIndex(o)}));this.setPanes(this.currentPanes);o(this.hostElement)}onSlotChanged(){this.configurePanes()}onCollapsibleChanged(t){const{slot:s,hideOnCollapse:e}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.hideOnCollapse=e}}));o(this.hostElement)}onVariantChanged(t){const{slot:s,variant:e}=t.detail;this.panes.forEach((t=>{if(t.slot===s){t.floating=e==="floating"}}));o(this.hostElement)}onPaneElementsChange(){this.configurePanes()}onVariableChange(){this.currentPanes.forEach((t=>{this.setPaneVariant(t);this.setPaneBorder(t)}));this.setPanes(this.currentPanes);o(this.hostElement)}onBorderChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t)}))}onLayoutChange(){this.currentPanes.forEach((t=>{this.setPaneBorder(t);this.setPaneZIndex(t)}))}onMobileChange(){this.currentPanes.forEach((t=>{this.setPaneZIndex(t)}))}hasPadding(t){const o=this.panes.find((o=>o.slot===t));return o?!o.hideOnCollapse&&o.floating:false}hasPaddingMobile(t){const o=this.panes.find((o=>o.slot===t));return o&&!o.hideOnCollapse}slotExists(t){const o=this.panes.find((o=>o.slot===t));return!!o}isFloating(t){const o=this.panes.find((o=>o.slot===t));return o?o.floating:false}render(){return s(e,{key:"e325d469cf08970e85af16e34df3e25ea6fadacc"},!this.isMobile?this.layout=="full-vertical"?s("div",{class:"side-panes-wrapper"},s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"}),s("slot",null)),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"}))),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"})))):s("div",{class:"side-panes-wrapper"},s("div",{class:{col:true,"padding-top":this.hasPadding("top"),"padding-bottom":this.hasPadding("bottom")}},s("div",{key:"top",class:{"absolute-top":this.isFloating("top")}},s("slot",{name:"top"})),s("div",{class:{row:true,"padding-left":this.hasPadding("left"),"padding-right":this.hasPadding("right")}},s("div",{key:"left",class:{"absolute-left":this.isFloating("left")}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"}),s("slot",null)),s("div",{key:"right",class:{"absolute-right":this.isFloating("right")}},s("slot",{name:"right"}))),s("div",{key:"bottom",class:{"absolute-bottom":this.isFloating("bottom")}},s("slot",{name:"bottom"})))):s("div",{class:"col"},s("div",{key:"top",style:{minHeight:this.hasPaddingMobile("top")?"48px":"0",display:this.slotExists("top")?"block":"none"}},s("slot",{name:"top"})),s("div",{key:"left",style:{minHeight:this.hasPaddingMobile("left")?"48px":"0",display:this.slotExists("left")?"block":"none"}},s("slot",{name:"left"})),s("div",{key:"content",class:"content",onClick:()=>this.closeFloatingPanes()},s("slot",{name:"content"}),s("slot",null)),s("div",{key:"right",style:{minHeight:this.hasPaddingMobile("right")?"48px":"0",display:this.slotExists("right")?"block":"none"}},s("slot",{name:"right"})),s("div",{key:"bottom",style:{minHeight:this.hasPaddingMobile("bottom")?"48px":"0",display:this.slotExists("bottom")?"block":"none"}},s("slot",{name:"bottom"}))))}get hostElement(){return i(this)}static get watchers(){return{paneElements:["onPaneElementsChange"],variant:["onVariableChange"],borderless:["onBorderChange"],layout:["onLayoutChange"],isMobile:["onMobileChange"]}}};h.style=a;export{h as ix_pane_layout};
2
+ //# sourceMappingURL=p-3c297dc0.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","forceUpdate","h","Host","getElement","applicationLayoutService","matchBreakpoint","paneLayoutCss","Panes","constructor","hostRef","this","layout","variant","borderless","isMobile","paneElements","panes","currentPanes","hostElement","querySelectorAll","componentWillLoad","length","observer","MutationObserver","mutations","_a","_b","addedNodes","item","nodeName","removedNodes","observe","childList","onChange","on","configurePanes","componentDidLoad","setPanes","disconnectedCallback","disconnect","setPaneVariant","pane","ignoreLayoutSettings","setPaneBorder","hasVisibleLeftPane","find","slot","hideOnCollapse","composition","setPaneZIndex","isTop","isBottom","isLeft","isRight","zIndex","style","toString","forEach","push","floating","closeFloatingPanes","expanded","topCount","bottomCount","leftCount","rightCount","onSlotChanged","onCollapsibleChanged","event","detail","currentSlot","onVariantChanged","onPaneElementsChange","onVariableChange","onBorderChange","onLayoutChange","onMobileChange","hasPadding","hasPaddingMobile","slotExists","isFloating","render","key","class","row","name","col","onClick","minHeight","display","watchers"],"sources":["0"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as e,c as o,h as t,H as r,g as i}from"./p-CtoreFVF.js";import{N as s,v as a}from"./p-8HpPmDK_.js";import{a as d}from"./p-Bb7pDeaQ.js";const n=":host{--ix-dropdown-item-checked-color:var(--theme-color-primary);display:flex;flex-direction:row;position:relative;height:2.5rem;width:auto;overflow:hidden;cursor:pointer}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .dropdown-item{all:unset;display:flex;flex-direction:row;align-items:center;position:relative;height:calc(100% - 2px);border:0.0625rem solid transparent;white-space:nowrap;width:calc(100% - 0.5rem - 1.5rem);padding:0 0.5rem;padding-right:1.5rem}:host .dropdown-item.no-checked-field{width:calc(100% - 1rem - 1.5rem);padding:0 1rem;padding-right:1.5rem}:host .dropdown-item:focus-visible{border-color:var(--theme-color-focus-bdr)}:host .dropdown-item-checked{display:flex;align-items:center;justify-content:center;position:relative;height:100%;width:1rem;min-width:1rem;margin-right:0.5rem;color:var(--ix-dropdown-item-checked-color)}:host .dropdown-item-icon{margin-right:0.5rem;color:var(--theme-color-std-text)}:host .dropdown-item-text{display:block;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host .submenu-icon{margin-left:auto}:host(.icon-only) .dropdown-item-icon{margin-right:0px}:host(.icon-only) .dropdown-item-checked{display:none}:host(.icon-only) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(.submenu) .dropdown-item{width:calc(100% - 0.5rem - 0.5rem);padding:0 0.5rem;padding-right:0.5rem}:host(:not(.disabled):not(:disabled).hover),:host(:not(.disabled):not(:disabled):hover){background-color:var(--theme-ghost--background--hover)}:host(:not(.disabled):not(:disabled).active),:host(:not(.disabled):not(:disabled):active){background-color:var(--theme-ghost--background--active)}:host(.disabled){pointer-events:none;color:var(--theme-color-weak-text) !important}:host(.disabled) .dropdown-item-icon{color:var(--theme-color-weak-text) !important}";const l=class{constructor(t){e(this,t);this.itemClick=o(this,"itemClick",7);this.hover=false;this.disabled=false;this.checked=false;this.isSubMenu=false;this.suppressChecked=false}async emitItemClick(){this.itemClick.emit(this.hostElement)}async getDropdownItemElement(){return this.hostElement}isIconOnly(){return this.label===undefined&&this.hostElement.innerText===""&&this.icon!==undefined}render(){return t(r,{key:"89d6023460273b60bf52f129e456e0d92e51c09d",class:{hover:this.hover,"icon-only":this.isIconOnly(),disabled:this.disabled,submenu:this.isSubMenu},role:"listitem"},t("button",{key:"32feebb5d24eb19af7b5081c4f771a489913180f",type:"button",tabIndex:this.disabled?-1:0,class:{"dropdown-item":true,"no-checked-field":this.suppressChecked,disabled:this.disabled},onClick:()=>{if(!this.disabled){this.emitItemClick()}},"aria-label":this.ariaLabelButton,"aria-disabled":d(this.disabled),disabled:this.disabled},!this.suppressChecked?t("div",{class:"dropdown-item-checked"},this.checked?t("ix-icon",{class:"checkmark",name:s,size:"16"}):null):null,this.icon?t("ix-icon",{class:"dropdown-item-icon",name:this.icon,"aria-label":this.ariaLabelIcon}):null,t("div",{key:"dbc0b8352eb200eca806604da06e884bc398c5f0",class:"dropdown-item-text"},this.label,t("slot",{key:"e9a0a489086d0990f613b9e44fbe16cd00a0794b"})),this.isSubMenu?t("ix-icon",{name:a,class:"submenu-icon"}):null))}get hostElement(){return i(this)}};l.style=n;export{l as ix_dropdown_item};
2
+ //# sourceMappingURL=p-3ca8fd00.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","createEvent","h","Host","getElement","iconSingleCheck","iconChevronRightSmall","a11yBoolean","dropdownItemCss","DropdownItem","constructor","hostRef","this","itemClick","hover","disabled","checked","isSubMenu","suppressChecked","emitItemClick","emit","hostElement","getDropdownItemElement","isIconOnly","label","undefined","innerText","icon","render","key","class","submenu","role","type","tabIndex","onClick","ariaLabelButton","name","size","ariaLabelIcon","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,OAAWC,MAAkB,8BACzEC,OAAsBC,MAA6B,8BACnDC,MAAmB,kBAEjC,MAAMC,EAAkB,8iFAExB,MAAMC,EAAe,MACjB,WAAAC,CAAYC,GACRX,EAAiBY,KAAMD,GACvBC,KAAKC,UAAYZ,EAAYW,KAAM,YAAa,GAIhDA,KAAKE,MAAQ,MAIbF,KAAKG,SAAW,MAIhBH,KAAKI,QAAU,MAEfJ,KAAKK,UAAY,MAEjBL,KAAKM,gBAAkB,KAC3B,CAEA,mBAAMC,GACFP,KAAKC,UAAUO,KAAKR,KAAKS,YAC7B,CAEA,4BAAMC,GACF,OAAOV,KAAKS,WAChB,CACA,UAAAE,GACI,OAAQX,KAAKY,QAAUC,WACnBb,KAAKS,YAAYK,YAAc,IAC/Bd,KAAKe,OAASF,SACtB,CACA,MAAAG,GACI,OAAQ1B,EAAEC,EAAM,CAAE0B,IAAK,2CAA4CC,MAAO,CAClEhB,MAAOF,KAAKE,MACZ,YAAaF,KAAKW,aAClBR,SAAUH,KAAKG,SACfgB,QAASnB,KAAKK,WACfe,KAAM,YAAc9B,EAAE,SAAU,CAAE2B,IAAK,2CAA4CI,KAAM,SAAUC,SAAUtB,KAAKG,UAAY,EAAI,EAAGe,MAAO,CAC3I,gBAAiB,KACjB,mBAAoBlB,KAAKM,gBACzBH,SAAUH,KAAKG,UAChBoB,QAAS,KACR,IAAKvB,KAAKG,SAAU,CAChBH,KAAKO,eACT,GACD,aAAcP,KAAKwB,gBAAiB,gBAAiB7B,EAAYK,KAAKG,UAAWA,SAAUH,KAAKG,WAAaH,KAAKM,gBAAmBhB,EAAE,MAAO,CAAE4B,MAAO,yBAA2BlB,KAAKI,QAAWd,EAAE,UAAW,CAAE4B,MAAO,YAAaO,KAAMhC,EAAiBiC,KAAM,OAAW,MAAS,KAAM1B,KAAKe,KAAQzB,EAAE,UAAW,CAAE4B,MAAO,qBAAsBO,KAAMzB,KAAKe,KAAM,aAAcf,KAAK2B,gBAAoB,KAAMrC,EAAE,MAAO,CAAE2B,IAAK,2CAA4CC,MAAO,sBAAwBlB,KAAKY,MAAOtB,EAAE,OAAQ,CAAE2B,IAAK,8CAAgDjB,KAAKK,UAAaf,EAAE,UAAW,CAAEmC,KAAM/B,EAAuBwB,MAAO,iBAAqB,MAChqB,CACA,eAAIT,GAAgB,OAAOjB,EAAWQ,KAAO,GAEjDH,EAAa+B,MAAQhC,SAEZC","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as t,h as o,H as r}from"./p-CtoreFVF.js";import{T as e}from"./p-BdCnOrqW.js";const s=":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed;z-index:var(--theme-z-index-toast)}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{right:1rem;bottom:2rem}";const a=class{constructor(o){t(this,o);this.containerId="toast-container";this.containerClass="toast-container";this.position="bottom-right";this.PREFIX_POSITION_CLASS="toast-container--"}get hostContainer(){return new Promise((t=>{const o=setInterval((()=>{const r=document.getElementById(this.containerId);if(r){clearInterval(o);t(r)}}))}))}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId;t.classList.add(this.containerClass);t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`);document.body.appendChild(t)}}onPositionChange(t,o){const r=document.getElementById(this.containerId);if(!r){console.warn("No toast container found, cannot configure toast position");return}r.classList.remove(`${this.PREFIX_POSITION_CLASS}${o}`);r.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)}async showToast(t){var o,r;const s=document.createElement("ix-toast");const a=new e;function n(t){s.remove();a.emit(t)}s.toastTitle=t.title;s.type=(o=t.type)!==null&&o!==void 0?o:"info";s.preventAutoClose=t.autoClose===false;s.autoCloseDelay=(r=t.autoCloseDelay)!==null&&r!==void 0?r:5e3;s.icon=t.icon;s.iconColor=t.iconColor;s.addEventListener("closeToast",(t=>{const{detail:o}=t;n(o)}));if(t.message){if(typeof t.message==="string"){s.innerText=t.message}else{s.appendChild(t.message)}}if(t.action&&t.action instanceof HTMLElement){t.action.slot="action";s.appendChild(t.action)}(await this.hostContainer).appendChild(s);return{onClose:a,close:t=>{n(t)},pause:()=>{s.pause()},resume:()=>{s.resume()},isPaused:()=>s.isPaused()}}render(){return o(r,{key:"ff09f24de84ceb7710a228f28dd82f1ca17ce83a",class:{"toast-container--bottom-right":this.position==="bottom-right","toast-container--top-right":this.position==="top-right"}},o("slot",{key:"bfe056dedfac7cdc249034e746fc4f63caded036"}))}static get watchers(){return{position:["onPositionChange"]}}};a.style=s;export{a as ix_toast_container};
2
- //# sourceMappingURL=p-367df024.entry.js.map
1
+ import{r as t,h as o,H as r}from"./p-CtoreFVF.js";import{T as s}from"./p-BdCnOrqW.js";const e=":host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}#toast-container>:not(:last-child){margin-block-end:1rem}.toast-container{display:block;position:fixed;z-index:var(--theme-z-index-toast)}.toast-container--top-right{right:1rem;top:2rem}.toast-container--bottom-right{right:1rem;bottom:2rem}";const n=class{constructor(o){t(this,o);this.containerId="toast-container";this.containerClass="toast-container";this.position="bottom-right";this.PREFIX_POSITION_CLASS="toast-container--"}get hostContainer(){return new Promise((t=>{const o=setInterval((()=>{const r=document.getElementById(this.containerId);if(r){clearInterval(o);t(r)}}))}))}componentDidLoad(){if(!document.getElementById(this.containerId)){const t=document.createElement("div");t.id=this.containerId;t.classList.add(this.containerClass);t.classList.add(`${this.PREFIX_POSITION_CLASS}${this.position}`);document.body.appendChild(t)}}onPositionChange(t,o){const r=document.getElementById(this.containerId);if(!r){console.warn("No toast container found, cannot configure toast position");return}r.classList.remove(`${this.PREFIX_POSITION_CLASS}${o}`);r.classList.add(`${this.PREFIX_POSITION_CLASS}${t}`)}async showToast(t){var o,r,e;const n=document.createElement("ix-toast");const a=new s;function i(t){n.remove();a.emit(t)}n.toastTitle=t.title;n.type=(o=t.type)!==null&&o!==void 0?o:"info";n.preventAutoClose=t.autoClose===false;n.autoCloseDelay=(r=t.autoCloseDelay)!==null&&r!==void 0?r:5e3;n.icon=t.icon;n.iconColor=t.iconColor;n.hideIcon=(e=t.hideIcon)!==null&&e!==void 0?e:false;n.addEventListener("closeToast",(t=>{const{detail:o}=t;i(o)}));if(t.message){if(typeof t.message==="string"){n.innerText=t.message}else{n.appendChild(t.message)}}if(t.action&&t.action instanceof HTMLElement){t.action.slot="action";n.appendChild(t.action)}(await this.hostContainer).appendChild(n);return{onClose:a,close:t=>{i(t)},pause:()=>{n.pause()},resume:()=>{n.resume()},isPaused:()=>n.isPaused()}}render(){return o(r,{key:"11d339600495a1d923de9ee92abdb2b6248ed8b5",class:{"toast-container--bottom-right":this.position==="bottom-right","toast-container--top-right":this.position==="top-right"}},o("slot",{key:"b942eb55489de1a132d4b7c481fa9b91ddb9657d"}))}static get watchers(){return{position:["onPositionChange"]}}};n.style=e;export{n as ix_toast_container};
2
+ //# sourceMappingURL=p-84178b22.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","h","Host","TypedEvent","toastContainerCss","ToastContainer","constructor","hostRef","this","containerId","containerClass","position","PREFIX_POSITION_CLASS","hostContainer","Promise","resolve","interval","setInterval","containerElement","document","getElementById","clearInterval","componentDidLoad","toastContainer","createElement","id","classList","add","body","appendChild","onPositionChange","newPosition","oldPosition","console","warn","remove","showToast","config","_a","_b","_c","toast","onClose","removeToast","result","emit","toastTitle","title","type","preventAutoClose","autoClose","autoCloseDelay","icon","iconColor","hideIcon","addEventListener","event","detail","message","innerText","action","HTMLElement","slot","close","pause","resume","isPaused","render","key","class","watchers","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,8BACtCC,MAAkB,kBAEhC,MAAMC,EAAoB,ugCAE1B,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GAGvBC,KAAKC,YAAc,kBAGnBD,KAAKE,eAAiB,kBAGtBF,KAAKG,SAAW,eAChBH,KAAKI,sBAAwB,mBACjC,CACA,iBAAIC,GACA,OAAO,IAAIC,SAASC,IAChB,MAAMC,EAAWC,aAAY,KACzB,MAAMC,EAAmBC,SAASC,eAAeZ,KAAKC,aACtD,GAAIS,EAAkB,CAClBG,cAAcL,GACdD,EAAQG,EACZ,IACF,GAEV,CACA,gBAAAI,GACI,IAAKH,SAASC,eAAeZ,KAAKC,aAAc,CAC5C,MAAMc,EAAiBJ,SAASK,cAAc,OAC9CD,EAAeE,GAAKjB,KAAKC,YACzBc,EAAeG,UAAUC,IAAInB,KAAKE,gBAClCa,EAAeG,UAAUC,IAAI,GAAGnB,KAAKI,wBAAwBJ,KAAKG,YAClEQ,SAASS,KAAKC,YAAYN,EAC9B,CACJ,CACA,gBAAAO,CAAiBC,EAAaC,GAC1B,MAAMT,EAAiBJ,SAASC,eAAeZ,KAAKC,aACpD,IAAKc,EAAgB,CACjBU,QAAQC,KAAK,6DACb,MACJ,CACAX,EAAeG,UAAUS,OAAO,GAAG3B,KAAKI,wBAAwBoB,KAChET,EAAeG,UAAUC,IAAI,GAAGnB,KAAKI,wBAAwBmB,IACjE,CAKA,eAAMK,CAAUC,GACZ,IAAIC,EAAIC,EAAIC,EACZ,MAAMC,EAAQtB,SAASK,cAAc,YACrC,MAAMkB,EAAU,IAAIvC,EACpB,SAASwC,EAAYC,GACjBH,EAAMN,SACNO,EAAQG,KAAKD,EACjB,CACAH,EAAMK,WAAaT,EAAOU,MAC1BN,EAAMO,MAAQV,EAAKD,EAAOW,QAAU,MAAQV,SAAY,EAAIA,EAAK,OACjEG,EAAMQ,iBAAmBZ,EAAOa,YAAc,MAC9CT,EAAMU,gBAAkBZ,EAAKF,EAAOc,kBAAoB,MAAQZ,SAAY,EAAIA,EAAK,IACrFE,EAAMW,KAAOf,EAAOe,KACpBX,EAAMY,UAAYhB,EAAOgB,UACzBZ,EAAMa,UAAYd,EAAKH,EAAOiB,YAAc,MAAQd,SAAY,EAAIA,EAAK,MACzEC,EAAMc,iBAAiB,cAAeC,IAClC,MAAMC,OAAEA,GAAWD,EACnBb,EAAYc,EAAO,IAEvB,GAAIpB,EAAOqB,QAAS,CAChB,UAAWrB,EAAOqB,UAAY,SAAU,CACpCjB,EAAMkB,UAAYtB,EAAOqB,OAC7B,KACK,CACDjB,EAAMZ,YAAYQ,EAAOqB,QAC7B,CACJ,CACA,GAAIrB,EAAOuB,QAAUvB,EAAOuB,kBAAkBC,YAAa,CACvDxB,EAAOuB,OAAOE,KAAO,SACrBrB,EAAMZ,YAAYQ,EAAOuB,OAC7B,QACOpD,KAAKK,eAAegB,YAAYY,GACvC,MAAO,CACHC,UACAqB,MAAQnB,IACJD,EAAYC,EAAO,EAEvBoB,MAAO,KACHvB,EAAMuB,OAAO,EAEjBC,OAAQ,KACJxB,EAAMwB,QAAQ,EAElBC,SAAU,IACCzB,EAAMyB,WAGzB,CACA,MAAAC,GACI,OAAQlE,EAAEC,EAAM,CAAEkE,IAAK,2CAA4CC,MAAO,CAClE,gCAAiC7D,KAAKG,WAAa,eACnD,6BAA8BH,KAAKG,WAAa,cAC/CV,EAAE,OAAQ,CAAEmE,IAAK,6CAC9B,CACA,mBAAWE,GAAa,MAAO,CAC3B3D,SAAY,CAAC,oBACd,GAEPN,EAAekE,MAAQnE,SAEdC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{r as t,c as o,h as a,H as s,g as e}from"./p-CtoreFVF.js";import{a as r,c as i,i as n,b as c,p as h}from"./p-8HpPmDK_.js";const l=":host{display:flex;flex-direction:column;position:relative;min-width:17.5rem;max-width:17.5rem;min-height:3.5rem;pointer-events:all;background-color:var(--theme-toast--background);border:var(--theme-toast--border-thickness) solid var(--theme-toast--border-color);border-radius:var(--theme-toast--border-radius, var(--theme-toast--border-radus));box-shadow:var(--theme-toast--box-shadow);--animate-duration:var(--theme-medium-time)}:host *,:host *::after,:host *::before{box-sizing:border-box}:host ::-webkit-scrollbar-button{display:none}@-moz-document url-prefix(){:host *{scrollbar-color:var(--theme-scrollbar-thumb--background) var(--theme-scrollbar-track--background);scrollbar-width:thin}}:host{}:host ::-webkit-scrollbar{width:0.5rem;height:0.5rem}:host{}:host ::-webkit-scrollbar-track{border-radius:5px;background:var(--theme-scrollbar-track--background)}:host ::-webkit-scrollbar-track:hover{background:var(--theme-scrollbar-track--background--hover)}:host{}:host ::-webkit-scrollbar-thumb{border-radius:5px;background:var(--theme-scrollbar-thumb--background)}:host{}:host ::-webkit-scrollbar-thumb:hover{background:var(--theme-scrollbar-thumb--background--hover)}:host ::-webkit-scrollbar-corner{display:none}:host .toast-body{display:flex;position:relative;min-height:3.5rem;width:100%;flex-grow:1;padding:0.75rem}:host .toast-body .toast-icon{display:flex;align-items:flex-start;margin-right:0.5rem}:host .toast-body .toast-content{overflow:hidden;text-overflow:ellipsis;min-width:0;width:100%}:host .toast-body .toast-content .toast-title{margin:0.25rem 0px}:host .toast-body .toast-content .toast-message{min-width:0;font-family:Siemens Sans, sans-serif;font-size:0.875rem;font-weight:400;line-height:1.429em;color:var(--theme-color-std-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smooting:grayscale}:host .toast-body .toast-content .toast-action{margin-top:0.5rem}:host .toast-body .toast-icon+.toast-content{max-width:10.25rem}:host .toast-close{display:flex;position:relative;pointer-events:all;margin-left:auto;margin-right:0px;opacity:0.6}:host .toast-close:hover{opacity:1}:host .toast-progress-bar{position:absolute;bottom:0;height:0.125rem;width:100%;background-color:var(--theme-toast-timer-value--background);transform-origin:left}:host .toast-progress-bar--animated{animation:trackProgress linear 1 forwards}@keyframes trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}";const d=class{constructor(a){t(this,a);this.closeToast=o(this,"closeToast",7);this.type="info";this.autoCloseDelay=5e3;this.preventAutoClose=false;this.hideIcon=false;this.progress=0;this.touched=false;this.paused=false}getIcon(){if(this.icon){return a("ix-icon",{"data-testid":"toast-icon",name:this.icon,color:this.iconColor,size:"24"})}switch(this.type){case"info":return a("ix-icon",{"data-testid":"toast-icon",name:c,size:"24",color:"color-std-text"});case"error":return a("ix-icon",{"data-testid":"toast-icon",name:n,size:"24",color:"color-alarm"});case"success":return a("ix-icon",{"data-testid":"toast-icon",name:i,size:"24",color:"color-success"});case"warning":return a("ix-icon",{"data-testid":"toast-icon",name:r,size:"24",color:"color-warning-text"});default:return""}}close(){if(this.hostElement){this.hostElement.classList.add("animate__fadeOut")}setTimeout((()=>{this.closeToast.emit()}),250)}async pause(){this.paused=true}async resume(){this.paused=false}async isPaused(){return this.paused||this.touched}render(){let t={};const o=["toast-progress-bar"];t={animationDuration:`${this.autoCloseDelay}ms`,animationPlayState:this.touched||this.paused?"paused":"running"};o.push("toast-progress-bar--animated");return a(s,{key:"f2f95d77b28639b78e3fb0f82f471d8fba9b3a3d",class:"animate__animated animate__fadeIn"},a("div",{key:"c32a7a677f5d7ca00c209355e5af9679ad28fc28",class:"toast-body",onPointerLeave:()=>{this.touched=false},onPointerEnter:()=>{this.touched=true}},(this.type||this.icon)&&!this.hideIcon?a("div",{class:"toast-icon"},this.getIcon()):null,a("div",{key:"853a02c2cedea5b66aabc754699e6aeab69dbb9a",class:"toast-content"},this.toastTitle?a("ix-typography",{class:"toast-title",format:"h5"},this.toastTitle):null,a("div",{key:"35d881b3af41b2400a873ea2e45a0634eb81831f",class:"toast-message"},a("slot",{key:"9030ed64837f7ee0b4ffc8b9aa36d8553e3a97ae"})),a("div",{key:"fee8e7ca8620d01f8de665ad80293f44b71879ca",class:"toast-action"},a("slot",{key:"0b81d513c974da48e77cebc35806ab19f7bc9e6f",name:"action"}))),a("div",{key:"59f3cf1722fc9203cb9602387115019258014c55",class:"toast-close"},a("ix-icon-button",{key:"d6dceea9274e9266f9ac36c51546635e954ef963",icon:h,iconColor:"color-soft-text",size:"24",variant:"tertiary",onClick:()=>this.closeToast.emit(),"aria-label":this.ariaLabelCloseIconButton}))),!this.preventAutoClose&&a("div",{key:"3530a6781c5f32d787ef1a1b38eb39f98ca26062",class:o.join(" "),style:t,onAnimationEnd:()=>{this.close()},onTransitionEnd:()=>{if(this.progress===0){this.close()}}}))}get hostElement(){return e(this)}};d.style=l;export{d as ix_toast};
2
+ //# sourceMappingURL=p-944a39a6.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","createEvent","h","Host","getElement","iconWarning","iconSuccess","iconError","iconInfo","iconClose","toastCss","Toast","constructor","hostRef","this","closeToast","type","autoCloseDelay","preventAutoClose","hideIcon","progress","touched","paused","getIcon","icon","name","color","iconColor","size","close","hostElement","classList","add","setTimeout","emit","pause","resume","isPaused","render","progressBarStyle","progressBarClass","animationDuration","animationPlayState","push","key","class","onPointerLeave","onPointerEnter","toastTitle","format","variant","onClick","ariaLabelCloseIconButton","join","style","onAnimationEnd","onTransitionEnd"],"sources":["0"],"mappings":"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","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r,h as o,H as e}from"./p-CtoreFVF.js";const a=":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}";const c=class{constructor(o){r(this,o);this.variant="outline";this.expanded=false}render(){var r;return o(e,{key:"ce5e4eb49ffe548ae912dfb9df2ff02e570aef15",class:`card-${this.variant}`},o("ix-card",{key:"09ee07b5244171d3cd2a2eaf99180a71364326e6",variant:this.variant},o("ix-card-content",{key:"4ca37f7946dfaf600c21fa516a6a79c95c3369f3"},o("ix-card-title",{key:"14508386f9ad32b641b7404b8d1845f8f215a12f"},this.icon?o("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,o("ix-typography",{key:"004e0f78e304e16b085cba401d4fe6067c579819",format:"display-xxl"},(r=this.notification)!==null&&r!==void 0?r:0),o("slot",{key:"b5207aabd014e0e180eb1248795bccc23c09b850",name:"title-action"})),o("ix-typography",{key:"e39c0d3762869afd918cf9f8bb75bcbad35798d2",format:"h4"},this.heading),o("ix-typography",{key:"52c82e776f50a1e848cb163cf974402fc58a5011"},this.subheading)),o("ix-card-accordion",{key:"28ba4043b6494617eb0a4ea03eca56c198e10766",collapse:!this.expanded,variant:this.variant},o("slot",{key:"f2be8b7cd43af05c3af1be4a5642871e3413d6f8"}))))}};c.style=a;export{c as ix_push_card};
2
- //# sourceMappingURL=p-b76df1c7.entry.js.map
1
+ import{r,h as o,H as d}from"./p-CtoreFVF.js";const a=":host{display:block;position:relative}:host ix-card{cursor:default}:host ix-card-accordion{cursor:pointer}:host .icon{height:2.5rem;width:2.5rem}:host ix-card-title{height:2.5rem}:host ix-card-content{height:11rem}:host(.card-outline) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-outline-accordion--border-color)}:host(.card-filled) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-filled-accordion--border-color)}:host(.card-alarm) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-alarm-accordion--border-color)}:host(.card-critical) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-critical-accordion--border-color)}:host(.card-warning) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-warning-accordion--border-color)}:host(.card-success) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-success-accordion--border-color)}:host(.card-info) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-info-accordion--border-color)}:host(.card-neutral) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-neutral-accordion--border-color)}:host(.card-primary) ix-card-content{border-bottom:var(--theme-push-card--border-width) solid var(--theme-push-card-primary-accordion--border-color)}";const c=class{constructor(o){r(this,o);this.variant="outline";this.expanded=false;this.passive=false}render(){var r;return o(d,{key:"f91d2bc149d2358afb29d82de24a0fd4d36ff8da",class:`card-${this.variant}`},o("ix-card",{key:"22520048301a654e61139c8d6bd50788328861d9",variant:this.variant,passive:this.passive},o("ix-card-content",{key:"ff4cdaa22e092861c98cf9af6554626c5d8b067f"},o("ix-card-title",{key:"63deacdf7535977fd8c7a4f42e45127231ee6475"},this.icon?o("ix-icon",{class:"icon",name:this.icon,size:"32","aria-label":this.ariaLabelIcon}):null,o("ix-typography",{key:"3a86dc49d3cf32c426c231865b1a2336ccad48bf",format:"display-xxl"},(r=this.notification)!==null&&r!==void 0?r:0),o("slot",{key:"19fa42ddfbb9e1dce31842f5eab9ca9652b86701",name:"title-action"})),o("ix-typography",{key:"28a8dd2f112f679f5352fd17bccb0e9996208d80",format:"h4"},this.heading),o("ix-typography",{key:"6b46c08124d639b71d8c11b8b3fb07c91950b5ed"},this.subheading)),o("ix-card-accordion",{key:"0812bbb4d460cd89d095aa1eff55e5c37ef52e36",collapse:!this.expanded,variant:this.variant},o("slot",{key:"2ac082345c8179a97520407d6bc91aac7a3b0a9b"}))))}};c.style=a;export{c as ix_push_card};
2
+ //# sourceMappingURL=p-9f7d9525.entry.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["registerInstance","h","Host","pushCardCss","PushCard","constructor","hostRef","this","variant","expanded","passive","render","_a","key","class","icon","name","size","ariaLabelIcon","format","notification","heading","subheading","collapse","style"],"sources":["0"],"mappings":"OAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAc,4gDAEpB,MAAMC,EAAW,MACb,WAAAC,CAAYC,GACRN,EAAiBO,KAAMD,GAIvBC,KAAKC,QAAU,UAIfD,KAAKE,SAAW,MAIhBF,KAAKG,QAAU,KACnB,CACA,MAAAC,GACI,IAAIC,EACJ,OAAQX,EAAEC,EAAM,CAAEW,IAAK,2CAA4CC,MAAO,QAAQP,KAAKC,WAAaP,EAAE,UAAW,CAAEY,IAAK,2CAA4CL,QAASD,KAAKC,QAASE,QAASH,KAAKG,SAAWT,EAAE,kBAAmB,CAAEY,IAAK,4CAA8CZ,EAAE,gBAAiB,CAAEY,IAAK,4CAA8CN,KAAKQ,KAAQd,EAAE,UAAW,CAAEa,MAAO,OAAQE,KAAMT,KAAKQ,KAAME,KAAM,KAAM,aAAcV,KAAKW,gBAAoB,KAAMjB,EAAE,gBAAiB,CAAEY,IAAK,2CAA4CM,OAAQ,gBAAkBP,EAAKL,KAAKa,gBAAkB,MAAQR,SAAY,EAAIA,EAAK,GAAIX,EAAE,OAAQ,CAAEY,IAAK,2CAA4CG,KAAM,kBAAoBf,EAAE,gBAAiB,CAAEY,IAAK,2CAA4CM,OAAQ,MAAQZ,KAAKc,SAAUpB,EAAE,gBAAiB,CAAEY,IAAK,4CAA8CN,KAAKe,aAAcrB,EAAE,oBAAqB,CAAEY,IAAK,2CAA4CU,UAAWhB,KAAKE,SAAUD,QAASD,KAAKC,SAAWP,EAAE,OAAQ,CAAEY,IAAK,+CACjiC,GAEJT,EAASoB,MAAQrB,SAERC","ignoreList":[]}
@@ -0,0 +1,2 @@
1
+ import{T as t}from"./p-BdCnOrqW.js";const e="data-ix-theme";const s="data-ix-color-schema";class i{get themeChanged(){return this._themeChanged}get schemaChanged(){return this._schemaChanged}hasVariantSuffix(t){return t.endsWith(this.suffixDark)||t.endsWith(this.suffixLight)}isThemeClass(t){return t.startsWith(this.prefixTheme)&&this.hasVariantSuffix(t)}setTheme(t,s=false){if(this.isThemeClass(t)){this.replaceThemeClass(t)}else{document.documentElement.setAttribute(e,t)}if(s){const t=n();this.setVariant(t)}}replaceThemeClass(t){const e=[];Array.from(document.documentElement.classList).filter((t=>t&&this.isThemeClass(t))).forEach((t=>{e.push(t)}));document.documentElement.classList.remove(...e);document.documentElement.classList.add(t)}toggleMode(){if(document.documentElement.hasAttribute(s)){const t=this.getDataColorSchema(document.documentElement);document.documentElement.setAttribute(s,t==="dark"?"light":"dark");return}const t=[];Array.from(document.documentElement.classList).filter((t=>t&&this.isThemeClass(t))).forEach((e=>{t.push(e)}));if(t.length===0){document.documentElement.classList.add(this.getOppositeMode(this.defaultTheme));return}t.forEach((t=>{document.documentElement.classList.replace(t,this.getOppositeMode(t))}))}getDataColorSchema(t){return t.getAttribute(s)}getCurrentTheme(){const t=Array.from(document.documentElement.classList).find((t=>this.isThemeClass(t)));if(t){return t}const i=document.documentElement.getAttribute(e);const r=document.documentElement.getAttribute(s);const o=i||"classic";const a=r||n();return`theme-${o}-${a}`}setVariant(t=n()){if(this.getDataColorSchema(document.documentElement)){document.documentElement.setAttribute(s,t);return}const e=this.getCurrentTheme();if(!e){document.documentElement.setAttribute(s,t);return}document.documentElement.classList.remove(e);if(e.endsWith(this.suffixDark)){document.documentElement.classList.add(e.replace(/-dark$/g,`-${t}`))}if(e.endsWith(this.suffixLight)){document.documentElement.classList.add(e.replace(/-light$/g,`-${t}`))}document.documentElement.setAttribute(s,t)}getOppositeMode(t){if(t.endsWith(this.suffixDark)){return t.replace(/-dark$/g,this.suffixLight)}if(t.endsWith(this.suffixLight)){return t.replace(/-light$/g,this.suffixDark)}return""}splitMutations(t){const i=t.filter((t=>t.attributeName==="class"));const n=t.filter((t=>t.attributeName===e||t.attributeName===s));return{classMutations:i,dataMutations:n}}handleClassMutations(t){return t.forEach((t=>{const{target:e}=t;e.classList.forEach((e=>{var s;if(this.isThemeClass(e)&&!((s=t.oldValue)===null||s===void 0?void 0:s.includes(e))){this._themeChanged.emit(e)}}))}))}handleDataMutations(t){return t.forEach((t=>{const{target:i}=t;const n=i.attributes.getNamedItem(e);if((n===null||n===void 0?void 0:n.value)&&t.oldValue!==n.value){this._themeChanged.emit(n.value)}const r=i.attributes.getNamedItem(s);if((r===null||r===void 0?void 0:r.value)&&t.oldValue!==r.value){this._schemaChanged.emit(r.value)}}))}registerMutationObservers(){if(typeof window==="undefined"){return}if(!("MutationObserver"in window)){console.warn("ThemeSwitcher not supported by your browser. Missing MutationObserver API");return}const t={attributeFilter:["class",e,s],attributeOldValue:true};const i=t=>{const{classMutations:e,dataMutations:s}=this.splitMutations(t);this.handleClassMutations(e);this.handleDataMutations(s)};this.mutationObserver=new MutationObserver(i);this.mutationObserver.observe(document.documentElement,t)}constructor(){this.prefixTheme="theme-";this.suffixLight="-light";this.suffixDark="-dark";this.defaultTheme="theme-classic-dark";this._themeChanged=new t;this._schemaChanged=new t;this.registerMutationObservers()}}const n=()=>{const t=window.matchMedia("(prefers-color-scheme: dark)");if(t.matches){return"dark"}return"light"};const r=new i;export{n as g,r as t};
2
+ //# sourceMappingURL=p-G5i1Siog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"p-G5i1Siog.js","sources":["src/components/utils/theme-switcher.ts"],"sourcesContent":["/*\n * SPDX-FileCopyrightText: 2025 Siemens AG\n *\n * SPDX-License-Identifier: MIT\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { type LiteralStringUnion } from './type-helper';\nimport { TypedEvent } from './typed-event';\n\nexport type ThemeVariant = 'light' | 'dark';\n\nconst dataIxTheme = 'data-ix-theme';\nconst dataIxColorSchema = 'data-ix-color-schema';\n\nclass ThemeSwitcher {\n readonly prefixTheme = 'theme-';\n readonly suffixLight = '-light';\n readonly suffixDark = '-dark';\n readonly defaultTheme = 'theme-classic-dark';\n\n mutationObserver?: MutationObserver;\n _themeChanged = new TypedEvent<string>();\n _schemaChanged = new TypedEvent<string>();\n\n public get themeChanged() {\n return this._themeChanged;\n }\n\n public get schemaChanged() {\n return this._schemaChanged;\n }\n\n public hasVariantSuffix(className: string) {\n return (\n className.endsWith(this.suffixDark) ||\n className.endsWith(this.suffixLight)\n );\n }\n\n private isThemeClass(className: string) {\n return (\n className.startsWith(this.prefixTheme) && this.hasVariantSuffix(className)\n );\n }\n\n public setTheme(themeName: string, systemAppearance = false) {\n if (this.isThemeClass(themeName)) {\n this.replaceThemeClass(themeName);\n } else {\n document.documentElement.setAttribute(dataIxTheme, themeName);\n }\n\n if (systemAppearance) {\n const currentSystemAppearance = getCurrentSystemAppearance();\n this.setVariant(currentSystemAppearance);\n }\n }\n\n private replaceThemeClass(themeName: string) {\n const oldThemes: string[] = [];\n Array.from(document.documentElement.classList)\n .filter((className) => className && this.isThemeClass(className))\n .forEach((className) => {\n oldThemes.push(className);\n });\n\n document.documentElement.classList.remove(...oldThemes);\n document.documentElement.classList.add(themeName);\n }\n\n public toggleMode() {\n if (document.documentElement.hasAttribute(dataIxColorSchema)) {\n const currentSchema = this.getDataColorSchema(document.documentElement)!;\n document.documentElement.setAttribute(\n dataIxColorSchema,\n currentSchema === 'dark' ? 'light' : 'dark'\n );\n return;\n }\n\n const oldThemes: string[] = [];\n Array.from(document.documentElement.classList)\n .filter((className) => className && this.isThemeClass(className))\n .forEach((className) => {\n oldThemes.push(className);\n });\n\n if (oldThemes.length === 0) {\n document.documentElement.classList.add(\n this.getOppositeMode(this.defaultTheme)\n );\n return;\n }\n\n oldThemes.forEach((themeName) => {\n document.documentElement.classList.replace(\n themeName,\n this.getOppositeMode(themeName)\n );\n });\n }\n\n private getDataColorSchema(target: HTMLElement) {\n return target.getAttribute(dataIxColorSchema);\n }\n\n public getCurrentTheme() {\n const themeClass = Array.from(document.documentElement.classList).find(\n (className) => this.isThemeClass(className)\n );\n\n if (themeClass) {\n return themeClass;\n }\n\n const dataTheme = document.documentElement.getAttribute(dataIxTheme);\n const dataColorSchema =\n document.documentElement.getAttribute(dataIxColorSchema);\n\n const theme = dataTheme || 'classic';\n const variant = dataColorSchema || getCurrentSystemAppearance();\n\n return `theme-${theme}-${variant}`;\n }\n\n public setVariant(variant: ThemeVariant = getCurrentSystemAppearance()) {\n if (this.getDataColorSchema(document.documentElement)) {\n document.documentElement.setAttribute(dataIxColorSchema, variant);\n return;\n }\n\n const currentTheme = this.getCurrentTheme();\n if (!currentTheme) {\n document.documentElement.setAttribute(dataIxColorSchema, variant);\n return;\n }\n\n document.documentElement.classList.remove(currentTheme);\n\n if (currentTheme.endsWith(this.suffixDark)) {\n document.documentElement.classList.add(\n currentTheme.replace(/-dark$/g, `-${variant}`)\n );\n }\n\n if (currentTheme.endsWith(this.suffixLight)) {\n document.documentElement.classList.add(\n currentTheme.replace(/-light$/g, `-${variant}`)\n );\n }\n\n document.documentElement.setAttribute(dataIxColorSchema, variant);\n }\n\n private getOppositeMode(themeName: string) {\n if (themeName.endsWith(this.suffixDark)) {\n return themeName.replace(/-dark$/g, this.suffixLight);\n }\n\n if (themeName.endsWith(this.suffixLight)) {\n return themeName.replace(/-light$/g, this.suffixDark);\n }\n\n return '';\n }\n\n private splitMutations(mutations: MutationRecord[]) {\n const classMutations = mutations.filter(\n (mutation) => mutation.attributeName === 'class'\n );\n\n const dataMutations = mutations.filter(\n (mutation) =>\n mutation.attributeName === dataIxTheme ||\n mutation.attributeName === dataIxColorSchema\n );\n\n return { classMutations, dataMutations };\n }\n\n private handleClassMutations(mutations: MutationRecord[]) {\n return mutations.forEach((mutation) => {\n const { target } = mutation;\n (target as HTMLElement).classList.forEach((className) => {\n if (\n this.isThemeClass(className) &&\n !mutation.oldValue?.includes(className)\n ) {\n this._themeChanged.emit(className);\n }\n });\n });\n }\n\n private handleDataMutations(mutations: MutationRecord[]) {\n return mutations.forEach((mutation) => {\n const { target } = mutation;\n const theme = (target as Element).attributes.getNamedItem(dataIxTheme);\n if (theme?.value && mutation.oldValue !== theme.value) {\n this._themeChanged.emit(theme.value);\n }\n\n const colorSchema = (target as Element).attributes.getNamedItem(\n dataIxColorSchema\n );\n if (colorSchema?.value && mutation.oldValue !== colorSchema.value) {\n this._schemaChanged.emit(colorSchema.value);\n }\n });\n }\n\n private registerMutationObservers() {\n if (typeof (window as any) === 'undefined') {\n return;\n }\n\n if (!('MutationObserver' in window)) {\n console.warn(\n 'ThemeSwitcher not supported by your browser. Missing MutationObserver API'\n );\n return;\n }\n\n const mutationObserverConfig = {\n attributeFilter: ['class', dataIxTheme, dataIxColorSchema],\n attributeOldValue: true,\n };\n\n const handleMutations = (mutations: MutationRecord[]) => {\n const { classMutations, dataMutations } = this.splitMutations(mutations);\n\n this.handleClassMutations(classMutations);\n this.handleDataMutations(dataMutations);\n };\n\n this.mutationObserver = new MutationObserver(handleMutations);\n this.mutationObserver.observe(\n document.documentElement,\n mutationObserverConfig\n );\n }\n\n public constructor() {\n this.registerMutationObservers();\n }\n}\n\nexport type IxTheme = LiteralStringUnion<\n 'classic' | 'classic-dark' | 'classic-light'\n>;\n\nexport const getCurrentSystemAppearance = (): ThemeVariant => {\n const matchMedia = window.matchMedia('(prefers-color-scheme: dark)');\n\n if (matchMedia.matches) {\n return 'dark';\n }\n\n return 'light';\n};\n\nexport const themeSwitcher = new ThemeSwitcher();\n"],"names":[],"mappings":"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"}