@siemens/ix 0.0.0-pr-2297-20251211061723 → 0.0.0-pr-2300-20260109081436

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 (139) hide show
  1. package/components/index.js +1 -1
  2. package/components/index.js.map +1 -1
  3. package/components/ix-action-card.js +8 -3
  4. package/components/ix-action-card.js.map +1 -1
  5. package/components/ix-application.js +1 -1
  6. package/components/ix-card-list.js +1 -1
  7. package/components/ix-card.js +1 -1
  8. package/components/ix-menu.js +1 -1
  9. package/components/ix-message-bar.js +1 -1
  10. package/components/ix-message-bar.js.map +1 -1
  11. package/components/ix-pane-layout.js +2 -1
  12. package/components/ix-pane-layout.js.map +1 -1
  13. package/components/ix-push-card.js +8 -3
  14. package/components/ix-push-card.js.map +1 -1
  15. package/components/ix-toast-container.js +5 -4
  16. package/components/ix-toast-container.js.map +1 -1
  17. package/components/ix-toast.js +1 -1
  18. package/components/{p-CsHYWHE6.js → p-G5i1Siog.js} +15 -5
  19. package/components/p-G5i1Siog.js.map +1 -0
  20. package/components/{p-hwPzPVf8.js → p-rFxiFp44.js} +12 -6
  21. package/components/p-rFxiFp44.js.map +1 -0
  22. package/components/{p-DlVaL0Yi.js → p-tpxSImkl.js} +9 -4
  23. package/components/p-tpxSImkl.js.map +1 -0
  24. package/dist/cjs/index.cjs.js +1 -1
  25. package/dist/cjs/index.cjs.js.map +1 -1
  26. package/dist/cjs/ix-action-card.cjs.entry.js +5 -1
  27. package/dist/cjs/ix-action-card.entry.cjs.js.map +1 -1
  28. package/dist/cjs/ix-application.cjs.entry.js +1 -1
  29. package/dist/cjs/ix-card.ix-card-content.entry.cjs.js.map +1 -1
  30. package/dist/cjs/ix-card_2.cjs.entry.js +8 -3
  31. package/dist/cjs/ix-menu.cjs.entry.js +1 -1
  32. package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
  33. package/dist/cjs/ix-message-bar.entry.cjs.js.map +1 -1
  34. package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -1
  35. package/dist/cjs/ix-pane-layout.entry.cjs.js.map +1 -1
  36. package/dist/cjs/ix-push-card.cjs.entry.js +5 -1
  37. package/dist/cjs/ix-push-card.entry.cjs.js.map +1 -1
  38. package/dist/cjs/ix-toast-container.cjs.entry.js +4 -3
  39. package/dist/cjs/ix-toast-container.entry.cjs.js.map +1 -1
  40. package/dist/cjs/ix-toast.cjs.entry.js +6 -2
  41. package/dist/cjs/ix-toast.entry.cjs.js.map +1 -1
  42. package/dist/cjs/loader.cjs.js +1 -1
  43. package/dist/cjs/siemens-ix.cjs.js +1 -1
  44. package/dist/cjs/{theme-switcher-76Td30il.js → theme-switcher-BCyZa6wG.js} +15 -5
  45. package/dist/cjs/theme-switcher-BCyZa6wG.js.map +1 -0
  46. package/dist/collection/components/action-card/action-card.js +25 -1
  47. package/dist/collection/components/action-card/action-card.js.map +1 -1
  48. package/dist/collection/components/card/card.css +49 -0
  49. package/dist/collection/components/card/card.js +27 -2
  50. package/dist/collection/components/card/card.js.map +1 -1
  51. package/dist/collection/components/message-bar/message-bar.css +0 -11
  52. package/dist/collection/components/pane-layout/pane-layout.js +2 -1
  53. package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
  54. package/dist/collection/components/push-card/push-card.js +25 -1
  55. package/dist/collection/components/push-card/push-card.js.map +1 -1
  56. package/dist/collection/components/toast/toast-container.js +4 -3
  57. package/dist/collection/components/toast/toast-container.js.map +1 -1
  58. package/dist/collection/components/toast/toast-utils.js.map +1 -1
  59. package/dist/collection/components/toast/toast.js +26 -2
  60. package/dist/collection/components/toast/toast.js.map +1 -1
  61. package/dist/collection/components/utils/theme-switcher.js +13 -3
  62. package/dist/collection/components/utils/theme-switcher.js.map +1 -1
  63. package/dist/esm/index.js +1 -1
  64. package/dist/esm/index.js.map +1 -1
  65. package/dist/esm/ix-action-card.entry.js +5 -1
  66. package/dist/esm/ix-action-card.entry.js.map +1 -1
  67. package/dist/esm/ix-application.entry.js +1 -1
  68. package/dist/esm/ix-card.ix-card-content.entry.js.map +1 -1
  69. package/dist/esm/ix-card_2.entry.js +8 -3
  70. package/dist/esm/ix-menu.entry.js +1 -1
  71. package/dist/esm/ix-message-bar.entry.js +1 -1
  72. package/dist/esm/ix-message-bar.entry.js.map +1 -1
  73. package/dist/esm/ix-pane-layout.entry.js +2 -1
  74. package/dist/esm/ix-pane-layout.entry.js.map +1 -1
  75. package/dist/esm/ix-push-card.entry.js +5 -1
  76. package/dist/esm/ix-push-card.entry.js.map +1 -1
  77. package/dist/esm/ix-toast-container.entry.js +4 -3
  78. package/dist/esm/ix-toast-container.entry.js.map +1 -1
  79. package/dist/esm/ix-toast.entry.js +6 -2
  80. package/dist/esm/ix-toast.entry.js.map +1 -1
  81. package/dist/esm/loader.js +1 -1
  82. package/dist/esm/siemens-ix.js +1 -1
  83. package/dist/esm/{theme-switcher-DRqJGlG2.js → theme-switcher-EbjilqRl.js} +15 -5
  84. package/dist/esm/theme-switcher-EbjilqRl.js.map +1 -0
  85. package/dist/siemens-ix/index.esm.js +1 -1
  86. package/dist/siemens-ix/index.esm.js.map +1 -1
  87. package/dist/siemens-ix/ix-action-card.entry.esm.js.map +1 -1
  88. package/dist/siemens-ix/ix-card.ix-card-content.entry.esm.js.map +1 -1
  89. package/dist/siemens-ix/ix-message-bar.entry.esm.js.map +1 -1
  90. package/dist/siemens-ix/ix-pane-layout.entry.esm.js.map +1 -1
  91. package/dist/siemens-ix/ix-push-card.entry.esm.js.map +1 -1
  92. package/dist/siemens-ix/ix-toast-container.entry.esm.js.map +1 -1
  93. package/dist/siemens-ix/ix-toast.entry.esm.js.map +1 -1
  94. package/dist/siemens-ix/{p-6dc6eb63.entry.js → p-01e16377.entry.js} +2 -2
  95. package/dist/siemens-ix/{p-6dc6eb63.entry.js.map → p-01e16377.entry.js.map} +1 -1
  96. package/dist/siemens-ix/p-2e1bb4bf.entry.js +2 -0
  97. package/dist/siemens-ix/p-2e1bb4bf.entry.js.map +1 -0
  98. package/dist/siemens-ix/p-3c297dc0.entry.js +2 -0
  99. package/dist/siemens-ix/p-3c297dc0.entry.js.map +1 -0
  100. package/dist/siemens-ix/{p-367df024.entry.js → p-84178b22.entry.js} +2 -2
  101. package/dist/siemens-ix/p-84178b22.entry.js.map +1 -0
  102. package/dist/siemens-ix/p-944a39a6.entry.js +2 -0
  103. package/dist/siemens-ix/p-944a39a6.entry.js.map +1 -0
  104. package/dist/siemens-ix/{p-b76df1c7.entry.js → p-9f7d9525.entry.js} +2 -2
  105. package/dist/siemens-ix/p-9f7d9525.entry.js.map +1 -0
  106. package/dist/siemens-ix/p-G5i1Siog.js +2 -0
  107. package/dist/siemens-ix/p-G5i1Siog.js.map +1 -0
  108. package/dist/siemens-ix/{p-8f17f6ec.entry.js → p-ec9dc8d8.entry.js} +2 -2
  109. package/dist/siemens-ix/p-ec9dc8d8.entry.js.map +1 -0
  110. package/dist/siemens-ix/{p-35d6b656.entry.js → p-f5dd421a.entry.js} +2 -2
  111. package/dist/siemens-ix/{p-f27c0a6c.entry.js → p-f5f9940c.entry.js} +2 -2
  112. package/dist/siemens-ix/siemens-ix.esm.js +1 -1
  113. package/dist/types/components/action-card/action-card.d.ts +4 -0
  114. package/dist/types/components/card/card.d.ts +4 -0
  115. package/dist/types/components/push-card/push-card.d.ts +4 -0
  116. package/dist/types/components/toast/toast-utils.d.ts +4 -0
  117. package/dist/types/components/toast/toast.d.ts +4 -0
  118. package/dist/types/components.d.ts +40 -0
  119. package/hydrate/index.js +51 -18
  120. package/hydrate/index.mjs +51 -18
  121. package/package.json +1 -1
  122. package/components/p-CsHYWHE6.js.map +0 -1
  123. package/components/p-DlVaL0Yi.js.map +0 -1
  124. package/components/p-hwPzPVf8.js.map +0 -1
  125. package/dist/cjs/theme-switcher-76Td30il.js.map +0 -1
  126. package/dist/esm/theme-switcher-DRqJGlG2.js.map +0 -1
  127. package/dist/siemens-ix/p-2597a988.entry.js +0 -2
  128. package/dist/siemens-ix/p-2597a988.entry.js.map +0 -1
  129. package/dist/siemens-ix/p-33fcea65.entry.js +0 -2
  130. package/dist/siemens-ix/p-33fcea65.entry.js.map +0 -1
  131. package/dist/siemens-ix/p-367df024.entry.js.map +0 -1
  132. package/dist/siemens-ix/p-8f17f6ec.entry.js.map +0 -1
  133. package/dist/siemens-ix/p-CsHYWHE6.js +0 -2
  134. package/dist/siemens-ix/p-CsHYWHE6.js.map +0 -1
  135. package/dist/siemens-ix/p-b76df1c7.entry.js.map +0 -1
  136. package/dist/siemens-ix/p-c1160cf8.entry.js +0 -2
  137. package/dist/siemens-ix/p-c1160cf8.entry.js.map +0 -1
  138. /package/dist/siemens-ix/{p-35d6b656.entry.js.map → p-f5dd421a.entry.js.map} +0 -0
  139. /package/dist/siemens-ix/{p-f27c0a6c.entry.js.map → p-f5f9940c.entry.js.map} +0 -0
