@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.
- package/components/index.js +1 -1
- package/components/index.js.map +1 -1
- package/components/ix-action-card.js +8 -3
- package/components/ix-action-card.js.map +1 -1
- package/components/ix-application.js +1 -1
- package/components/ix-card-list.js +1 -1
- package/components/ix-card.js +1 -1
- package/components/ix-menu.js +1 -1
- package/components/ix-message-bar.js +1 -1
- package/components/ix-message-bar.js.map +1 -1
- package/components/ix-pane-layout.js +2 -1
- package/components/ix-pane-layout.js.map +1 -1
- package/components/ix-push-card.js +8 -3
- package/components/ix-push-card.js.map +1 -1
- package/components/ix-toast-container.js +5 -4
- package/components/ix-toast-container.js.map +1 -1
- package/components/ix-toast.js +1 -1
- package/components/{p-CsHYWHE6.js → p-G5i1Siog.js} +15 -5
- package/components/p-G5i1Siog.js.map +1 -0
- package/components/{p-hwPzPVf8.js → p-rFxiFp44.js} +12 -6
- package/components/p-rFxiFp44.js.map +1 -0
- package/components/{p-DlVaL0Yi.js → p-tpxSImkl.js} +9 -4
- package/components/p-tpxSImkl.js.map +1 -0
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/cjs/ix-action-card.cjs.entry.js +5 -1
- package/dist/cjs/ix-action-card.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-application.cjs.entry.js +1 -1
- package/dist/cjs/ix-card.ix-card-content.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-card_2.cjs.entry.js +8 -3
- package/dist/cjs/ix-menu.cjs.entry.js +1 -1
- package/dist/cjs/ix-message-bar.cjs.entry.js +1 -1
- package/dist/cjs/ix-message-bar.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-pane-layout.cjs.entry.js +2 -1
- package/dist/cjs/ix-pane-layout.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-push-card.cjs.entry.js +5 -1
- package/dist/cjs/ix-push-card.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-toast-container.cjs.entry.js +4 -3
- package/dist/cjs/ix-toast-container.entry.cjs.js.map +1 -1
- package/dist/cjs/ix-toast.cjs.entry.js +6 -2
- package/dist/cjs/ix-toast.entry.cjs.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/siemens-ix.cjs.js +1 -1
- package/dist/cjs/{theme-switcher-76Td30il.js → theme-switcher-BCyZa6wG.js} +15 -5
- package/dist/cjs/theme-switcher-BCyZa6wG.js.map +1 -0
- package/dist/collection/components/action-card/action-card.js +25 -1
- package/dist/collection/components/action-card/action-card.js.map +1 -1
- package/dist/collection/components/card/card.css +49 -0
- package/dist/collection/components/card/card.js +27 -2
- package/dist/collection/components/card/card.js.map +1 -1
- package/dist/collection/components/message-bar/message-bar.css +0 -11
- package/dist/collection/components/pane-layout/pane-layout.js +2 -1
- package/dist/collection/components/pane-layout/pane-layout.js.map +1 -1
- package/dist/collection/components/push-card/push-card.js +25 -1
- package/dist/collection/components/push-card/push-card.js.map +1 -1
- package/dist/collection/components/toast/toast-container.js +4 -3
- package/dist/collection/components/toast/toast-container.js.map +1 -1
- package/dist/collection/components/toast/toast-utils.js.map +1 -1
- package/dist/collection/components/toast/toast.js +26 -2
- package/dist/collection/components/toast/toast.js.map +1 -1
- package/dist/collection/components/utils/theme-switcher.js +13 -3
- package/dist/collection/components/utils/theme-switcher.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/ix-action-card.entry.js +5 -1
- package/dist/esm/ix-action-card.entry.js.map +1 -1
- package/dist/esm/ix-application.entry.js +1 -1
- package/dist/esm/ix-card.ix-card-content.entry.js.map +1 -1
- package/dist/esm/ix-card_2.entry.js +8 -3
- package/dist/esm/ix-menu.entry.js +1 -1
- package/dist/esm/ix-message-bar.entry.js +1 -1
- package/dist/esm/ix-message-bar.entry.js.map +1 -1
- package/dist/esm/ix-pane-layout.entry.js +2 -1
- package/dist/esm/ix-pane-layout.entry.js.map +1 -1
- package/dist/esm/ix-push-card.entry.js +5 -1
- package/dist/esm/ix-push-card.entry.js.map +1 -1
- package/dist/esm/ix-toast-container.entry.js +4 -3
- package/dist/esm/ix-toast-container.entry.js.map +1 -1
- package/dist/esm/ix-toast.entry.js +6 -2
- package/dist/esm/ix-toast.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/siemens-ix.js +1 -1
- package/dist/esm/{theme-switcher-DRqJGlG2.js → theme-switcher-EbjilqRl.js} +15 -5
- package/dist/esm/theme-switcher-EbjilqRl.js.map +1 -0
- package/dist/siemens-ix/index.esm.js +1 -1
- package/dist/siemens-ix/index.esm.js.map +1 -1
- package/dist/siemens-ix/ix-action-card.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-card.ix-card-content.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-message-bar.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-pane-layout.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-push-card.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-toast-container.entry.esm.js.map +1 -1
- package/dist/siemens-ix/ix-toast.entry.esm.js.map +1 -1
- package/dist/siemens-ix/{p-6dc6eb63.entry.js → p-01e16377.entry.js} +2 -2
- package/dist/siemens-ix/{p-6dc6eb63.entry.js.map → p-01e16377.entry.js.map} +1 -1
- package/dist/siemens-ix/p-2e1bb4bf.entry.js +2 -0
- package/dist/siemens-ix/p-2e1bb4bf.entry.js.map +1 -0
- package/dist/siemens-ix/p-3c297dc0.entry.js +2 -0
- package/dist/siemens-ix/p-3c297dc0.entry.js.map +1 -0
- package/dist/siemens-ix/{p-367df024.entry.js → p-84178b22.entry.js} +2 -2
- package/dist/siemens-ix/p-84178b22.entry.js.map +1 -0
- package/dist/siemens-ix/p-944a39a6.entry.js +2 -0
- package/dist/siemens-ix/p-944a39a6.entry.js.map +1 -0
- package/dist/siemens-ix/{p-b76df1c7.entry.js → p-9f7d9525.entry.js} +2 -2
- package/dist/siemens-ix/p-9f7d9525.entry.js.map +1 -0
- package/dist/siemens-ix/p-G5i1Siog.js +2 -0
- package/dist/siemens-ix/p-G5i1Siog.js.map +1 -0
- package/dist/siemens-ix/{p-8f17f6ec.entry.js → p-ec9dc8d8.entry.js} +2 -2
- package/dist/siemens-ix/p-ec9dc8d8.entry.js.map +1 -0
- package/dist/siemens-ix/{p-35d6b656.entry.js → p-f5dd421a.entry.js} +2 -2
- package/dist/siemens-ix/{p-f27c0a6c.entry.js → p-f5f9940c.entry.js} +2 -2
- package/dist/siemens-ix/siemens-ix.esm.js +1 -1
- package/dist/types/components/action-card/action-card.d.ts +4 -0
- package/dist/types/components/card/card.d.ts +4 -0
- package/dist/types/components/push-card/push-card.d.ts +4 -0
- package/dist/types/components/toast/toast-utils.d.ts +4 -0
- package/dist/types/components/toast/toast.d.ts +4 -0
- package/dist/types/components.d.ts +40 -0
- package/hydrate/index.js +51 -18
- package/hydrate/index.mjs +51 -18
- package/package.json +1 -1
- package/components/p-CsHYWHE6.js.map +0 -1
- package/components/p-DlVaL0Yi.js.map +0 -1
- package/components/p-hwPzPVf8.js.map +0 -1
- package/dist/cjs/theme-switcher-76Td30il.js.map +0 -1
- package/dist/esm/theme-switcher-DRqJGlG2.js.map +0 -1
- package/dist/siemens-ix/p-2597a988.entry.js +0 -2
- package/dist/siemens-ix/p-2597a988.entry.js.map +0 -1
- package/dist/siemens-ix/p-33fcea65.entry.js +0 -2
- package/dist/siemens-ix/p-33fcea65.entry.js.map +0 -1
- package/dist/siemens-ix/p-367df024.entry.js.map +0 -1
- package/dist/siemens-ix/p-8f17f6ec.entry.js.map +0 -1
- package/dist/siemens-ix/p-CsHYWHE6.js +0 -2
- package/dist/siemens-ix/p-CsHYWHE6.js.map +0 -1
- package/dist/siemens-ix/p-b76df1c7.entry.js.map +0 -1
- package/dist/siemens-ix/p-c1160cf8.entry.js +0 -2
- package/dist/siemens-ix/p-c1160cf8.entry.js.map +0 -1
- /package/dist/siemens-ix/{p-35d6b656.entry.js.map → p-f5dd421a.entry.js.map} +0 -0
- /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
|
-
|
|
3854
|
-
|
|
3855
|
-
|
|
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: '
|
|
9111
|
+
return (hAsync(Host, { key: '3eed87586aed1916f7c1e3c2323a46c794d046d9', class: {
|
|
9098
9112
|
selected: this.selected,
|
|
9099
9113
|
[`card-${this.variant}`]: true,
|
|
9100
|
-
|
|
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: '
|
|
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
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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
|
-
|
|
3852
|
-
|
|
3853
|
-
|
|
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: '
|
|
9109
|
+
return (hAsync(Host, { key: '3eed87586aed1916f7c1e3c2323a46c794d046d9', class: {
|
|
9096
9110
|
selected: this.selected,
|
|
9097
9111
|
[`card-${this.variant}`]: true,
|
|
9098
|
-
|
|
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: '
|
|
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
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
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: '
|
|
32136
|
+
} }, hAsync("slot", { key: 'b942eb55489de1a132d4b7c481fa9b91ddb9657d' })));
|
|
32104
32137
|
}
|
|
32105
32138
|
static get watchers() { return {
|
|
32106
32139
|
"position": ["onPositionChange"]
|
package/package.json
CHANGED