@maggioli-design-system/mds-table-row 4.7.0 → 4.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-97006570.js → index-6ff13374.js} +45 -7
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/mds-table-row.cjs.entry.js +17 -3
- package/dist/cjs/mds-table-row.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/common/aria.js +17 -1
- package/dist/collection/common/device.js +6 -0
- package/dist/collection/common/keyboard-manager.js +2 -2
- package/dist/collection/common/locale.js +17 -5
- package/dist/collection/components/mds-table-row/mds-table-row.css +57 -252
- package/dist/collection/components/mds-table-row/mds-table-row.js +26 -1
- package/dist/collection/dictionary/button.js +1 -0
- package/dist/collection/dictionary/file-extensions.js +114 -56
- package/dist/collection/dictionary/text.js +60 -1
- package/dist/collection/dictionary/variant.js +10 -1
- package/dist/collection/type/variant-file-format.js +0 -34
- package/dist/components/mds-table-row.js +18 -3
- package/dist/documentation.json +24 -3
- package/dist/esm/{index-ac4b33c0.js → index-0a14d3b4.js} +45 -8
- package/dist/esm/loader.js +3 -3
- package/dist/esm/mds-table-row.entry.js +17 -3
- package/dist/esm/mds-table-row.js +4 -4
- package/dist/esm-es5/index-0a14d3b4.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-table-row.entry.js +1 -1
- package/dist/esm-es5/mds-table-row.js +1 -1
- package/dist/mds-table-row/mds-table-row.esm.js +1 -1
- package/dist/mds-table-row/mds-table-row.js +1 -1
- package/dist/mds-table-row/p-25a5e94e.system.js +1 -0
- package/dist/mds-table-row/p-33796315.entry.js +1 -0
- package/dist/mds-table-row/p-580bb30b.system.js +2 -0
- package/dist/mds-table-row/p-60aa058b.js +2 -0
- package/dist/mds-table-row/p-cca5599e.system.entry.js +1 -0
- package/dist/stats.json +84 -43
- package/dist/types/common/aria.d.ts +3 -1
- package/dist/types/common/date.d.ts +1 -1
- package/dist/types/common/device.d.ts +2 -0
- package/dist/types/common/file.d.ts +3 -4
- package/dist/types/common/locale.d.ts +3 -1
- package/dist/types/components/mds-table-row/mds-table-row.d.ts +4 -0
- package/dist/types/components.d.ts +2 -0
- package/dist/types/dictionary/file-extensions.d.ts +2 -1
- package/dist/types/dictionary/text.d.ts +3 -1
- package/dist/types/dictionary/variant.d.ts +2 -1
- package/dist/types/stencil-public-runtime.d.ts +6 -0
- package/dist/types/type/autocomplete.d.ts +1 -1
- package/dist/types/type/button.d.ts +1 -1
- package/dist/types/type/header-bar.d.ts +2 -0
- package/dist/types/type/input.d.ts +3 -0
- package/dist/types/type/text.d.ts +2 -0
- package/dist/types/type/variant-file-format.d.ts +4 -4
- package/dist/types/type/variant.d.ts +2 -1
- package/documentation.json +65 -34
- package/package.json +5 -5
- package/readme.md +5 -4
- package/src/common/aria.ts +22 -2
- package/src/common/device.ts +9 -0
- package/src/common/file.ts +2 -3
- package/src/common/keyboard-manager.ts +2 -2
- package/src/common/locale.ts +20 -6
- package/src/common/unit.ts +1 -1
- package/src/components/mds-table-row/.gitlab-ci.yml +5 -10
- package/src/components/mds-table-row/mds-table-row.css +60 -0
- package/src/components/mds-table-row/mds-table-row.tsx +19 -1
- package/src/components/mds-table-row/readme.md +4 -3
- package/src/components.d.ts +2 -0
- package/src/dictionary/button.ts +1 -0
- package/src/dictionary/file-extensions.ts +118 -57
- package/src/dictionary/text.ts +64 -0
- package/src/dictionary/variant.ts +11 -0
- package/src/fixtures/icons.json +20 -2
- package/src/fixtures/iconsauce.json +12 -0
- package/src/meta/file-format/locale.el.json +39 -0
- package/src/meta/file-format/locale.en.json +39 -0
- package/src/meta/file-format/locale.es.json +39 -0
- package/src/meta/file-format/locale.it.json +39 -0
- package/src/tailwind/components.css +1 -1
- package/src/type/autocomplete.ts +0 -1
- package/src/type/button.ts +1 -0
- package/src/type/header-bar.ts +11 -0
- package/src/type/input.ts +4 -0
- package/src/type/text.ts +59 -0
- package/src/type/variant-file-format.ts +20 -37
- package/src/type/variant.ts +9 -1
- package/www/build/mds-table-row.esm.js +1 -1
- package/www/build/mds-table-row.js +1 -1
- package/www/build/p-25a5e94e.system.js +1 -0
- package/www/build/p-33796315.entry.js +1 -0
- package/www/build/p-580bb30b.system.js +2 -0
- package/www/build/p-60aa058b.js +2 -0
- package/www/build/p-cca5599e.system.entry.js +1 -0
- package/dist/collection/type/language.js +0 -1
- package/dist/esm-es5/index-ac4b33c0.js +0 -1
- package/dist/mds-table-row/p-0a6d4960.js +0 -2
- package/dist/mds-table-row/p-11e2454f.system.js +0 -1
- package/dist/mds-table-row/p-bc92b059.system.js +0 -2
- package/dist/mds-table-row/p-cb00bcd8.entry.js +0 -1
- package/dist/mds-table-row/p-e2d6387e.system.entry.js +0 -1
- package/dist/types/interface/input-value.d.ts +0 -4
- package/dist/types/type/language.d.ts +0 -2
- package/src/interface/input-value.ts +0 -5
- package/src/type/language.ts +0 -8
- package/www/build/p-0a6d4960.js +0 -2
- package/www/build/p-11e2454f.system.js +0 -1
- package/www/build/p-bc92b059.system.js +0 -2
- package/www/build/p-cb00bcd8.entry.js +0 -1
- package/www/build/p-e2d6387e.system.entry.js +0 -1
- /package/dist/collection/{interface/input-value.js → type/header-bar.js} +0 -0
|
@@ -70,6 +70,15 @@ const toneVariantDictionary = [
|
|
|
70
70
|
'ghost',
|
|
71
71
|
'quiet',
|
|
72
72
|
];
|
|
73
|
+
const themeVariantChipDictionary = [
|
|
74
|
+
'primary',
|
|
75
|
+
'secondary',
|
|
76
|
+
'dark',
|
|
77
|
+
'error',
|
|
78
|
+
'info',
|
|
79
|
+
'success',
|
|
80
|
+
'warning',
|
|
81
|
+
];
|
|
73
82
|
const toneActionVariantDictionary = [
|
|
74
83
|
'primary',
|
|
75
84
|
'secondary',
|
|
@@ -92,4 +101,4 @@ const toneMinimalVariantDictionary = [
|
|
|
92
101
|
'strong',
|
|
93
102
|
'weak',
|
|
94
103
|
];
|
|
95
|
-
export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
|
|
104
|
+
export { themeFullVariantAvatarDictionary, themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, themeVariantChipDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneSmartVariantDictionary, toneVariantDictionary, };
|
|
@@ -15,105 +15,71 @@ import mdiVectorCurve from "@icon/mdi/vector-curve.svg";
|
|
|
15
15
|
import baselineVideocam from "@icon/mi/baseline/videocam.svg";
|
|
16
16
|
const fileFormatsVariant = {
|
|
17
17
|
archive: {
|
|
18
|
-
color: 'fill-label-amaranth-04 text-label-amaranth-04',
|
|
19
18
|
icon: baselineFolderZip,
|
|
20
|
-
iconBackground: 'bg-label-amaranth-10',
|
|
21
19
|
variant: 'amaranth',
|
|
22
20
|
},
|
|
23
21
|
attachment: {
|
|
24
|
-
color: 'fill-tone-neutral-04 text-tone-neutral-04',
|
|
25
22
|
icon: baselineAttachFile,
|
|
26
|
-
iconBackground: 'bg-tone-neutral-10',
|
|
27
23
|
variant: 'dark',
|
|
28
24
|
},
|
|
29
25
|
audio: {
|
|
30
|
-
color: 'fill-label-violet-04 text-label-violet-04',
|
|
31
26
|
icon: baselineAudiotrack,
|
|
32
|
-
iconBackground: 'bg-label-violet-10',
|
|
33
27
|
variant: 'violet',
|
|
34
28
|
},
|
|
35
29
|
code: {
|
|
36
|
-
color: 'fill-label-yellow-04 text-label-yellow-04',
|
|
37
30
|
icon: baselineTerminal,
|
|
38
|
-
iconBackground: 'bg-label-yellow-10',
|
|
39
31
|
variant: 'yellow',
|
|
40
32
|
},
|
|
41
33
|
data: {
|
|
42
|
-
color: 'fill-label-yellow-04 text-label-yellow-04',
|
|
43
34
|
icon: mdiHardDisk,
|
|
44
|
-
iconBackground: 'bg-label-yellow-10',
|
|
45
35
|
variant: 'yellow',
|
|
46
36
|
},
|
|
47
37
|
document: {
|
|
48
|
-
color: 'fill-label-orange-04 text-label-orange-04',
|
|
49
38
|
icon: baselineInsertDriveFile,
|
|
50
|
-
iconBackground: 'bg-label-orange-10',
|
|
51
39
|
variant: 'orange',
|
|
52
40
|
},
|
|
53
41
|
email: {
|
|
54
|
-
color: 'fill-label-blue-04 text-label-blue-04',
|
|
55
42
|
icon: baselineEmail,
|
|
56
|
-
iconBackground: 'bg-label-blue-10',
|
|
57
43
|
variant: 'blue',
|
|
58
44
|
},
|
|
59
45
|
executable: {
|
|
60
|
-
color: 'fill-label-amaranth-04 text-label-amaranth-04',
|
|
61
46
|
icon: baselineWysiwyg,
|
|
62
|
-
iconBackground: 'bg-label-amaranth-10',
|
|
63
47
|
variant: 'amaranth',
|
|
64
48
|
},
|
|
65
49
|
image: {
|
|
66
|
-
color: 'fill-label-green-04 text-label-green-04',
|
|
67
50
|
icon: baselinePanorama,
|
|
68
|
-
iconBackground: 'bg-label-green-10',
|
|
69
51
|
variant: 'green',
|
|
70
52
|
},
|
|
71
53
|
imageRaster: {
|
|
72
|
-
color: 'fill-label-green-04 text-label-green-04',
|
|
73
54
|
icon: baselinePanorama,
|
|
74
|
-
iconBackground: 'bg-label-green-10',
|
|
75
55
|
variant: 'green',
|
|
76
56
|
},
|
|
77
57
|
markup: {
|
|
78
|
-
color: 'fill-label-yellow-04 text-label-yellow-04',
|
|
79
58
|
icon: baselineWeb,
|
|
80
|
-
iconBackground: 'bg-label-yellow-10',
|
|
81
59
|
variant: 'yellow',
|
|
82
60
|
},
|
|
83
61
|
slide: {
|
|
84
|
-
color: 'fill-label-orchid-04 text-label-orchid-04',
|
|
85
62
|
icon: baselineTV,
|
|
86
|
-
iconBackground: 'bg-label-orchid-10',
|
|
87
63
|
variant: 'orchid',
|
|
88
64
|
},
|
|
89
65
|
spreadsheet: {
|
|
90
|
-
color: 'fill-label-lime-04 text-label-lime-04',
|
|
91
66
|
icon: baselineBorderAll,
|
|
92
|
-
iconBackground: 'bg-label-lime-10',
|
|
93
67
|
variant: 'lime',
|
|
94
68
|
},
|
|
95
69
|
text: {
|
|
96
|
-
color: 'fill-label-blue-04 text-label-blue-04',
|
|
97
70
|
icon: baselineDescription,
|
|
98
|
-
iconBackground: 'bg-label-blue-10',
|
|
99
71
|
variant: 'blue',
|
|
100
72
|
},
|
|
101
73
|
vectorImage: {
|
|
102
|
-
color: 'fill-label-aqua-04 text-label-aqua-04',
|
|
103
74
|
icon: mdiVectorCurve,
|
|
104
|
-
iconBackground: 'bg-label-aqua-10',
|
|
105
75
|
variant: 'aqua',
|
|
106
76
|
},
|
|
107
77
|
vector: {
|
|
108
|
-
color: 'fill-label-aqua-04 text-label-aqua-04',
|
|
109
78
|
icon: mdiVectorCurve,
|
|
110
|
-
iconBackground: 'bg-label-aqua-10',
|
|
111
79
|
variant: 'aqua',
|
|
112
80
|
},
|
|
113
81
|
video: {
|
|
114
|
-
color: 'fill-label-violet-04 text-label-violet-04',
|
|
115
82
|
icon: baselineVideocam,
|
|
116
|
-
iconBackground: 'bg-label-violet-10',
|
|
117
83
|
variant: 'violet',
|
|
118
84
|
},
|
|
119
85
|
};
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const isMobileDevice = () => {
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5
|
+
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
|
6
|
+
return /android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
10
|
+
|
|
11
|
+
const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n position: relative;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n.actions-wrapper {\n inset: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: end;\n pointer-events: none;\n position: absolute;\n}\n\n.actions {\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--mds-table-cell-background);\n border-bottom-color: transparent;\n border-bottom-style: solid;\n border-bottom-width: var(--mds-table-border-width);\n border-top-color: var(--mds-table-border-color);\n border-top-style: solid;\n border-top-width: var(--mds-table-border-width);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n gap: var(--mds-table-row-actions-gap);\n height: 100%;\n margin-top: calc(var(--mds-table-border-width) * -1);\n padding: var(--mds-table-cell-padding);\n pointer-events: auto;\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transition-duration: 500ms;\n transition-duration: 500ms;\n -webkit-transition-property: background-color, -webkit-transform;\n transition-property: background-color, -webkit-transform;\n transition-property: transform, background-color;\n transition-property: transform, background-color, -webkit-transform;\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.actions-wrapper--mobile {\n position: relative;\n}\n\n.actions-wrapper--mobile .actions {\n position: static;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n:host(:hover) .actions {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n:host([overlay-actions]:not([overlay-actions=\"false\"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n:host([interactive]:not([interactive=\"false\"])) .actions {\n --mds-table-cell-background: var(--mds-table-body-background);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) .actions {\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive=\"false\"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
|
|
4
12
|
const MdsTableRowStyle0 = mdsTableRowCss;
|
|
5
13
|
|
|
6
14
|
const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends HTMLElement {
|
|
@@ -9,16 +17,23 @@ const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends
|
|
|
9
17
|
this.__registerHost();
|
|
10
18
|
this.__attachShadow();
|
|
11
19
|
this.interactive = undefined;
|
|
20
|
+
this.overlayActions = undefined;
|
|
12
21
|
}
|
|
13
22
|
tableInteractiveHandler(event) {
|
|
14
23
|
this.interactive = event.detail;
|
|
15
24
|
}
|
|
25
|
+
componentWillLoad() {
|
|
26
|
+
this.actions = this.host.querySelector('[slot="action"]') !== null;
|
|
27
|
+
}
|
|
16
28
|
render() {
|
|
17
|
-
return (h(Host, { key: '
|
|
29
|
+
return (h(Host, { key: '7402ca1cfdaf3e7846dbf29fad4771617c4f0aee', role: "row" }, h("slot", { key: '6671fe1e06369e2486157747c41921266553636c' }), this.actions
|
|
30
|
+
&& h("div", { key: 'e58f247b2f1f6c4263c85615209356f212fa727a', class: clsx('actions-wrapper', isMobileDevice() && 'actions-wrapper--mobile'), role: "cell" }, h("div", { key: '1f952cd70074ee64cbef3b96c562cf4d76efd8e7', class: "actions" }, h("slot", { key: '7d9eaf9364cd8626a300bddba7c6c9bd449ae773', name: "action" })))));
|
|
18
31
|
}
|
|
32
|
+
get host() { return this; }
|
|
19
33
|
static get style() { return MdsTableRowStyle0; }
|
|
20
34
|
}, [1, "mds-table-row", {
|
|
21
|
-
"interactive": [1540]
|
|
35
|
+
"interactive": [1540],
|
|
36
|
+
"overlayActions": [1540, "overlay-actions"]
|
|
22
37
|
}, [[4, "mdsTableInteractiveChange", "tableInteractiveHandler"]]]);
|
|
23
38
|
function defineCustomElement$1() {
|
|
24
39
|
if (typeof customElements === "undefined") {
|
package/dist/documentation.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2024-
|
|
2
|
+
"timestamp": "2024-12-04T16:25:25",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
|
-
"version": "4.
|
|
6
|
-
"typescriptVersion": "5.5.
|
|
5
|
+
"version": "4.22.2",
|
|
6
|
+
"typescriptVersion": "5.5.4"
|
|
7
7
|
},
|
|
8
8
|
"components": [
|
|
9
9
|
{
|
|
@@ -39,6 +39,27 @@
|
|
|
39
39
|
],
|
|
40
40
|
"optional": false,
|
|
41
41
|
"required": false
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
"name": "overlayActions",
|
|
45
|
+
"type": "boolean",
|
|
46
|
+
"complexType": {
|
|
47
|
+
"original": "boolean",
|
|
48
|
+
"resolved": "boolean",
|
|
49
|
+
"references": {}
|
|
50
|
+
},
|
|
51
|
+
"mutable": true,
|
|
52
|
+
"attr": "overlay-actions",
|
|
53
|
+
"reflectToAttr": true,
|
|
54
|
+
"docs": "",
|
|
55
|
+
"docsTags": [],
|
|
56
|
+
"values": [
|
|
57
|
+
{
|
|
58
|
+
"type": "boolean"
|
|
59
|
+
}
|
|
60
|
+
],
|
|
61
|
+
"optional": false,
|
|
62
|
+
"required": false
|
|
42
63
|
}
|
|
43
64
|
],
|
|
44
65
|
"methods": [],
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const NAMESPACE = 'mds-table-row';
|
|
2
|
-
const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad:
|
|
2
|
+
const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: true, hydratedClass: false, hydratedSelectorName: "hydrated", initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: false, propString: false, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: true, slotChildNodesFix: false, slotRelocation: false, state: false, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.22.2 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -252,6 +252,12 @@ var h = (nodeName, vnodeData, ...children) => {
|
|
|
252
252
|
if (vnodeData.key) {
|
|
253
253
|
key = vnodeData.key;
|
|
254
254
|
}
|
|
255
|
+
{
|
|
256
|
+
const classData = vnodeData.className || vnodeData.class;
|
|
257
|
+
if (classData) {
|
|
258
|
+
vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
|
|
259
|
+
}
|
|
260
|
+
}
|
|
255
261
|
}
|
|
256
262
|
const vnode = newVNode(nodeName, null);
|
|
257
263
|
vnode.$attrs$ = vnodeData;
|
|
@@ -290,6 +296,7 @@ var parsePropertyValue = (propValue, propType) => {
|
|
|
290
296
|
}
|
|
291
297
|
return propValue;
|
|
292
298
|
};
|
|
299
|
+
var getElement = (ref) => getHostRef(ref).$hostElement$ ;
|
|
293
300
|
var emitEvent = (elm, name, opts) => {
|
|
294
301
|
const ev = plt.ce(name, opts);
|
|
295
302
|
elm.dispatchEvent(ev);
|
|
@@ -334,10 +341,21 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
334
341
|
if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
|
|
335
342
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
336
343
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
337
|
-
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling :
|
|
344
|
+
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
338
345
|
styleContainerNode.insertBefore(styleElm, referenceNode2);
|
|
339
346
|
} else if ("host" in styleContainerNode) {
|
|
340
|
-
|
|
347
|
+
if (supportsConstructableStylesheets) {
|
|
348
|
+
const stylesheet = new CSSStyleSheet();
|
|
349
|
+
stylesheet.replaceSync(style);
|
|
350
|
+
styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
|
|
351
|
+
} else {
|
|
352
|
+
const existingStyleContainer = styleContainerNode.querySelector("style");
|
|
353
|
+
if (existingStyleContainer) {
|
|
354
|
+
existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
|
|
355
|
+
} else {
|
|
356
|
+
styleContainerNode.prepend(styleElm);
|
|
357
|
+
}
|
|
358
|
+
}
|
|
341
359
|
} else {
|
|
342
360
|
styleContainerNode.append(styleElm);
|
|
343
361
|
}
|
|
@@ -378,7 +396,13 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
378
396
|
if (oldValue !== newValue) {
|
|
379
397
|
let isProp = isMemberInElement(elm, memberName);
|
|
380
398
|
memberName.toLowerCase();
|
|
381
|
-
if (memberName === "
|
|
399
|
+
if (memberName === "class") {
|
|
400
|
+
const classList = elm.classList;
|
|
401
|
+
const oldClasses = parseClassList(oldValue);
|
|
402
|
+
const newClasses = parseClassList(newValue);
|
|
403
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
404
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
405
|
+
} else if (memberName === "key") ; else {
|
|
382
406
|
const isComplex = isComplexType(newValue);
|
|
383
407
|
if ((isProp || isComplex && newValue !== null) && !isSvg) {
|
|
384
408
|
try {
|
|
@@ -414,6 +438,8 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
414
438
|
}
|
|
415
439
|
}
|
|
416
440
|
};
|
|
441
|
+
var parseClassListRegex = /\s/;
|
|
442
|
+
var parseClassList = (value) => !value ? [] : value.split(parseClassListRegex);
|
|
417
443
|
|
|
418
444
|
// src/runtime/vdom/update-element.ts
|
|
419
445
|
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
@@ -451,7 +477,9 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
451
477
|
let i2 = 0;
|
|
452
478
|
let elm;
|
|
453
479
|
let childNode;
|
|
454
|
-
{
|
|
480
|
+
if (newVNode2.$text$ !== null) {
|
|
481
|
+
elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
|
|
482
|
+
} else {
|
|
455
483
|
elm = newVNode2.$elm$ = doc.createElement(
|
|
456
484
|
!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
|
|
457
485
|
);
|
|
@@ -600,7 +628,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
600
628
|
const oldChildren = oldVNode.$children$;
|
|
601
629
|
const newChildren = newVNode2.$children$;
|
|
602
630
|
const tag = newVNode2.$tag$;
|
|
603
|
-
|
|
631
|
+
const text = newVNode2.$text$;
|
|
632
|
+
if (text === null) {
|
|
604
633
|
{
|
|
605
634
|
if (tag === "slot" && !useNativeShadowDom) ; else {
|
|
606
635
|
updateElement(oldVNode, newVNode2, isSvgMode);
|
|
@@ -609,6 +638,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
609
638
|
if (oldChildren !== null && newChildren !== null) {
|
|
610
639
|
updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
|
|
611
640
|
} else if (newChildren !== null) {
|
|
641
|
+
if (oldVNode.$text$ !== null) {
|
|
642
|
+
elm.textContent = "";
|
|
643
|
+
}
|
|
612
644
|
addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
|
|
613
645
|
} else if (
|
|
614
646
|
// don't do this on initial render as it can cause non-hydrated content to be removed
|
|
@@ -616,6 +648,8 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
616
648
|
) {
|
|
617
649
|
removeVnodes(oldChildren, 0, oldChildren.length - 1);
|
|
618
650
|
}
|
|
651
|
+
} else if (oldVNode.$text$ !== text) {
|
|
652
|
+
elm.data = text;
|
|
619
653
|
}
|
|
620
654
|
};
|
|
621
655
|
var insertBefore = (parent, newNode, reference) => {
|
|
@@ -688,6 +722,9 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
688
722
|
hostRef.$queuedListeners$ = void 0;
|
|
689
723
|
}
|
|
690
724
|
}
|
|
725
|
+
{
|
|
726
|
+
maybePromise = safeCall(instance, "componentWillLoad");
|
|
727
|
+
}
|
|
691
728
|
}
|
|
692
729
|
endSchedule();
|
|
693
730
|
return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
@@ -1168,4 +1205,4 @@ var hostListenerOpts = (flags) => supportsListenerOptions ? {
|
|
|
1168
1205
|
// src/runtime/nonce.ts
|
|
1169
1206
|
var setNonce = (nonce) => plt.$nonce$ = nonce;
|
|
1170
1207
|
|
|
1171
|
-
export { Host as H, bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
|
1208
|
+
export { Host as H, bootstrapLazy as b, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-0a14d3b4.js';
|
|
2
|
+
export { s as setNonce } from './index-0a14d3b4.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
|
|
8
|
+
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540],"overlayActions":[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,19 +1,33 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-0a14d3b4.js';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const isMobileDevice = () => {
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
5
|
+
const userAgent = navigator.userAgent || navigator.vendor || window.opera;
|
|
6
|
+
return /android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(userAgent);
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
10
|
+
|
|
11
|
+
const mdsTableRowCss = "@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n position: relative;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n.actions-wrapper {\n inset: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: end;\n pointer-events: none;\n position: absolute;\n}\n\n.actions {\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--mds-table-cell-background);\n border-bottom-color: transparent;\n border-bottom-style: solid;\n border-bottom-width: var(--mds-table-border-width);\n border-top-color: var(--mds-table-border-color);\n border-top-style: solid;\n border-top-width: var(--mds-table-border-width);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n gap: var(--mds-table-row-actions-gap);\n height: 100%;\n margin-top: calc(var(--mds-table-border-width) * -1);\n padding: var(--mds-table-cell-padding);\n pointer-events: auto;\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transition-duration: 500ms;\n transition-duration: 500ms;\n -webkit-transition-property: background-color, -webkit-transform;\n transition-property: background-color, -webkit-transform;\n transition-property: transform, background-color;\n transition-property: transform, background-color, -webkit-transform;\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.actions-wrapper--mobile {\n position: relative;\n}\n\n.actions-wrapper--mobile .actions {\n position: static;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n:host(:hover) .actions {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n:host([overlay-actions]:not([overlay-actions=\"false\"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n:host([interactive]:not([interactive=\"false\"])) .actions {\n --mds-table-cell-background: var(--mds-table-body-background);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) .actions {\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive=\"false\"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive=\"false\"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive=\"false\"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
|
|
4
12
|
const MdsTableRowStyle0 = mdsTableRowCss;
|
|
5
13
|
|
|
6
14
|
const MdsTableRow = class {
|
|
7
15
|
constructor(hostRef) {
|
|
8
16
|
registerInstance(this, hostRef);
|
|
9
17
|
this.interactive = undefined;
|
|
18
|
+
this.overlayActions = undefined;
|
|
10
19
|
}
|
|
11
20
|
tableInteractiveHandler(event) {
|
|
12
21
|
this.interactive = event.detail;
|
|
13
22
|
}
|
|
23
|
+
componentWillLoad() {
|
|
24
|
+
this.actions = this.host.querySelector('[slot="action"]') !== null;
|
|
25
|
+
}
|
|
14
26
|
render() {
|
|
15
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '7402ca1cfdaf3e7846dbf29fad4771617c4f0aee', role: "row" }, h("slot", { key: '6671fe1e06369e2486157747c41921266553636c' }), this.actions
|
|
28
|
+
&& h("div", { key: 'e58f247b2f1f6c4263c85615209356f212fa727a', class: clsx('actions-wrapper', isMobileDevice() && 'actions-wrapper--mobile'), role: "cell" }, h("div", { key: '1f952cd70074ee64cbef3b96c562cf4d76efd8e7', class: "actions" }, h("slot", { key: '7d9eaf9364cd8626a300bddba7c6c9bd449ae773', name: "action" })))));
|
|
16
29
|
}
|
|
30
|
+
get host() { return getElement(this); }
|
|
17
31
|
};
|
|
18
32
|
MdsTableRow.style = MdsTableRowStyle0;
|
|
19
33
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { p as promiseResolve, b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { p as promiseResolve, b as bootstrapLazy } from './index-0a14d3b4.js';
|
|
2
|
+
export { s as setNonce } from './index-0a14d3b4.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
|
-
Stencil Client Patch Browser v4.
|
|
6
|
+
Stencil Client Patch Browser v4.22.2 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
|
|
19
|
+
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[1540],"overlayActions":[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]], options);
|
|
20
20
|
});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(r,t){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,r){e.__proto__=r}||function(e,r){for(var t in r)if(Object.prototype.hasOwnProperty.call(r,t))e[t]=r[t]};return e(r,t)};return function(r,t){if(typeof t!=="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");e(r,t);function n(){this.constructor=r}r.prototype=t===null?Object.create(t):(n.prototype=t.prototype,new n)}}();var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,o){function i(e){try{u(n.next(e))}catch(e){o(e)}}function s(e){try{u(n["throw"](e))}catch(e){o(e)}}function u(e){e.done?t(e.value):a(e.value).then(i,s)}u((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(r){return u([e,r])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(i&&(i=0,s[0]&&(t=0)),t)try{if(n=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var n=0,a=r.length,o;n<a;n++){if(o||!(n in r)){if(!o)o=Array.prototype.slice.call(r,0,n);o[n]=r[n]}}return e.concat(o||Array.prototype.slice.call(r))};var NAMESPACE="mds-table-row";var BUILD={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:false,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:true,hydratedClass:false,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:false,mode:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:false,propString:false,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:false,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:false,vdomPropOrAttr:true,vdomRef:false,vdomRender:true,vdomStyle:false,vdomText:true,vdomXlink:false,watchCallback:false};var __defProp=Object.defineProperty;var __export=function(e,r){for(var t in r)__defProp(e,t,{get:r[t],enumerable:true})};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,r){return hostRefs.set(r.t=e,r)};var registerHost=function(e,r){var t={o:0,$hostElement$:e,i:r,u:new Map};{t.l=new Promise((function(e){return t.v=e}));e["s-p"]=[];e["s-rc"]=[]}return hostRefs.set(e,t)};var isMemberInElement=function(e,r){return r in e};var consoleError=function(e,r){return(0,console.error)(e,r)};var cmpModules=new Map;var loadModule=function(e,r,t){var n=e.p.replace(/-/g,"_");var a=e.m;if(!a){return void 0}var o=cmpModules.get(a);if(o){return o[n]}if(!t||!BUILD.hotModuleReplacement){var i=function(e){cmpModules.set(a,e);return e[n]};switch(a){case"mds-table-row":return import("./mds-table-row.entry.js").then(i,consoleError)}}return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[n]}),consoleError)};var styles=new Map;var HYDRATED_CSS="{visibility:hidden}[hydrated]{visibility:inherit}";var SLOT_FB_CSS="slot-fb{display:contents}slot-fb[hidden]{display:none}";var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={o:0,h:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,r,t,n){return e.addEventListener(r,t,n)},rel:function(e,r,t,n){return e.removeEventListener(r,t,n)},ce:function(e,r){return new CustomEvent(e,r)}};var supportsListenerOptions=function(){var e=false;try{doc.addEventListener("e",null,Object.defineProperty({},"passive",{get:function(){e=true}}))}catch(e){}return e}();var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queuePending=false;var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,r){return function(t){e.push(t);if(!queuePending){queuePending=true;if(r&&plt.o&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var r=0;r<e.length;r++){try{e[r](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var r,t,n;return(n=(t=(r=e.head)==null?void 0:r.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?n:void 0}var result_exports={};__export(result_exports,{err:function(){return err},map:function(){return map},ok:function(){return ok},unwrap:function(){return unwrap},unwrapErr:function(){return unwrapErr}});var ok=function(e){return{isOk:true,isErr:false,value:e}};var err=function(e){return{isOk:false,isErr:true,value:e}};function map(e,r){if(e.isOk){var t=r(e.value);if(t instanceof Promise){return t.then((function(e){return ok(e)}))}else{return ok(t)}}if(e.isErr){var n=e.value;return err(n)}throw"should never get here"}var unwrap=function(e){if(e.isOk){return e.value}else{throw e.value}};var unwrapErr=function(e){if(e.isErr){return e.value}else{throw e.value}};var createTime=function(e,r){if(r===void 0){r=""}{return function(){return}}};var uniqueTime=function(e,r){{return function(){return}}};var h=function(e,r){var t=[];for(var n=2;n<arguments.length;n++){t[n-2]=arguments[n]}var a=null;var o=null;var i=false;var s=false;var u=[];var l=function(r){for(var t=0;t<r.length;t++){a=r[t];if(Array.isArray(a)){l(a)}else if(a!=null&&typeof a!=="boolean"){if(i=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(i&&s){u[u.length-1].S+=a}else{u.push(i?newVNode(null,a):a)}s=i}}};l(t);if(r){if(r.key){o=r.key}{var f=r.className||r.class;if(f){r.class=typeof f!=="object"?f:Object.keys(f).filter((function(e){return f[e]})).join(" ")}}}var c=newVNode(e,null);c.C=r;if(u.length>0){c._=u}{c.T=o}return c};var newVNode=function(e,r){var t={o:0,L:e,S:r,k:null,_:null};{t.C=null}{t.T=null}return t};var Host={};var isHost=function(e){return e&&e.L===Host};var parsePropertyValue=function(e,r){if(e!=null&&!isComplexType(e)){if(r&4){return e==="false"?false:e===""||!!e}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var emitEvent=function(e,r,t){var n=plt.ce(r,t);e.dispatchEvent(n);return n};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,r,t){var n=styles.get(e);if(supportsConstructableStylesheets&&t){n=n||new CSSStyleSheet;if(typeof n==="string"){n=r}else{n.replaceSync(r)}}else{n=r}styles.set(e,n)};var addStyle=function(e,r,t){var n;var a=getScopeId(r);var o=styles.get(a);e=e.nodeType===11?e:doc;if(o){if(typeof o==="string"){e=e.head||e;var i=rootAppliedStyles.get(e);var s=void 0;if(!i){rootAppliedStyles.set(e,i=new Set)}if(!i.has(a)){{s=doc.createElement("style");s.innerHTML=o;var u=(n=plt.A)!=null?n:queryNonceMetaTagContent(doc);if(u!=null){s.setAttribute("nonce",u)}if(!(r.o&1)){if(e.nodeName==="HEAD"){var l=e.querySelectorAll("link[rel=preconnect]");var f=l.length>0?l[l.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,f)}else if("host"in e){if(supportsConstructableStylesheets){var c=new CSSStyleSheet;c.replaceSync(o);e.adoptedStyleSheets=__spreadArray([c],e.adoptedStyleSheets,true)}else{var v=e.querySelector("style");if(v){v.innerHTML=o+v.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(r.o&1&&e.nodeName!=="HEAD"){e.insertBefore(s,null)}}if(r.o&4){s.innerHTML+=SLOT_FB_CSS}if(i){i.add(a)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[o],false)}}return a};var attachStyles=function(e){var r=e.i;var t=e.$hostElement$;var n=r.o;var a=createTime("attachStyles",r.p);var o=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(n&10&&n&2){t["s-sc"]=o;t.classList.add(o+"-h")}a()};var getScopeId=function(e,r){return"sc-"+e.p};var setAccessor=function(e,r,t,n,a,o){if(t!==n){var i=isMemberInElement(e,r);r.toLowerCase();if(r==="class"){var s=e.classList;var u=parseClassList(t);var l=parseClassList(n);s.remove.apply(s,u.filter((function(e){return e&&!l.includes(e)})));s.add.apply(s,l.filter((function(e){return e&&!u.includes(e)})))}else if(r==="key");else{var f=isComplexType(n);if((i||f&&n!==null)&&!a){try{if(!e.tagName.includes("-")){var c=n==null?"":n;if(r==="list"){i=false}else if(t==null||e[r]!=c){if(typeof e.__lookupSetter__(r)==="function"){e[r]=c}else{e.setAttribute(r,c)}}}else{e[r]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(r)===""){{e.removeAttribute(r)}}}else if((!i||o&4||a)&&!f){n=n===true?"":n;{e.setAttribute(r,n)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var updateElement=function(e,r,t){var n=r.k.nodeType===11&&r.k.host?r.k.host:r.k;var a=e&&e.C||EMPTY_OBJ;var o=r.C||EMPTY_OBJ;{for(var i=0,s=sortedAttrNames(Object.keys(a));i<s.length;i++){var u=s[i];if(!(u in o)){setAccessor(n,u,a[u],void 0,t,r.o)}}}for(var l=0,f=sortedAttrNames(Object.keys(o));l<f.length;l++){var u=f[l];setAccessor(n,u,a[u],o[u],t,r.o)}};function sortedAttrNames(e){return e.includes("ref")?__spreadArray(__spreadArray([],e.filter((function(e){return e!=="ref"})),true),["ref"],false):e}var scopeId;var hostTagName;var useNativeShadowDom=false;var isSvgMode=false;var createElm=function(e,r,t,n){var a=r._[t];var o=0;var i;var s;if(a.S!==null){i=a.k=doc.createTextNode(a.S)}else{i=a.k=doc.createElement(!useNativeShadowDom&&BUILD.slotRelocation&&a.o&2?"slot-fb":a.L);{updateElement(null,a,isSvgMode)}var u=i.getRootNode();var l=!u.querySelector("body");if(!l&&BUILD.scoped&&isDef(scopeId)&&i["s-si"]!==scopeId){i.classList.add(i["s-si"]=scopeId)}if(a._){for(o=0;o<a._.length;++o){s=createElm(e,a,o);if(s){i.appendChild(s)}}}}i["s-hn"]=hostTagName;return i};var addVnodes=function(e,r,t,n,a,o){var i=e;var s;if(i.shadowRoot&&i.tagName===hostTagName){i=i.shadowRoot}for(;a<=o;++a){if(n[a]){s=createElm(null,t,a);if(s){n[a].k=s;insertBefore(i,s,r)}}}};var removeVnodes=function(e,r,t){for(var n=r;n<=t;++n){var a=e[n];if(a){var o=a.k;if(o){o.remove()}}}};var updateChildren=function(e,r,t,n,a){if(a===void 0){a=false}var o=0;var i=0;var s=0;var u=0;var l=r.length-1;var f=r[0];var c=r[l];var v=n.length-1;var d=n[0];var p=n[v];var m;var h;while(o<=l&&i<=v){if(f==null){f=r[++o]}else if(c==null){c=r[--l]}else if(d==null){d=n[++i]}else if(p==null){p=n[--v]}else if(isSameVnode(f,d,a)){patch(f,d,a);f=r[++o];d=n[++i]}else if(isSameVnode(c,p,a)){patch(c,p,a);c=r[--l];p=n[--v]}else if(isSameVnode(f,p,a)){patch(f,p,a);insertBefore(e,f.k,c.k.nextSibling);f=r[++o];p=n[--v]}else if(isSameVnode(c,d,a)){patch(c,d,a);insertBefore(e,c.k,f.k);c=r[--l];d=n[++i]}else{s=-1;{for(u=o;u<=l;++u){if(r[u]&&r[u].T!==null&&r[u].T===d.T){s=u;break}}}if(s>=0){h=r[s];if(h.L!==d.L){m=createElm(r&&r[i],t,s)}else{patch(h,d,a);r[s]=void 0;m=h.k}d=n[++i]}else{m=createElm(r&&r[i],t,i);d=n[++i]}if(m){{insertBefore(f.k.parentNode,m,f.k)}}}}if(o>l){addVnodes(e,n[v+1]==null?null:n[v+1].k,t,n,i,v)}else if(i>v){removeVnodes(r,o,l)}};var isSameVnode=function(e,r,t){if(t===void 0){t=false}if(e.L===r.L){if(!t){return e.T===r.T}return true}return false};var patch=function(e,r,t){if(t===void 0){t=false}var n=r.k=e.k;var a=e._;var o=r._;var i=r.L;var s=r.S;if(s===null){{if(i==="slot"&&!useNativeShadowDom);else{updateElement(e,r,isSvgMode)}}if(a!==null&&o!==null){updateChildren(n,a,r,o,t)}else if(o!==null){if(e.S!==null){n.textContent=""}addVnodes(n,null,r,o,0,o.length-1)}else if(!t&&BUILD.updatable&&a!==null){removeVnodes(a,0,a.length-1)}}else if(e.S!==s){n.data=s}};var insertBefore=function(e,r,t){var n=e==null?void 0:e.insertBefore(r,t);return n};var renderVdom=function(e,r,t){if(t===void 0){t=false}var n=e.$hostElement$;var a=e.i;var o=e.D||newVNode(null,null);var i=isHost(r)?r:h(null,null,r);hostTagName=n.tagName;if(a.R){i.C=i.C||{};a.R.map((function(e){var r=e[0],t=e[1];return i.C[t]=n[r]}))}if(t&&i.C){for(var s=0,u=Object.keys(i.C);s<u.length;s++){var l=u[s];if(n.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){i.C[l]=n[l]}}}i.L=null;i.o|=4;e.D=i;i.k=o.k=n.shadowRoot||n;{scopeId=n["s-sc"]}useNativeShadowDom=(a.o&1)!==0;patch(o,i,t)};var attachToAncestor=function(e,r){if(r&&!e.H&&r["s-p"]){r["s-p"].push(new Promise((function(r){return e.H=r})))}};var scheduleUpdate=function(e,r){{e.o|=16}if(e.o&4){e.o|=512;return}attachToAncestor(e,e.M);var t=function(){return dispatchHooks(e,r)};return writeTask(t)};var dispatchHooks=function(e,r){var t=e.$hostElement$;var n=createTime("scheduleUpdate",e.i.p);var a=e.t;if(!a){throw new Error("Can't render component <".concat(t.tagName.toLowerCase()," /> with invalid Stencil runtime! Make sure this imported component is compiled with a `externalRuntime: true` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime"))}var o;if(r){{e.o|=256;if(e.N){e.N.map((function(e){var r=e[0],t=e[1];return safeCall(a,r,t)}));e.N=void 0}}{o=safeCall(a,"componentWillLoad")}}n();return enqueue(o,(function(){return updateComponent(e,a,r)}))};var enqueue=function(e,r){return isPromisey(e)?e.then(r).catch((function(e){console.error(e);r()})):r()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,r,t){return __awaiter(void 0,void 0,void 0,(function(){var n,a,o,i,s,u,l;return __generator(this,(function(f){a=e.$hostElement$;o=createTime("update",e.i.p);i=a["s-rc"];if(t){attachStyles(e)}s=createTime("render",e.i.p);{callRender(e,r,a,t)}if(i){i.map((function(e){return e()}));a["s-rc"]=void 0}s();o();{u=(n=a["s-p"])!=null?n:[];l=function(){return postUpdateComponent(e)};if(u.length===0){l()}else{Promise.all(u).then(l);e.o|=4;u.length=0}}return[2]}))}))};var callRender=function(e,r,t,n){try{r=r.render();{e.o&=~16}{e.o|=2}{{{renderVdom(e,r,n)}}}}catch(r){consoleError(r,e.$hostElement$)}return null};var postUpdateComponent=function(e){var r=e.i.p;var t=e.$hostElement$;var n=createTime("postUpdate",r);var a=e.M;if(!(e.o&64)){e.o|=64;{addHydratedFlag(t)}n();{e.v(t);if(!a){appDidLoad()}}}else{n()}{if(e.H){e.H();e.H=void 0}if(e.o&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.o&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,r,t){if(e&&e[r]){try{return e[r](t)}catch(e){consoleError(e)}}return void 0};var addHydratedFlag=function(e){var r;return e.setAttribute((r=BUILD.hydratedSelectorName)!=null?r:"hydrated","")};var getValue=function(e,r){return getHostRef(e).u.get(r)};var setValue=function(e,r,t,n){var a=getHostRef(e);if(!a){throw new Error("Couldn't find host element for \"".concat(n.p,'" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).'))}var o=a.u.get(r);var i=a.o;var s=a.t;t=parsePropertyValue(t,n.$[r][0]);var u=Number.isNaN(o)&&Number.isNaN(t);var l=t!==o&&!u;if((!(i&8)||o===void 0)&&l){a.u.set(r,t);if(s){if((i&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,r,t){var n,a;var o=e.prototype;if(r.$||BUILD.watchCallback){var i=Object.entries((n=r.$)!=null?n:{});i.map((function(e){var n=e[0],a=e[1][0];if(a&31||t&2&&a&32){Object.defineProperty(o,n,{get:function(){return getValue(this,n)},set:function(e){setValue(this,n,e,r)},configurable:true,enumerable:true})}}));if(t&1){var s=new Map;o.attributeChangedCallback=function(e,t,n){var a=this;plt.jmp((function(){var i;var u=s.get(e);if(a.hasOwnProperty(u)){n=a[u];delete a[u]}else if(o.hasOwnProperty(u)&&typeof a[u]==="number"&&a[u]==n){return}else if(u==null){var l=getHostRef(a);var f=l==null?void 0:l.o;if(f&&!(f&8)&&f&128&&n!==t){var c=l.t;var v=(i=r.O)==null?void 0:i[e];v==null?void 0:v.forEach((function(r){if(c[r]!=null){c[r].call(c,n,t,e)}}))}return}a[u]=n===null&&typeof a[u]==="boolean"?false:n}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((a=r.O)!=null?a:{}),true),i.filter((function(e){var r=e[0],t=e[1];return t[0]&15})).map((function(e){var t=e[0],n=e[1];var a;var o=n[1]||t;s.set(o,t);if(n[0]&512){(a=r.R)==null?void 0:a.push([t,o])}return o})),true)))}}return e};var initializeComponent=function(e,r,t,n){return __awaiter(void 0,void 0,void 0,(function(){var n,a,o,i,s,u,l,f,c,v,d;return __generator(this,(function(p){switch(p.label){case 0:if(!((r.o&32)===0))return[3,6];r.o|=32;a=t.m;if(!a)return[3,4];o=loadModule(t);if(!(o&&"then"in o))return[3,2];i=uniqueTime();return[4,o];case 1:n=p.sent();i();return[3,3];case 2:n=o;p.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.p,"#").concat(r.P,'" was not found'))}if(!n.isProxied){proxyComponent(n,t,2);n.isProxied=true}s=createTime("createInstance",t.p);{r.o|=8}try{new n(r)}catch(e){consoleError(e)}{r.o&=~8}s();return[3,5];case 4:n=e.constructor;u=e.localName;customElements.whenDefined(u).then((function(){return r.o|=128}));p.label=5;case 5:if(n&&n.style){l=void 0;if(typeof n.style==="string"){l=n.style}f=getScopeId(t);if(!styles.has(f)){c=createTime("registerStyles",t.p);registerStyle(f,l,!!(t.o&1));c()}}p.label=6;case 6:v=r.M;d=function(){return scheduleUpdate(r,true)};if(v&&v["s-rc"]){v["s-rc"].push(d)}else{d()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.o&1)===0){var r=getHostRef(e);var t=r.i;var n=createTime("connectedCallback",t.p);if(!(r.o&1)){r.o|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){attachToAncestor(r,r.M=a);break}}}if(t.$){Object.entries(t.$).map((function(r){var t=r[0],n=r[1][0];if(n&31&&e.hasOwnProperty(t)){var a=e[t];delete e[t];e[t]=a}}))}{initializeComponent(e,r,t)}}else{addHostEventListeners(e,r,t.V);if(r==null?void 0:r.t);else if(r==null?void 0:r.l){r.l.then((function(){return fireConnectedCallback()}))}}n()}};var disconnectInstance=function(e){};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((plt.o&1)===0){r=getHostRef(e);{if(r.I){r.I.map((function(e){return e()}));r.I=void 0}}if(r==null?void 0:r.t);else if(r==null?void 0:r.l){r.l.then((function(){return disconnectInstance()}))}}return[2]}))}))};var bootstrapLazy=function(e,r){if(r===void 0){r={}}var t;var n=createTime();var a=[];var o=r.exclude||[];var i=win.customElements;var s=doc.head;var u=s.querySelector("meta[charset]");var l=doc.createElement("style");var f=[];var c;var v=true;Object.assign(plt,r);plt.h=new URL(r.resourcesUrl||"./",doc.baseURI).href;var d=false;e.map((function(e){e[1].map((function(r){var t={o:r[0],p:r[1],$:r[2],V:r[3]};if(t.o&4){d=true}{t.$=r[2]}{t.V=r[3]}{t.R=[]}var n=t.p;var s=function(e){__extends(r,e);function r(r){var n=e.call(this,r)||this;n.hasRegisteredEventListeners=false;r=n;registerHost(r,t);if(t.o&1){{if(!r.shadowRoot){{r.attachShadow({mode:"open"})}}else{if(r.shadowRoot.mode!=="open"){throw new Error("Unable to re-use existing shadow root for ".concat(t.p,"! Mode is set to ").concat(r.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}r.prototype.connectedCallback=function(){var e=this;var r=getHostRef(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;addHostEventListeners(this,r,t.V)}if(c){clearTimeout(c);c=null}if(v){f.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};r.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};r.prototype.componentOnReady=function(){return getHostRef(this).l};return r}(HTMLElement);t.m=e[0];if(!o.includes(n)&&!i.get(n)){a.push(n);i.define(n,proxyComponent(s,t,1))}}))}));if(a.length>0){if(d){l.textContent+=SLOT_FB_CSS}{l.textContent+=a.sort()+HYDRATED_CSS}if(l.innerHTML.length){l.setAttribute("data-styles","");var p=(t=plt.A)!=null?t:queryNonceMetaTagContent(doc);if(p!=null){l.setAttribute("nonce",p)}s.insertBefore(l,u?u.nextSibling:s.firstChild)}}v=false;if(f.length){f.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return c=setTimeout(appDidLoad,30)}))}}n()};var addHostEventListeners=function(e,r,t,n){if(t){t.map((function(t){var n=t[0],a=t[1],o=t[2];var i=getHostListenerTarget(e,n);var s=hostListenerProxy(r,o);var u=hostListenerOpts(n);plt.ael(i,a,s,u);(r.I=r.I||[]).push((function(){return plt.rel(i,a,s,u)}))}))}};var hostListenerProxy=function(e,r){return function(t){var n;try{{if(e.o&256){(n=e.t)==null?void 0:n[r](t)}else{(e.N=e.N||[]).push([r,t])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,r){if(r&4)return doc;return e};var hostListenerOpts=function(e){return supportsListenerOptions?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0};var setNonce=function(e){return plt.A=e};export{Host as H,bootstrapLazy as b,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(r.next(t))}catch(t){o(t)}}function c(t){try{u(r["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):i(t.value).then(a,c)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return u([t,e])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;i=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){n.label=c[1];break}if(c[0]===6&&n.label<o[1]){n.label=o[1];o=c;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(c);break}if(o[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(t){c=[6,t];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function i(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function a(t){try{u(r.next(t))}catch(t){o(t)}}function c(t){try{u(r["throw"](t))}catch(t){o(t)}}function u(t){t.done?n(t.value):i(t.value).then(a,c)}u((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,i,o,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return u([t,e])}}function u(c){if(r)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(n=0)),n)try{if(r=1,i&&(o=c[0]&2?i["return"]:c[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,c[1])).done)return o;if(i=0,o)c=[c[0]&2,o.value];switch(c[0]){case 0:case 1:o=c;break;case 4:n.label++;return{value:c[1],done:false};case 5:n.label++;i=c[1];c=[0];continue;case 7:c=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(c[0]===6||c[0]===2)){n=0;continue}if(c[0]===3&&(!o||c[1]>o[0]&&c[1]<o[3])){n.label=c[1];break}if(c[0]===6&&n.label<o[1]){n.label=o[1];o=c;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(c);break}if(o[2])n.ops.pop();n.trys.pop();continue}c=e.call(t,n)}catch(t){c=[6,t];i=0}finally{r=o=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{b as bootstrapLazy}from"./index-0a14d3b4.js";export{s as setNonce}from"./index-0a14d3b4.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(t,e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:t.sent();return[2,bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],e)]}}))}))};export{defineCustomElements};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-
|
|
1
|
+
import{r as registerInstance,h,H as Host,g as getElement}from"./index-0a14d3b4.js";var isMobileDevice=function(){var n=navigator.userAgent||navigator.vendor||window.opera;return/android|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(n)};function r(n){var t,e,o="";if("string"==typeof n||"number"==typeof n)o+=n;else if("object"==typeof n)if(Array.isArray(n)){var a=n.length;for(t=0;t<a;t++)n[t]&&(e=r(n[t]))&&(o&&(o+=" "),o+=e)}else for(e in n)n[e]&&(o&&(o+=" "),o+=e);return o}function clsx(){for(var n,t,e=0,o="",a=arguments.length;e<a;e++)(n=arguments[e])&&(t=r(n))&&(o&&(o+=" "),o+=t);return o}var mdsTableRowCss='@tailwind utilities;\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color-hover, rgb(var(--tone-neutral-02)));\n --mds-table-row-color: var(--mds-table-color, rgb(var(--tone-neutral-03)));\n --mds-table-row-actions-gap: var(--mds-table-actions-gap, 1rem);\n -webkit-transition-duration: 200ms;\n transition-duration: 200ms;\n -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n\n color: var(--mds-table-row-color);\n display: table-row;\n position: relative;\n -webkit-transition-property: color;\n transition-property: color;\n\n}\n\n.actions-wrapper {\n inset: 0;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: end;\n justify-content: end;\n pointer-events: none;\n position: absolute;\n}\n\n.actions {\n -ms-flex-align: center;\n align-items: center;\n background-color: var(--mds-table-cell-background);\n border-bottom-color: transparent;\n border-bottom-style: solid;\n border-bottom-width: var(--mds-table-border-width);\n border-top-color: var(--mds-table-border-color);\n border-top-style: solid;\n border-top-width: var(--mds-table-border-width);\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n display: -ms-inline-flexbox;\n display: inline-flex;\n gap: var(--mds-table-row-actions-gap);\n height: 100%;\n margin-top: calc(var(--mds-table-border-width) * -1);\n padding: var(--mds-table-cell-padding);\n pointer-events: auto;\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transition-duration: 500ms;\n transition-duration: 500ms;\n -webkit-transition-property: background-color, -webkit-transform;\n transition-property: background-color, -webkit-transform;\n transition-property: transform, background-color;\n transition-property: transform, background-color, -webkit-transform;\n -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n}\n\n.actions-wrapper--mobile {\n position: relative;\n}\n\n.actions-wrapper--mobile .actions {\n position: static;\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n:host(:hover) .actions {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n}\n\n:host([overlay-actions]:not([overlay-actions="false"])) .actions-wrapper:not(.actions-wrapper--mobile) .actions {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n:host([interactive]:not([interactive="false"])) .actions {\n --mds-table-cell-background: var(--mds-table-body-background);\n}\n\n:host([interactive]:not([interactive="false"]):hover) .actions {\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell[sorted]) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted][interactive]:not([interactive="false"])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n:host([interactive]:not([interactive="false"]):hover) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n\n:host([sorted][interactive]:not([interactive="false"]):hover) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-cell-background-hover);\n}\n\n:host([sorted]:not([interactive])) ::slotted(mds-table-cell:not([sorted])) {\n\n --mds-table-cell-background: var(--mds-table-body-background-hover);\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n}\n\n@container style(--magma-pref-animation: system) {\n\n @media (prefers-reduced-motion) {\n :host {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n';var MdsTableRowStyle0=mdsTableRowCss;var MdsTableRow=function(){function n(n){registerInstance(this,n);this.interactive=undefined;this.overlayActions=undefined}n.prototype.tableInteractiveHandler=function(n){this.interactive=n.detail};n.prototype.componentWillLoad=function(){this.actions=this.host.querySelector('[slot="action"]')!==null};n.prototype.render=function(){return h(Host,{key:"7402ca1cfdaf3e7846dbf29fad4771617c4f0aee",role:"row"},h("slot",{key:"6671fe1e06369e2486157747c41921266553636c"}),this.actions&&h("div",{key:"e58f247b2f1f6c4263c85615209356f212fa727a",class:clsx("actions-wrapper",isMobileDevice()&&"actions-wrapper--mobile"),role:"cell"},h("div",{key:"1f952cd70074ee64cbef3b96c562cf4d76efd8e7",class:"actions"},h("slot",{key:"7d9eaf9364cd8626a300bddba7c6c9bd449ae773",name:"action"}))))};Object.defineProperty(n.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return n}();MdsTableRow.style=MdsTableRowStyle0;export{MdsTableRow as mds_table_row};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,r,n){function
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,r,n){function o(t){return t instanceof r?t:new r((function(e){e(t)}))}return new(r||(r=Promise))((function(r,i){function a(t){try{s(n.next(t))}catch(t){i(t)}}function c(t){try{s(n["throw"](t))}catch(t){i(t)}}function s(t){t.done?r(t.value):o(t.value).then(a,c)}s((n=n.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(t){return function(e){return s([t,e])}}function s(c){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,c[0]&&(r=0)),r)try{if(n=1,o&&(i=c[0]&2?o["return"]:c[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,c[1])).done)return i;if(o=0,i)c=[c[0]&2,i.value];switch(c[0]){case 0:case 1:i=c;break;case 4:r.label++;return{value:c[1],done:false};case 5:r.label++;o=c[1];c=[0];continue;case 7:c=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(c[0]===6||c[0]===2)){r=0;continue}if(c[0]===3&&(!i||c[1]>i[0]&&c[1]<i[3])){r.label=c[1];break}if(c[0]===6&&r.label<i[1]){r.label=i[1];i=c;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(c);break}if(i[2])r.ops.pop();r.trys.pop();continue}c=e.call(t,r)}catch(t){c=[6,t];o=0}finally{n=i=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};import{p as promiseResolve,b as bootstrapLazy}from"./index-0a14d3b4.js";export{s as setNonce}from"./index-0a14d3b4.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var patchBrowser=function(){var t=import.meta.url;var e={};if(t!==""){e.resourcesUrl=new URL(".",t).href}return promiseResolve(e)};patchBrowser().then((function(t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],t)]}}))}))}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,b as e}from"./p-
|
|
1
|
+
import{p as a,b as e}from"./p-60aa058b.js";export{s as setNonce}from"./p-60aa058b.js";import{g as t}from"./p-e1255160.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),a(t)})().then((async a=>(await t(),e([["p-33796315",[[1,"mds-table-row",{interactive:[1540],overlayActions:[1540,"overlay-actions"]},[[4,"mdsTableInteractiveChange","tableInteractiveHandler"]]]]]],a))));
|
|
@@ -115,7 +115,7 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-25a5e94e.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|