@@ -126,6 +126,11 @@ export namespace Components {
126
126
  * @default undefined
127
127
  */
128
128
  "icon": string | undefined;
129
+ /**
130
+ * If true, disables hover and active styles and changes cursor to default
131
+ * @default false
132
+ */
133
+ "passive": boolean;
129
134
  /**
130
135
  * Card selection
131
136
  * @default false
@@ -425,6 +430,11 @@ export namespace Components {
425
430
  "variant": ButtonVariant;
426
431
  }
427
432
  interface IxCard {
433
+ /**
434
+ * If true, disables hover and active styles and changes cursor to default
435
+ * @default false
436
+ */
437
+ "passive": boolean;
428
438
  /**
429
439
  * Show card in selected state
430
440
  * @default false
@@ -2882,6 +2892,11 @@ export namespace Components {
2882
2892
  * Card KPI value
2883
2893
  */
2884
2894
  "notification"?: string;
2895
+ /**
2896
+ * If true, disables hover and active styles and changes cursor to default
2897
+ * @default false
2898
+ */
2899
+ "passive": boolean;
2885
2900
  /**
2886
2901
  * Card subheading
2887
2902
  */
@@ -3702,6 +3717,11 @@ export namespace Components {
3702
3717
  * @default 5000
3703
3718
  */
3704
3719
  "autoCloseDelay": number;
3720
+ /**
3721
+ * Allows to hide the icon in the toast.
3722
+ * @default false
3723
+ */
3724
+ "hideIcon": boolean;
3705
3725
  /**
3706
3726
  * Icon of toast
3707
3727
  */
@@ -5895,6 +5915,11 @@ declare namespace LocalJSX {
5895
5915
  * @default undefined
5896
5916
  */
5897
5917
  "icon"?: string | undefined;
5918
+ /**
5919
+ * If true, disables hover and active styles and changes cursor to default
5920
+ * @default false
5921
+ */
5922
+ "passive"?: boolean;
5898
5923
  /**
5899
5924
  * Card selection
5900
5925
  * @default false
@@ -6190,6 +6215,11 @@ declare namespace LocalJSX {
6190
6215
  "variant"?: ButtonVariant;
6191
6216
  }
6192
6217
  interface IxCard {
6218
+ /**
6219
+ * If true, disables hover and active styles and changes cursor to default
6220
+ * @default false
6221
+ */
6222
+ "passive"?: boolean;
6193
6223
  /**
6194
6224
  * Show card in selected state
6195
6225
  * @default false
@@ -8714,6 +8744,11 @@ declare namespace LocalJSX {
8714
8744
  * Card KPI value
8715
8745
  */
8716
8746
  "notification"?: string;
8747
+ /**
8748
+ * If true, disables hover and active styles and changes cursor to default
8749
+ * @default false
8750
+ */
8751
+ "passive"?: boolean;
8717
8752
  /**
8718
8753
  * Card subheading
8719
8754
  */
@@ -9536,6 +9571,11 @@ declare namespace LocalJSX {
9536
9571
  * @default 5000
9537
9572
  */
9538
9573
  "autoCloseDelay"?: number;
9574
+ /**
9575
+ * Allows to hide the icon in the toast.
9576
+ * @default false
9577
+ */
9578
+ "hideIcon"?: boolean;
9539
9579
  /**
9540
9580
  * Icon of toast
9541
9581
  */
package/hydrate/index.js CHANGED
@@ -3850,9 +3850,15 @@ class ThemeSwitcher {
3850
3850
  return target.getAttribute(dataIxColorSchema);
3851
3851
  }
3852
3852
  getCurrentTheme() {
3853
- var _a;
3854
- return ((_a = Array.from(document.documentElement.classList).find((className) => this.isThemeClass(className))) !== null && _a !== void 0 ? _a : `theme-${document.documentElement.getAttribute(dataIxTheme) || 'classic'}-${document.documentElement.getAttribute(dataIxColorSchema) ||
3855
- getCurrentSystemAppearance()}`);
3853
+ const themeClass = Array.from(document.documentElement.classList).find((className) => this.isThemeClass(className));
3854
+ if (themeClass) {
3855
+ return themeClass;
3856
+ }
3857
+ const dataTheme = document.documentElement.getAttribute(dataIxTheme);
3858
+ const dataColorSchema = document.documentElement.getAttribute(dataIxColorSchema);
3859
+ const theme = dataTheme || 'classic';
3860
+ const variant = dataColorSchema || getCurrentSystemAppearance();
3861
+ return `theme-${theme}-${variant}`;
3856
3862
  }
3857
3863
  setVariant(variant = getCurrentSystemAppearance()) {
3858
3864
  if (this.getDataColorSchema(document.documentElement)) {
@@ -3860,6 +3866,10 @@ class ThemeSwitcher {
3860
3866
  return;
3861
3867
  }
3862
3868
  const currentTheme = this.getCurrentTheme();
3869
+ if (!currentTheme) {
3870
+ document.documentElement.setAttribute(dataIxColorSchema, variant);
3871
+ return;
3872
+ }
3863
3873
  document.documentElement.classList.remove(currentTheme);
3864
3874
  if (currentTheme.endsWith(this.suffixDark)) {
3865
3875
  document.documentElement.classList.add(currentTheme.replace(/-dark$/g, `-${variant}`));
@@ -9079,7 +9089,7 @@ class Button {
9079
9089
  }; }
9080
9090
  }
9081
9091
 
9082
- const cardCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}: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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var(\n --theme-card-outline--border-color--selected\n );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var(\n --theme-card-filled--border-color--selected\n );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var(\n --theme-card-alarm--border-color--selected\n );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var(\n --theme-card-critical--border-color--selected\n );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var(\n --theme-card-warning--border-color--selected\n );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var(\n --theme-card-success--border-color--selected\n );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var(\n --theme-card-info--border-color--selected\n );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var(\n --theme-card-neutral--border-color--selected\n );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var(\n --theme-card-primary--border-color--selected\n );--ix-card-background:var(--theme-card-primary--background--selected)}";
9092
+ const cardCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}: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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var(\n --theme-card-outline--border-color--selected\n );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var(\n --theme-card-filled--border-color--selected\n );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var(\n --theme-card-alarm--border-color--selected\n );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var(\n --theme-card-critical--border-color--selected\n );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var(\n --theme-card-warning--border-color--selected\n );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var(\n --theme-card-success--border-color--selected\n );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var(\n --theme-card-info--border-color--selected\n );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var(\n --theme-card-neutral--border-color--selected\n );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var(\n --theme-card-primary--border-color--selected\n );--ix-card-background:var(--theme-card-primary--background--selected)}:host(.passive){cursor:default}:host(.passive.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color)}:host(.passive.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color)}:host(.passive.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color)}:host(.passive.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color)}:host(.passive.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color)}:host(.passive.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color)}:host(.passive.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color)}:host(.passive.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color)}:host(.passive.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color)}";
9083
9093
 
9084
9094
  class Card {
9085
9095
  constructor(hostRef) {
@@ -9092,12 +9102,17 @@ class Card {
9092
9102
  * Show card in selected state
9093
9103
  */
9094
9104
  this.selected = false;
9105
+ /**
9106
+ * If true, disables hover and active styles and changes cursor to default
9107
+ */
9108
+ this.passive = false;
9095
9109
  }
9096
9110
  render() {
9097
- return (hAsync(Host, { key: '3b734eddf8516af24b52b1b2ba27766a913f943d', class: {
9111
+ return (hAsync(Host, { key: '3eed87586aed1916f7c1e3c2323a46c794d046d9', class: {
9098
9112
  selected: this.selected,
9099
9113
  [`card-${this.variant}`]: true,
9100
- } }, hAsync("div", { key: '7a2cce1797c1e89c8568e9e196020747f0f4150b', class: "card-content" }, hAsync("slot", { key: 'ea837bde282a62637ed15b96b8ca407219e949ae' })), hAsync("div", { key: 'acc07c72e4a63a671fb945e4c0332825f4781a1d', class: "card-footer" }, hAsync("slot", { key: '870004ea22909180bac56c8b7c040d914e268f1d', name: "card-accordion" }))));
9114
+ passive: this.passive,
9115
+ } }, hAsync("div", { key: '7ae77cffe48272d0acc8cbd0dc7286d0fc835d8d', class: "card-content" }, hAsync("slot", { key: 'ba07f9804dd1af6256ceb0cc972b2cc03a18f558' })), hAsync("div", { key: '72bc9064c1d09188d60e1b9516811a91435f53b4', class: "card-footer" }, hAsync("slot", { key: '7fbacfea4d8308e88b4db025567654a0a4ef0d96', name: "card-accordion" }))));
9101
9116
  }
9102
9117
  get hostElement() { return getElement(this); }
9103
9118
  static get style() { return cardCss; }
@@ -9106,7 +9121,8 @@ class Card {
9106
9121
  "$tagName$": "ix-card",
9107
9122
  "$members$": {
9108
9123
  "variant": [1],
9109
- "selected": [4]
9124
+ "selected": [4],
9125
+ "passive": [4]
9110
9126
  },
9111
9127
  "$listeners$": undefined,
9112
9128
  "$lazyBundleId$": "-",
@@ -24874,6 +24890,10 @@ class IxActionCard {
24874
24890
  * Card selection
24875
24891
  */
24876
24892
  this.selected = false;
24893
+ /**
24894
+ * If true, disables hover and active styles and changes cursor to default
24895
+ */
24896
+ this.passive = false;
24877
24897
  }
24878
24898
  getSubheadingTextColor() {
24879
24899
  return this.variant === 'outline' || this.variant === 'filled'
@@ -24884,7 +24904,7 @@ class IxActionCard {
24884
24904
  const ariaLabelledBy = !this.ariaLabelCard && this.heading
24885
24905
  ? 'ix-action-card-heading'
24886
24906
  : undefined;
24887
- return (hAsync(Host, { key: '167db61afb0880052edd6e28ec9e907dbe98a186' }, hAsync("ix-card", { key: 'e8014c544dbadee66135b8def9b868488a07773b', selected: this.selected, variant: this.variant, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, hAsync("ix-card-content", { key: 'bcb177b0fbe2a709d3ab9d8479077eb64ef2496a' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, hAsync("div", { key: '65aa3882ad626df59598626bf7a67e1431fcf6e4' }, this.heading ? (hAsync("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, hAsync("slot", { key: '9ffacb3ea7d9642a2adbad41d9e6fc36a8e5118b' }))))));
24907
+ return (hAsync(Host, { key: '600ad1913e671fb47ec9da8f66e984bbde498fae' }, hAsync("ix-card", { key: '1a8168a17a643908126f841e9cdd6d0055a62399', selected: this.selected, variant: this.variant, passive: this.passive, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, hAsync("ix-card-content", { key: 'c138b94b131af478fee65244f32b91cdf78b31df' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, hAsync("div", { key: 'eb0252c628c75709fddae387a3b4a7abbf7c3df0' }, this.heading ? (hAsync("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, hAsync("slot", { key: 'f47fd515fc5b8f22344dc83b808e527116238618' }))))));
24888
24908
  }
24889
24909
  static get style() { return actionCardCss; }
24890
24910
  static get cmpMeta() { return {
@@ -24897,7 +24917,8 @@ class IxActionCard {
24897
24917
  "heading": [1],
24898
24918
  "subheading": [1],
24899
24919
  "selected": [4],
24900
- "ariaLabelCard": [1, "aria-label-card"]
24920
+ "ariaLabelCard": [1, "aria-label-card"],
24921
+ "passive": [4]
24901
24922
  },
24902
24923
  "$listeners$": undefined,
24903
24924
  "$lazyBundleId$": "-",
@@ -26577,7 +26598,7 @@ class MenuSettingsItem {
26577
26598
  }; }
26578
26599
  }
26579
26600
 
26580
- const messageBarCss = ":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}";
26601
+ const messageBarCss = ":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}";
26581
26602
 
26582
26603
  class MessageBar {
26583
26604
  constructor(hostRef) {
@@ -28099,6 +28120,7 @@ class Panes {
28099
28120
  this.isMobile = matchBreakpoint('sm');
28100
28121
  applicationLayoutService.onChange.on(() => {
28101
28122
  this.isMobile = matchBreakpoint('sm');
28123
+ this.configurePanes();
28102
28124
  });
28103
28125
  }
28104
28126
  componentDidLoad() {
@@ -28284,7 +28306,7 @@ class Panes {
28284
28306
  return pane ? pane.floating : false;
28285
28307
  }
28286
28308
  render() {
28287
- return (hAsync(Host, { key: 'f5825e5fd84ca1f96e9eb6d19c528107167b4e16' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28309
+ return (hAsync(Host, { key: 'e325d469cf08970e85af16e34df3e25ea6fadacc' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28288
28310
  row: true,
28289
28311
  'padding-left': this.hasPadding('left'),
28290
28312
  'padding-right': this.hasPadding('right'),
@@ -28620,10 +28642,14 @@ class PushCard {
28620
28642
  * Expand the card
28621
28643
  */
28622
28644
  this.expanded = false;
28645
+ /**
28646
+ * If true, disables hover and active styles and changes cursor to default
28647
+ */
28648
+ this.passive = false;
28623
28649
  }
28624
28650
  render() {
28625
28651
  var _a;
28626
- return (hAsync(Host, { key: 'ce5e4eb49ffe548ae912dfb9df2ff02e570aef15', class: `card-${this.variant}` }, hAsync("ix-card", { key: '09ee07b5244171d3cd2a2eaf99180a71364326e6', variant: this.variant }, hAsync("ix-card-content", { key: '4ca37f7946dfaf600c21fa516a6a79c95c3369f3' }, hAsync("ix-card-title", { key: '14508386f9ad32b641b7404b8d1845f8f215a12f' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '004e0f78e304e16b085cba401d4fe6067c579819', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'b5207aabd014e0e180eb1248795bccc23c09b850', name: "title-action" })), hAsync("ix-typography", { key: 'e39c0d3762869afd918cf9f8bb75bcbad35798d2', format: "h4" }, this.heading), hAsync("ix-typography", { key: '52c82e776f50a1e848cb163cf974402fc58a5011' }, this.subheading)), hAsync("ix-card-accordion", { key: '28ba4043b6494617eb0a4ea03eca56c198e10766', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: 'f2be8b7cd43af05c3af1be4a5642871e3413d6f8' })))));
28652
+ return (hAsync(Host, { key: 'f91d2bc149d2358afb29d82de24a0fd4d36ff8da', class: `card-${this.variant}` }, hAsync("ix-card", { key: '22520048301a654e61139c8d6bd50788328861d9', variant: this.variant, passive: this.passive }, hAsync("ix-card-content", { key: 'ff4cdaa22e092861c98cf9af6554626c5d8b067f' }, hAsync("ix-card-title", { key: '63deacdf7535977fd8c7a4f42e45127231ee6475' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '3a86dc49d3cf32c426c231865b1a2336ccad48bf', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '19fa42ddfbb9e1dce31842f5eab9ca9652b86701', name: "title-action" })), hAsync("ix-typography", { key: '28a8dd2f112f679f5352fd17bccb0e9996208d80', format: "h4" }, this.heading), hAsync("ix-typography", { key: '6b46c08124d639b71d8c11b8b3fb07c91950b5ed' }, this.subheading)), hAsync("ix-card-accordion", { key: '0812bbb4d460cd89d095aa1eff55e5c37ef52e36', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '2ac082345c8179a97520407d6bc91aac7a3b0a9b' })))));
28627
28653
  }
28628
28654
  static get style() { return pushCardCss; }
28629
28655
  static get cmpMeta() { return {
@@ -28636,7 +28662,8 @@ class PushCard {
28636
28662
  "heading": [1],
28637
28663
  "subheading": [1],
28638
28664
  "variant": [1],
28639
- "expanded": [4]
28665
+ "expanded": [4],
28666
+ "passive": [4]
28640
28667
  },
28641
28668
  "$listeners$": undefined,
28642
28669
  "$lazyBundleId$": "-",
@@ -31908,6 +31935,10 @@ class Toast {
31908
31935
  * Autoclose behavior
31909
31936
  */
31910
31937
  this.preventAutoClose = false;
31938
+ /**
31939
+ * Allows to hide the icon in the toast.
31940
+ */
31941
+ this.hideIcon = false;
31911
31942
  this.progress = 0;
31912
31943
  this.touched = false;
31913
31944
  this.paused = false;
@@ -31964,11 +31995,11 @@ class Toast {
31964
31995
  animationPlayState: this.touched || this.paused ? 'paused' : 'running',
31965
31996
  };
31966
31997
  progressBarClass.push('toast-progress-bar--animated');
31967
- return (hAsync(Host, { key: 'b006843e5552e82ed437b10ab31c5cdff7ec90a6', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '8d4c07604138e38235b3a2f042ce8550966df392', class: "toast-body", onPointerLeave: () => {
31998
+ return (hAsync(Host, { key: 'f2f95d77b28639b78e3fb0f82f471d8fba9b3a3d', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'c32a7a677f5d7ca00c209355e5af9679ad28fc28', class: "toast-body", onPointerLeave: () => {
31968
31999
  this.touched = false;
31969
32000
  }, onPointerEnter: () => {
31970
32001
  this.touched = true;
31971
- } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'b5235db039ca12fa5a3823861f41e86fbf312661', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '6577c06f5530655aafc974684aedbac7d48da649', class: "toast-message" }, hAsync("slot", { key: '16675e05c803fe4ef8e246463f30c194e76a8428' })), hAsync("div", { key: '84eeb321fc81b49d14468e7d517dd8cfc8769c8d', class: "toast-action" }, hAsync("slot", { key: 'f55d9f57a23bf58006e1f3bc1d3e7fab85440dab', name: "action" }))), hAsync("div", { key: 'd409d2622bce56496f6081cf55ab9ad1137dc222', class: "toast-close" }, hAsync("ix-icon-button", { key: '873c0a73f6c5a9ae47cd39d63ff9c68dde219cbd', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '15a6b8556e7d22e9c9061a27e31b3138cb86380b', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
32002
+ } }, (this.type || this.icon) && !this.hideIcon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: '853a02c2cedea5b66aabc754699e6aeab69dbb9a', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '35d881b3af41b2400a873ea2e45a0634eb81831f', class: "toast-message" }, hAsync("slot", { key: '9030ed64837f7ee0b4ffc8b9aa36d8553e3a97ae' })), hAsync("div", { key: 'fee8e7ca8620d01f8de665ad80293f44b71879ca', class: "toast-action" }, hAsync("slot", { key: '0b81d513c974da48e77cebc35806ab19f7bc9e6f', name: "action" }))), hAsync("div", { key: '59f3cf1722fc9203cb9602387115019258014c55', class: "toast-close" }, hAsync("ix-icon-button", { key: 'd6dceea9274e9266f9ac36c51546635e954ef963', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '3530a6781c5f32d787ef1a1b38eb39f98ca26062', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
31972
32003
  this.close();
31973
32004
  }, onTransitionEnd: () => {
31974
32005
  if (this.progress === 0) {
@@ -31988,6 +32019,7 @@ class Toast {
31988
32019
  "preventAutoClose": [4, "prevent-auto-close"],
31989
32020
  "icon": [1],
31990
32021
  "iconColor": [1, "icon-color"],
32022
+ "hideIcon": [4, "hide-icon"],
31991
32023
  "ariaLabelCloseIconButton": [1, "aria-label-close-icon-button"],
31992
32024
  "progress": [32],
31993
32025
  "touched": [32],
@@ -32052,7 +32084,7 @@ class ToastContainer {
32052
32084
  * @param config
32053
32085
  */
32054
32086
  async showToast(config) {
32055
- var _a, _b;
32087
+ var _a, _b, _c;
32056
32088
  const toast = document.createElement('ix-toast');
32057
32089
  const onClose = new TypedEvent();
32058
32090
  function removeToast(result) {
@@ -32065,6 +32097,7 @@ class ToastContainer {
32065
32097
  toast.autoCloseDelay = (_b = config.autoCloseDelay) !== null && _b !== void 0 ? _b : 5000;
32066
32098
  toast.icon = config.icon;
32067
32099
  toast.iconColor = config.iconColor;
32100
+ toast.hideIcon = (_c = config.hideIcon) !== null && _c !== void 0 ? _c : false;
32068
32101
  toast.addEventListener('closeToast', (event) => {
32069
32102
  const { detail } = event;
32070
32103
  removeToast(detail);
@@ -32099,10 +32132,10 @@ class ToastContainer {
32099
32132
  };
32100
32133
  }
32101
32134
  render() {
32102
- return (hAsync(Host, { key: 'ff09f24de84ceb7710a228f28dd82f1ca17ce83a', class: {
32135
+ return (hAsync(Host, { key: '11d339600495a1d923de9ee92abdb2b6248ed8b5', class: {
32103
32136
  'toast-container--bottom-right': this.position === 'bottom-right',
32104
32137
  'toast-container--top-right': this.position === 'top-right',
32105
- } }, hAsync("slot", { key: 'bfe056dedfac7cdc249034e746fc4f63caded036' })));
32138
+ } }, hAsync("slot", { key: 'b942eb55489de1a132d4b7c481fa9b91ddb9657d' })));
32106
32139
  }
32107
32140
  static get watchers() { return {
32108
32141
  "position": ["onPositionChange"]
package/hydrate/index.mjs CHANGED
@@ -3848,9 +3848,15 @@ class ThemeSwitcher {
3848
3848
  return target.getAttribute(dataIxColorSchema);
3849
3849
  }
3850
3850
  getCurrentTheme() {
3851
- var _a;
3852
- return ((_a = Array.from(document.documentElement.classList).find((className) => this.isThemeClass(className))) !== null && _a !== void 0 ? _a : `theme-${document.documentElement.getAttribute(dataIxTheme) || 'classic'}-${document.documentElement.getAttribute(dataIxColorSchema) ||
3853
- getCurrentSystemAppearance()}`);
3851
+ const themeClass = Array.from(document.documentElement.classList).find((className) => this.isThemeClass(className));
3852
+ if (themeClass) {
3853
+ return themeClass;
3854
+ }
3855
+ const dataTheme = document.documentElement.getAttribute(dataIxTheme);
3856
+ const dataColorSchema = document.documentElement.getAttribute(dataIxColorSchema);
3857
+ const theme = dataTheme || 'classic';
3858
+ const variant = dataColorSchema || getCurrentSystemAppearance();
3859
+ return `theme-${theme}-${variant}`;
3854
3860
  }
3855
3861
  setVariant(variant = getCurrentSystemAppearance()) {
3856
3862
  if (this.getDataColorSchema(document.documentElement)) {
@@ -3858,6 +3864,10 @@ class ThemeSwitcher {
3858
3864
  return;
3859
3865
  }
3860
3866
  const currentTheme = this.getCurrentTheme();
3867
+ if (!currentTheme) {
3868
+ document.documentElement.setAttribute(dataIxColorSchema, variant);
3869
+ return;
3870
+ }
3861
3871
  document.documentElement.classList.remove(currentTheme);
3862
3872
  if (currentTheme.endsWith(this.suffixDark)) {
3863
3873
  document.documentElement.classList.add(currentTheme.replace(/-dark$/g, `-${variant}`));
@@ -9077,7 +9087,7 @@ class Button {
9077
9087
  }; }
9078
9088
  }
9079
9089
 
9080
- const cardCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}: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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var(\n --theme-card-outline--border-color--selected\n );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var(\n --theme-card-filled--border-color--selected\n );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var(\n --theme-card-alarm--border-color--selected\n );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var(\n --theme-card-critical--border-color--selected\n );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var(\n --theme-card-warning--border-color--selected\n );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var(\n --theme-card-success--border-color--selected\n );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var(\n --theme-card-info--border-color--selected\n );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var(\n --theme-card-neutral--border-color--selected\n );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var(\n --theme-card-primary--border-color--selected\n );--ix-card-background:var(--theme-card-primary--background--selected)}";
9090
+ const cardCss = ":host{display:flex;position:relative;flex-direction:column;align-items:flex-start;align-self:flex-start;overflow:hidden;cursor:pointer;width:20rem;border:var(--theme-card--border-width) solid var(--ix-card-border-color, var(--theme-color-soft-bdr));border-radius:var(--theme-card--border-radius)}: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 .card-content{display:block;position:relative;flex-shrink:0;flex-grow:1;width:100%;height:calc(100% - 2rem);background-color:var(--ix-card-background, transparent);border-top-left-radius:var(--theme-card--border-radius);border-top-right-radius:var(--theme-card--border-radius);overflow:hidden}:host .card-content-wrapper{height:100%;width:100%;box-sizing:border-box}:host .card-footer{display:flex;position:relative;width:100%}:host(.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color);color:var(--theme-card-outline--color)}:host(.card-outline) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color);color:var(--theme-card-filled--color)}:host(.card-filled) ::slotted(ix-card-accordion){color:var(--theme-color-std-text)}:host(.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color);color:var(--theme-card-alarm--color)}:host(.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color);color:var(--theme-card-critical--color)}:host(.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color);color:var(--theme-card-warning--color)}:host(.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color);color:var(--theme-card-success--color)}:host(.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color);color:var(--theme-card-info--color)}:host(.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color);color:var(--theme-card-neutral--color)}:host(.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color);color:var(--theme-card-primary--color)}:host(:not(.card-insight,.card-outline)){--ix-card-border-color:transparent}:host(.card-outline:hover){--ix-card-border-color:var(--theme-card-outline--border-color--hover);--ix-card-background:var(--theme-card-outline--background--hover)}:host(.card-outline:active){--ix-card-border-color:var(--theme-card-outline--border-color--active);--ix-card-background:var(--theme-card-outline--background--active)}:host(.selected.card-outline){--ix-card-border-color:var(\n --theme-card-outline--border-color--selected\n );--ix-card-background:var(--theme-card-outline--background--selected)}:host(.card-filled:hover){--ix-card-border-color:var(--theme-card-filled--border-color--hover);--ix-card-background:var(--theme-card-filled--background--hover)}:host(.card-filled:active){--ix-card-border-color:var(--theme-card-filled--border-color--active);--ix-card-background:var(--theme-card-filled--background--active)}:host(.selected.card-filled){--ix-card-border-color:var(\n --theme-card-filled--border-color--selected\n );--ix-card-background:var(--theme-card-filled--background--selected)}:host(.card-alarm:hover){--ix-card-border-color:var(--theme-card-alarm--border-color--hover);--ix-card-background:var(--theme-card-alarm--background--hover)}:host(.card-alarm:active){--ix-card-border-color:var(--theme-card-alarm--border-color--active);--ix-card-background:var(--theme-card-alarm--background--active)}:host(.selected.card-alarm){--ix-card-border-color:var(\n --theme-card-alarm--border-color--selected\n );--ix-card-background:var(--theme-card-alarm--background--selected)}:host(.card-critical:hover){--ix-card-border-color:var(--theme-card-critical--border-color--hover);--ix-card-background:var(--theme-card-critical--background--hover)}:host(.card-critical:active){--ix-card-border-color:var(--theme-card-critical--border-color--active);--ix-card-background:var(--theme-card-critical--background--active)}:host(.selected.card-critical){--ix-card-border-color:var(\n --theme-card-critical--border-color--selected\n );--ix-card-background:var(--theme-card-critical--background--selected)}:host(.card-warning:hover){--ix-card-border-color:var(--theme-card-warning--border-color--hover);--ix-card-background:var(--theme-card-warning--background--hover)}:host(.card-warning:active){--ix-card-border-color:var(--theme-card-warning--border-color--active);--ix-card-background:var(--theme-card-warning--background--active)}:host(.selected.card-warning){--ix-card-border-color:var(\n --theme-card-warning--border-color--selected\n );--ix-card-background:var(--theme-card-warning--background--selected)}:host(.card-success:hover){--ix-card-border-color:var(--theme-card-success--border-color--hover);--ix-card-background:var(--theme-card-success--background--hover)}:host(.card-success:active){--ix-card-border-color:var(--theme-card-success--border-color--active);--ix-card-background:var(--theme-card-success--background--active)}:host(.selected.card-success){--ix-card-border-color:var(\n --theme-card-success--border-color--selected\n );--ix-card-background:var(--theme-card-success--background--selected)}:host(.card-info:hover){--ix-card-border-color:var(--theme-card-info--border-color--hover);--ix-card-background:var(--theme-card-info--background--hover)}:host(.card-info:active){--ix-card-border-color:var(--theme-card-info--border-color--active);--ix-card-background:var(--theme-card-info--background--active)}:host(.selected.card-info){--ix-card-border-color:var(\n --theme-card-info--border-color--selected\n );--ix-card-background:var(--theme-card-info--background--selected)}:host(.card-neutral:hover){--ix-card-border-color:var(--theme-card-neutral--border-color--hover);--ix-card-background:var(--theme-card-neutral--background--hover)}:host(.card-neutral:active){--ix-card-border-color:var(--theme-card-neutral--border-color--active);--ix-card-background:var(--theme-card-neutral--background--active)}:host(.selected.card-neutral){--ix-card-border-color:var(\n --theme-card-neutral--border-color--selected\n );--ix-card-background:var(--theme-card-neutral--background--selected)}:host(.card-primary:hover){--ix-card-border-color:var(--theme-card-primary--border-color--hover);--ix-card-background:var(--theme-card-primary--background--hover)}:host(.card-primary:active){--ix-card-border-color:var(--theme-card-primary--border-color--active);--ix-card-background:var(--theme-card-primary--background--active)}:host(.selected.card-primary){--ix-card-border-color:var(\n --theme-card-primary--border-color--selected\n );--ix-card-background:var(--theme-card-primary--background--selected)}:host(.passive){cursor:default}:host(.passive.card-outline){--ix-card-background:var(--theme-card-outline--background);--ix-card-border-color:var(--theme-card-outline--border-color)}:host(.passive.card-filled){--ix-card-background:var(--theme-card-filled--background);--ix-card-border-color:var(--theme-card-filled--border-color)}:host(.passive.card-alarm){--ix-card-background:var(--theme-card-alarm--background);--ix-card-border-color:var(--theme-card-alarm--border-color)}:host(.passive.card-critical){--ix-card-background:var(--theme-card-critical--background);--ix-card-border-color:var(--theme-card-critical--border-color)}:host(.passive.card-warning){--ix-card-background:var(--theme-card-warning--background);--ix-card-border-color:var(--theme-card-warning--border-color)}:host(.passive.card-success){--ix-card-background:var(--theme-card-success--background);--ix-card-border-color:var(--theme-card-success--border-color)}:host(.passive.card-info){--ix-card-background:var(--theme-card-info--background);--ix-card-border-color:var(--theme-card-info--border-color)}:host(.passive.card-neutral){--ix-card-background:var(--theme-card-neutral--background);--ix-card-border-color:var(--theme-card-neutral--border-color)}:host(.passive.card-primary){--ix-card-background:var(--theme-card-primary--background);--ix-card-border-color:var(--theme-card-primary--border-color)}";
9081
9091
 
9082
9092
  class Card {
9083
9093
  constructor(hostRef) {
@@ -9090,12 +9100,17 @@ class Card {
9090
9100
  * Show card in selected state
9091
9101
  */
9092
9102
  this.selected = false;
9103
+ /**
9104
+ * If true, disables hover and active styles and changes cursor to default
9105
+ */
9106
+ this.passive = false;
9093
9107
  }
9094
9108
  render() {
9095
- return (hAsync(Host, { key: '3b734eddf8516af24b52b1b2ba27766a913f943d', class: {
9109
+ return (hAsync(Host, { key: '3eed87586aed1916f7c1e3c2323a46c794d046d9', class: {
9096
9110
  selected: this.selected,
9097
9111
  [`card-${this.variant}`]: true,
9098
- } }, hAsync("div", { key: '7a2cce1797c1e89c8568e9e196020747f0f4150b', class: "card-content" }, hAsync("slot", { key: 'ea837bde282a62637ed15b96b8ca407219e949ae' })), hAsync("div", { key: 'acc07c72e4a63a671fb945e4c0332825f4781a1d', class: "card-footer" }, hAsync("slot", { key: '870004ea22909180bac56c8b7c040d914e268f1d', name: "card-accordion" }))));
9112
+ passive: this.passive,
9113
+ } }, hAsync("div", { key: '7ae77cffe48272d0acc8cbd0dc7286d0fc835d8d', class: "card-content" }, hAsync("slot", { key: 'ba07f9804dd1af6256ceb0cc972b2cc03a18f558' })), hAsync("div", { key: '72bc9064c1d09188d60e1b9516811a91435f53b4', class: "card-footer" }, hAsync("slot", { key: '7fbacfea4d8308e88b4db025567654a0a4ef0d96', name: "card-accordion" }))));
9099
9114
  }
9100
9115
  get hostElement() { return getElement(this); }
9101
9116
  static get style() { return cardCss; }
@@ -9104,7 +9119,8 @@ class Card {
9104
9119
  "$tagName$": "ix-card",
9105
9120
  "$members$": {
9106
9121
  "variant": [1],
9107
- "selected": [4]
9122
+ "selected": [4],
9123
+ "passive": [4]
9108
9124
  },
9109
9125
  "$listeners$": undefined,
9110
9126
  "$lazyBundleId$": "-",
@@ -24872,6 +24888,10 @@ class IxActionCard {
24872
24888
  * Card selection
24873
24889
  */
24874
24890
  this.selected = false;
24891
+ /**
24892
+ * If true, disables hover and active styles and changes cursor to default
24893
+ */
24894
+ this.passive = false;
24875
24895
  }
24876
24896
  getSubheadingTextColor() {
24877
24897
  return this.variant === 'outline' || this.variant === 'filled'
@@ -24882,7 +24902,7 @@ class IxActionCard {
24882
24902
  const ariaLabelledBy = !this.ariaLabelCard && this.heading
24883
24903
  ? 'ix-action-card-heading'
24884
24904
  : undefined;
24885
- return (hAsync(Host, { key: '167db61afb0880052edd6e28ec9e907dbe98a186' }, hAsync("ix-card", { key: 'e8014c544dbadee66135b8def9b868488a07773b', selected: this.selected, variant: this.variant, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, hAsync("ix-card-content", { key: 'bcb177b0fbe2a709d3ab9d8479077eb64ef2496a' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, hAsync("div", { key: '65aa3882ad626df59598626bf7a67e1431fcf6e4' }, this.heading ? (hAsync("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, hAsync("slot", { key: '9ffacb3ea7d9642a2adbad41d9e6fc36a8e5118b' }))))));
24905
+ return (hAsync(Host, { key: '600ad1913e671fb47ec9da8f66e984bbde498fae' }, hAsync("ix-card", { key: '1a8168a17a643908126f841e9cdd6d0055a62399', selected: this.selected, variant: this.variant, passive: this.passive, class: 'pointer', "aria-label": this.ariaLabelCard, "aria-labelledby": ariaLabelledBy, role: ariaLabelledBy ? 'group' : undefined }, hAsync("ix-card-content", { key: 'c138b94b131af478fee65244f32b91cdf78b31df' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon || getFallbackLabelFromIconName(this.icon) })) : null, hAsync("div", { key: 'eb0252c628c75709fddae387a3b4a7abbf7c3df0' }, this.heading ? (hAsync("ix-typography", { id: "ix-action-card-heading", "aria-hidden": a11yBoolean(!ariaLabelledBy), format: "h4" }, this.heading)) : null, this.subheading ? (hAsync("ix-typography", { format: "h5", "text-color": this.getSubheadingTextColor() }, this.subheading)) : null, hAsync("slot", { key: 'f47fd515fc5b8f22344dc83b808e527116238618' }))))));
24886
24906
  }
24887
24907
  static get style() { return actionCardCss; }
24888
24908
  static get cmpMeta() { return {
@@ -24895,7 +24915,8 @@ class IxActionCard {
24895
24915
  "heading": [1],
24896
24916
  "subheading": [1],
24897
24917
  "selected": [4],
24898
- "ariaLabelCard": [1, "aria-label-card"]
24918
+ "ariaLabelCard": [1, "aria-label-card"],
24919
+ "passive": [4]
24899
24920
  },
24900
24921
  "$listeners$": undefined,
24901
24922
  "$lazyBundleId$": "-",
@@ -26575,7 +26596,7 @@ class MenuSettingsItem {
26575
26596
  }; }
26576
26597
  }
26577
26598
 
26578
- const messageBarCss = ":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}";
26599
+ const messageBarCss = ":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}";
26579
26600
 
26580
26601
  class MessageBar {
26581
26602
  constructor(hostRef) {
@@ -28097,6 +28118,7 @@ class Panes {
28097
28118
  this.isMobile = matchBreakpoint('sm');
28098
28119
  applicationLayoutService.onChange.on(() => {
28099
28120
  this.isMobile = matchBreakpoint('sm');
28121
+ this.configurePanes();
28100
28122
  });
28101
28123
  }
28102
28124
  componentDidLoad() {
@@ -28282,7 +28304,7 @@ class Panes {
28282
28304
  return pane ? pane.floating : false;
28283
28305
  }
28284
28306
  render() {
28285
- return (hAsync(Host, { key: 'f5825e5fd84ca1f96e9eb6d19c528107167b4e16' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28307
+ return (hAsync(Host, { key: 'e325d469cf08970e85af16e34df3e25ea6fadacc' }, !this.isMobile ? (this.layout == 'full-vertical' ? (hAsync("div", { class: "side-panes-wrapper" }, hAsync("div", { class: {
28286
28308
  row: true,
28287
28309
  'padding-left': this.hasPadding('left'),
28288
28310
  'padding-right': this.hasPadding('right'),
@@ -28618,10 +28640,14 @@ class PushCard {
28618
28640
  * Expand the card
28619
28641
  */
28620
28642
  this.expanded = false;
28643
+ /**
28644
+ * If true, disables hover and active styles and changes cursor to default
28645
+ */
28646
+ this.passive = false;
28621
28647
  }
28622
28648
  render() {
28623
28649
  var _a;
28624
- return (hAsync(Host, { key: 'ce5e4eb49ffe548ae912dfb9df2ff02e570aef15', class: `card-${this.variant}` }, hAsync("ix-card", { key: '09ee07b5244171d3cd2a2eaf99180a71364326e6', variant: this.variant }, hAsync("ix-card-content", { key: '4ca37f7946dfaf600c21fa516a6a79c95c3369f3' }, hAsync("ix-card-title", { key: '14508386f9ad32b641b7404b8d1845f8f215a12f' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '004e0f78e304e16b085cba401d4fe6067c579819', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: 'b5207aabd014e0e180eb1248795bccc23c09b850', name: "title-action" })), hAsync("ix-typography", { key: 'e39c0d3762869afd918cf9f8bb75bcbad35798d2', format: "h4" }, this.heading), hAsync("ix-typography", { key: '52c82e776f50a1e848cb163cf974402fc58a5011' }, this.subheading)), hAsync("ix-card-accordion", { key: '28ba4043b6494617eb0a4ea03eca56c198e10766', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: 'f2be8b7cd43af05c3af1be4a5642871e3413d6f8' })))));
28650
+ return (hAsync(Host, { key: 'f91d2bc149d2358afb29d82de24a0fd4d36ff8da', class: `card-${this.variant}` }, hAsync("ix-card", { key: '22520048301a654e61139c8d6bd50788328861d9', variant: this.variant, passive: this.passive }, hAsync("ix-card-content", { key: 'ff4cdaa22e092861c98cf9af6554626c5d8b067f' }, hAsync("ix-card-title", { key: '63deacdf7535977fd8c7a4f42e45127231ee6475' }, this.icon ? (hAsync("ix-icon", { class: 'icon', name: this.icon, size: "32", "aria-label": this.ariaLabelIcon })) : null, hAsync("ix-typography", { key: '3a86dc49d3cf32c426c231865b1a2336ccad48bf', format: "display-xxl" }, (_a = this.notification) !== null && _a !== void 0 ? _a : 0), hAsync("slot", { key: '19fa42ddfbb9e1dce31842f5eab9ca9652b86701', name: "title-action" })), hAsync("ix-typography", { key: '28a8dd2f112f679f5352fd17bccb0e9996208d80', format: "h4" }, this.heading), hAsync("ix-typography", { key: '6b46c08124d639b71d8c11b8b3fb07c91950b5ed' }, this.subheading)), hAsync("ix-card-accordion", { key: '0812bbb4d460cd89d095aa1eff55e5c37ef52e36', collapse: !this.expanded, variant: this.variant }, hAsync("slot", { key: '2ac082345c8179a97520407d6bc91aac7a3b0a9b' })))));
28625
28651
  }
28626
28652
  static get style() { return pushCardCss; }
28627
28653
  static get cmpMeta() { return {
@@ -28634,7 +28660,8 @@ class PushCard {
28634
28660
  "heading": [1],
28635
28661
  "subheading": [1],
28636
28662
  "variant": [1],
28637
- "expanded": [4]
28663
+ "expanded": [4],
28664
+ "passive": [4]
28638
28665
  },
28639
28666
  "$listeners$": undefined,
28640
28667
  "$lazyBundleId$": "-",
@@ -31906,6 +31933,10 @@ class Toast {
31906
31933
  * Autoclose behavior
31907
31934
  */
31908
31935
  this.preventAutoClose = false;
31936
+ /**
31937
+ * Allows to hide the icon in the toast.
31938
+ */
31939
+ this.hideIcon = false;
31909
31940
  this.progress = 0;
31910
31941
  this.touched = false;
31911
31942
  this.paused = false;
@@ -31962,11 +31993,11 @@ class Toast {
31962
31993
  animationPlayState: this.touched || this.paused ? 'paused' : 'running',
31963
31994
  };
31964
31995
  progressBarClass.push('toast-progress-bar--animated');
31965
- return (hAsync(Host, { key: 'b006843e5552e82ed437b10ab31c5cdff7ec90a6', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: '8d4c07604138e38235b3a2f042ce8550966df392', class: "toast-body", onPointerLeave: () => {
31996
+ return (hAsync(Host, { key: 'f2f95d77b28639b78e3fb0f82f471d8fba9b3a3d', class: "animate__animated animate__fadeIn" }, hAsync("div", { key: 'c32a7a677f5d7ca00c209355e5af9679ad28fc28', class: "toast-body", onPointerLeave: () => {
31966
31997
  this.touched = false;
31967
31998
  }, onPointerEnter: () => {
31968
31999
  this.touched = true;
31969
- } }, this.type || this.icon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: 'b5235db039ca12fa5a3823861f41e86fbf312661', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '6577c06f5530655aafc974684aedbac7d48da649', class: "toast-message" }, hAsync("slot", { key: '16675e05c803fe4ef8e246463f30c194e76a8428' })), hAsync("div", { key: '84eeb321fc81b49d14468e7d517dd8cfc8769c8d', class: "toast-action" }, hAsync("slot", { key: 'f55d9f57a23bf58006e1f3bc1d3e7fab85440dab', name: "action" }))), hAsync("div", { key: 'd409d2622bce56496f6081cf55ab9ad1137dc222', class: "toast-close" }, hAsync("ix-icon-button", { key: '873c0a73f6c5a9ae47cd39d63ff9c68dde219cbd', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '15a6b8556e7d22e9c9061a27e31b3138cb86380b', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
32000
+ } }, (this.type || this.icon) && !this.hideIcon ? (hAsync("div", { class: "toast-icon" }, this.getIcon())) : null, hAsync("div", { key: '853a02c2cedea5b66aabc754699e6aeab69dbb9a', class: "toast-content" }, this.toastTitle ? (hAsync("ix-typography", { class: "toast-title", format: "h5" }, this.toastTitle)) : null, hAsync("div", { key: '35d881b3af41b2400a873ea2e45a0634eb81831f', class: "toast-message" }, hAsync("slot", { key: '9030ed64837f7ee0b4ffc8b9aa36d8553e3a97ae' })), hAsync("div", { key: 'fee8e7ca8620d01f8de665ad80293f44b71879ca', class: "toast-action" }, hAsync("slot", { key: '0b81d513c974da48e77cebc35806ab19f7bc9e6f', name: "action" }))), hAsync("div", { key: '59f3cf1722fc9203cb9602387115019258014c55', class: "toast-close" }, hAsync("ix-icon-button", { key: 'd6dceea9274e9266f9ac36c51546635e954ef963', icon: iconClose, iconColor: "color-soft-text", size: "24", variant: "tertiary", onClick: () => this.closeToast.emit(), "aria-label": this.ariaLabelCloseIconButton }))), !this.preventAutoClose && (hAsync("div", { key: '3530a6781c5f32d787ef1a1b38eb39f98ca26062', class: progressBarClass.join(' '), style: progressBarStyle, onAnimationEnd: () => {
31970
32001
  this.close();
31971
32002
  }, onTransitionEnd: () => {
31972
32003
  if (this.progress === 0) {
@@ -31986,6 +32017,7 @@ class Toast {
31986
32017
  "preventAutoClose": [4, "prevent-auto-close"],
31987
32018
  "icon": [1],
31988
32019
  "iconColor": [1, "icon-color"],
32020
+ "hideIcon": [4, "hide-icon"],
31989
32021
  "ariaLabelCloseIconButton": [1, "aria-label-close-icon-button"],
31990
32022
  "progress": [32],
31991
32023
  "touched": [32],
@@ -32050,7 +32082,7 @@ class ToastContainer {
32050
32082
  * @param config
32051
32083
  */
32052
32084
  async showToast(config) {
32053
- var _a, _b;
32085
+ var _a, _b, _c;
32054
32086
  const toast = document.createElement('ix-toast');
32055
32087
  const onClose = new TypedEvent();
32056
32088
  function removeToast(result) {
@@ -32063,6 +32095,7 @@ class ToastContainer {
32063
32095
  toast.autoCloseDelay = (_b = config.autoCloseDelay) !== null && _b !== void 0 ? _b : 5000;
32064
32096
  toast.icon = config.icon;
32065
32097
  toast.iconColor = config.iconColor;
32098
+ toast.hideIcon = (_c = config.hideIcon) !== null && _c !== void 0 ? _c : false;
32066
32099
  toast.addEventListener('closeToast', (event) => {
32067
32100
  const { detail } = event;
32068
32101
  removeToast(detail);
@@ -32097,10 +32130,10 @@ class ToastContainer {
32097
32130
  };
32098
32131
  }
32099
32132
  render() {
32100
- return (hAsync(Host, { key: 'ff09f24de84ceb7710a228f28dd82f1ca17ce83a', class: {
32133
+ return (hAsync(Host, { key: '11d339600495a1d923de9ee92abdb2b6248ed8b5', class: {
32101
32134
  'toast-container--bottom-right': this.position === 'bottom-right',
32102
32135
  'toast-container--top-right': this.position === 'top-right',
32103
- } }, hAsync("slot", { key: 'bfe056dedfac7cdc249034e746fc4f63caded036' })));
32136
+ } }, hAsync("slot", { key: 'b942eb55489de1a132d4b7c481fa9b91ddb9657d' })));
32104
32137
  }
32105
32138
  static get watchers() { return {
32106
32139
  "position": ["onPositionChange"]
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/core"
9
9
  },
10
- "version": "0.0.0-pr-2297-20251211061723",
10
+ "version": "0.0.0-pr-2300-20260109081436",
11
11
  "license": "MIT",
12
12
  "description": "Siemens iX Web Components",
13
13
  "type": "module",