@maggioli-design-system/mds-table-row 5.4.0 → 5.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-27c9aefd.js → index-16788a13.js} +13 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/mds-table-row.cjs.entry.js +22 -13
- package/dist/cjs/mds-table-row.cjs.js +2 -2
- package/dist/collection/components/mds-table-row/mds-table-row.js +22 -12
- package/dist/components/mds-table-row.js +22 -12
- package/dist/documentation.json +1 -1
- package/dist/esm/{index-81f966aa.js → index-f0269a3c.js} +13 -2
- package/dist/esm/loader.js +3 -3
- package/dist/esm/mds-table-row.entry.js +22 -13
- package/dist/esm/mds-table-row.js +3 -3
- package/dist/esm-es5/index-f0269a3c.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-table-row.entry.js +2 -2
- 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-4727e0b3.system.entry.js → p-1a501460.system.entry.js} +2 -2
- package/dist/mds-table-row/p-4a407cb6.js +2 -0
- package/dist/mds-table-row/p-c2d293ab.entry.js +6 -0
- package/dist/mds-table-row/p-cd3437c0.system.js +1 -0
- package/dist/mds-table-row/p-f835b87d.system.js +2 -0
- package/dist/stats.json +40 -33
- package/dist/types/components/mds-table-row/mds-table-row.d.ts +3 -2
- package/documentation.json +1 -1
- package/package.json +1 -1
- package/src/components/mds-table-row/mds-table-row.tsx +23 -9
- package/www/build/mds-table-row.esm.js +1 -1
- package/www/build/mds-table-row.js +1 -1
- package/www/build/{p-4727e0b3.system.entry.js → p-1a501460.system.entry.js} +2 -2
- package/www/build/p-4a407cb6.js +2 -0
- package/www/build/p-c2d293ab.entry.js +6 -0
- package/www/build/p-cd3437c0.system.js +1 -0
- package/www/build/p-f835b87d.system.js +2 -0
- package/dist/esm-es5/index-81f966aa.js +0 -1
- package/dist/mds-table-row/p-133f1581.system.js +0 -2
- package/dist/mds-table-row/p-25b773c1.js +0 -2
- package/dist/mds-table-row/p-869d0b15.entry.js +0 -6
- package/dist/mds-table-row/p-e71445fa.system.js +0 -1
- package/www/build/p-133f1581.system.js +0 -2
- package/www/build/p-25b773c1.js +0 -2
- package/www/build/p-869d0b15.entry.js +0 -6
- package/www/build/p-e71445fa.system.js +0 -1
|
@@ -21,7 +21,7 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'mds-table-row';
|
|
24
|
-
const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, 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: true, mode: false, modernPropertyDecls: 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: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef:
|
|
24
|
+
const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, 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: true, mode: false, modernPropertyDecls: 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: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
27
|
Stencil Client Platform v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -452,7 +452,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
452
452
|
}
|
|
453
453
|
}
|
|
454
454
|
}
|
|
455
|
-
} else if (memberName === "key") ; else if (
|
|
455
|
+
} else if (memberName === "key") ; else if (memberName === "ref") {
|
|
456
|
+
if (newValue) {
|
|
457
|
+
newValue(elm);
|
|
458
|
+
}
|
|
459
|
+
} else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
|
|
456
460
|
if (memberName[2] === "-") {
|
|
457
461
|
memberName = memberName.slice(3);
|
|
458
462
|
} else if (isMemberInElement(win, ln)) {
|
|
@@ -610,6 +614,7 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
|
|
|
610
614
|
const vnode = vnodes[index];
|
|
611
615
|
if (vnode) {
|
|
612
616
|
const elm = vnode.$elm$;
|
|
617
|
+
nullifyVNodeRefs(vnode);
|
|
613
618
|
if (elm) {
|
|
614
619
|
elm.remove();
|
|
615
620
|
}
|
|
@@ -738,6 +743,12 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
738
743
|
elm.data = text;
|
|
739
744
|
}
|
|
740
745
|
};
|
|
746
|
+
var nullifyVNodeRefs = (vNode) => {
|
|
747
|
+
{
|
|
748
|
+
vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
|
|
749
|
+
vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
|
|
750
|
+
}
|
|
751
|
+
};
|
|
741
752
|
var insertBefore = (parent, newNode, reference) => {
|
|
742
753
|
{
|
|
743
754
|
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-16788a13.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"language":[32],"updateLang":[64]}]]]], options);
|
|
11
|
+
return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"sizerWidth":[32],"language":[32],"updateLang":[64]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-16788a13.js');
|
|
6
6
|
|
|
7
7
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
8
8
|
|
|
@@ -909,24 +909,33 @@ const MdsTableRow = class {
|
|
|
909
909
|
this.language = this.t.lang(this.host);
|
|
910
910
|
this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
|
|
911
911
|
}
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
912
|
+
connectedCallback() {
|
|
913
|
+
// needed to capture sizer width when become visible
|
|
914
|
+
this.initObserver();
|
|
915
|
+
}
|
|
916
|
+
initObserver() {
|
|
917
|
+
const observer = new IntersectionObserver(entries => {
|
|
918
|
+
if (entries[0].isIntersecting) {
|
|
919
|
+
this.sizerWidth = `${this.actions.offsetWidth.toString()}px`;
|
|
920
|
+
observer.unobserve(this.host); // stop observer
|
|
921
|
+
}
|
|
922
|
+
}, {
|
|
923
|
+
root: this.host.parentElement,
|
|
924
|
+
threshold: 1, // trigger observer when is entirely visible
|
|
925
|
+
});
|
|
926
|
+
observer.observe(this.host);
|
|
918
927
|
}
|
|
919
928
|
render() {
|
|
920
|
-
return (index.h(index.Host, { key: '
|
|
921
|
-
index.h("mds-table-cell", { key: '
|
|
922
|
-
index.h("mds-table-cell", { key: '
|
|
923
|
-
index.h("mds-table-cell", { key: '
|
|
929
|
+
return (index.h(index.Host, { key: 'a109b3ad790e378a948c365aaf191384c0f7ce22', role: "row" }, this.selectable &&
|
|
930
|
+
index.h("mds-table-cell", { key: '08a9675c3fd2bc7d207a18d4b9585d07e2b18673', class: "selection-cell" }, index.h("div", { key: '4b00b56219a8de31c40d53430eacad9ad4550119', class: "checkbox-wrapper" }, index.h("mds-input-switch", { key: 'd032d75a8e246c06122b9bb8cd43f5b0f70ec6e1', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), index.h("slot", { key: 'caaf6054c4c894b4f6e209c38cbc0bf3ce0af572' }), this.hasActions && isSafari() &&
|
|
931
|
+
index.h("mds-table-cell", { key: 'efd3f6c53522d66fc46159ef2cf6bec98512757d', class: "actions-cell actions-cell--disable" }, index.h("div", { key: '0a09c5e18c142c237377ec1ba5ab95caef322aca', class: "actions" }, index.h("slot", { key: 'dea19dd978572c2d30eb3c8df2f33695d2118989', name: "action" }))), this.hasActions && !isSafari() &&
|
|
932
|
+
index.h("mds-table-cell", { key: '2a81346286bd48fdcee00866fd34ac4e83132a27', class: "actions-cell" }, index.h("div", { key: '1d0bbbe1ad947eead52250cdae846c9ee35ede6e', class: "actions-sizer", style: {
|
|
924
933
|
minHeight: '1px',
|
|
925
934
|
maxWidth: this.sizerWidth,
|
|
926
935
|
minWidth: this.sizerWidth,
|
|
927
|
-
} }), index.h("div", { key: '
|
|
936
|
+
} }), index.h("div", { key: '07551e582fa3a7120005489c89de7c7d97b37ea9', class: "actions-view" }, index.h("div", { key: '8dcead97d515ca62621f5c8aa33cc1e371207f23', class: "actions", ref: el => this.actions = el, style: {
|
|
928
937
|
marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
|
|
929
|
-
} }, index.h("slot", { key: '
|
|
938
|
+
} }, index.h("slot", { key: 'cd19ae680a72dffc4af2bfcec77a45fb4f7b05fd', name: "action" }))))));
|
|
930
939
|
}
|
|
931
940
|
get host() { return index.getElement(this); }
|
|
932
941
|
};
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-16788a13.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"language":[32],"updateLang":[64]}]]]], options);
|
|
22
|
+
return index.bootstrapLazy([["mds-table-row.cjs",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"sizerWidth":[32],"language":[32],"updateLang":[64]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -34,24 +34,33 @@ export class MdsTableRow {
|
|
|
34
34
|
this.language = this.t.lang(this.host);
|
|
35
35
|
this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
|
|
36
36
|
}
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
37
|
+
connectedCallback() {
|
|
38
|
+
// needed to capture sizer width when become visible
|
|
39
|
+
this.initObserver();
|
|
40
|
+
}
|
|
41
|
+
initObserver() {
|
|
42
|
+
const observer = new IntersectionObserver(entries => {
|
|
43
|
+
if (entries[0].isIntersecting) {
|
|
44
|
+
this.sizerWidth = `${this.actions.offsetWidth.toString()}px`;
|
|
45
|
+
observer.unobserve(this.host); // stop observer
|
|
46
|
+
}
|
|
47
|
+
}, {
|
|
48
|
+
root: this.host.parentElement,
|
|
49
|
+
threshold: 1, // trigger observer when is entirely visible
|
|
50
|
+
});
|
|
51
|
+
observer.observe(this.host);
|
|
43
52
|
}
|
|
44
53
|
render() {
|
|
45
|
-
return (h(Host, { key: '
|
|
46
|
-
h("mds-table-cell", { key: '
|
|
47
|
-
h("mds-table-cell", { key: '
|
|
48
|
-
h("mds-table-cell", { key: '
|
|
54
|
+
return (h(Host, { key: 'a109b3ad790e378a948c365aaf191384c0f7ce22', role: "row" }, this.selectable &&
|
|
55
|
+
h("mds-table-cell", { key: '08a9675c3fd2bc7d207a18d4b9585d07e2b18673', class: "selection-cell" }, h("div", { key: '4b00b56219a8de31c40d53430eacad9ad4550119', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'd032d75a8e246c06122b9bb8cd43f5b0f70ec6e1', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: 'caaf6054c4c894b4f6e209c38cbc0bf3ce0af572' }), this.hasActions && isSafari() &&
|
|
56
|
+
h("mds-table-cell", { key: 'efd3f6c53522d66fc46159ef2cf6bec98512757d', class: "actions-cell actions-cell--disable" }, h("div", { key: '0a09c5e18c142c237377ec1ba5ab95caef322aca', class: "actions" }, h("slot", { key: 'dea19dd978572c2d30eb3c8df2f33695d2118989', name: "action" }))), this.hasActions && !isSafari() &&
|
|
57
|
+
h("mds-table-cell", { key: '2a81346286bd48fdcee00866fd34ac4e83132a27', class: "actions-cell" }, h("div", { key: '1d0bbbe1ad947eead52250cdae846c9ee35ede6e', class: "actions-sizer", style: {
|
|
49
58
|
minHeight: '1px',
|
|
50
59
|
maxWidth: this.sizerWidth,
|
|
51
60
|
minWidth: this.sizerWidth,
|
|
52
|
-
} }), h("div", { key: '
|
|
61
|
+
} }), h("div", { key: '07551e582fa3a7120005489c89de7c7d97b37ea9', class: "actions-view" }, h("div", { key: '8dcead97d515ca62621f5c8aa33cc1e371207f23', class: "actions", ref: el => this.actions = el, style: {
|
|
53
62
|
marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
|
|
54
|
-
} }, h("slot", { key: '
|
|
63
|
+
} }, h("slot", { key: 'cd19ae680a72dffc4af2bfcec77a45fb4f7b05fd', name: "action" }))))));
|
|
55
64
|
}
|
|
56
65
|
static get is() { return "mds-table-row"; }
|
|
57
66
|
static get encapsulation() { return "shadow"; }
|
|
@@ -167,6 +176,7 @@ export class MdsTableRow {
|
|
|
167
176
|
}
|
|
168
177
|
static get states() {
|
|
169
178
|
return {
|
|
179
|
+
"sizerWidth": {},
|
|
170
180
|
"language": {}
|
|
171
181
|
};
|
|
172
182
|
}
|
|
@@ -907,24 +907,33 @@ const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends
|
|
|
907
907
|
this.language = this.t.lang(this.host);
|
|
908
908
|
this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
|
|
909
909
|
}
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
910
|
+
connectedCallback() {
|
|
911
|
+
// needed to capture sizer width when become visible
|
|
912
|
+
this.initObserver();
|
|
913
|
+
}
|
|
914
|
+
initObserver() {
|
|
915
|
+
const observer = new IntersectionObserver(entries => {
|
|
916
|
+
if (entries[0].isIntersecting) {
|
|
917
|
+
this.sizerWidth = `${this.actions.offsetWidth.toString()}px`;
|
|
918
|
+
observer.unobserve(this.host); // stop observer
|
|
919
|
+
}
|
|
920
|
+
}, {
|
|
921
|
+
root: this.host.parentElement,
|
|
922
|
+
threshold: 1, // trigger observer when is entirely visible
|
|
923
|
+
});
|
|
924
|
+
observer.observe(this.host);
|
|
916
925
|
}
|
|
917
926
|
render() {
|
|
918
|
-
return (h(Host, { key: '
|
|
919
|
-
h("mds-table-cell", { key: '
|
|
920
|
-
h("mds-table-cell", { key: '
|
|
921
|
-
h("mds-table-cell", { key: '
|
|
927
|
+
return (h(Host, { key: 'a109b3ad790e378a948c365aaf191384c0f7ce22', role: "row" }, this.selectable &&
|
|
928
|
+
h("mds-table-cell", { key: '08a9675c3fd2bc7d207a18d4b9585d07e2b18673', class: "selection-cell" }, h("div", { key: '4b00b56219a8de31c40d53430eacad9ad4550119', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'd032d75a8e246c06122b9bb8cd43f5b0f70ec6e1', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: 'caaf6054c4c894b4f6e209c38cbc0bf3ce0af572' }), this.hasActions && isSafari() &&
|
|
929
|
+
h("mds-table-cell", { key: 'efd3f6c53522d66fc46159ef2cf6bec98512757d', class: "actions-cell actions-cell--disable" }, h("div", { key: '0a09c5e18c142c237377ec1ba5ab95caef322aca', class: "actions" }, h("slot", { key: 'dea19dd978572c2d30eb3c8df2f33695d2118989', name: "action" }))), this.hasActions && !isSafari() &&
|
|
930
|
+
h("mds-table-cell", { key: '2a81346286bd48fdcee00866fd34ac4e83132a27', class: "actions-cell" }, h("div", { key: '1d0bbbe1ad947eead52250cdae846c9ee35ede6e', class: "actions-sizer", style: {
|
|
922
931
|
minHeight: '1px',
|
|
923
932
|
maxWidth: this.sizerWidth,
|
|
924
933
|
minWidth: this.sizerWidth,
|
|
925
|
-
} }), h("div", { key: '
|
|
934
|
+
} }), h("div", { key: '07551e582fa3a7120005489c89de7c7d97b37ea9', class: "actions-view" }, h("div", { key: '8dcead97d515ca62621f5c8aa33cc1e371207f23', class: "actions", ref: el => this.actions = el, style: {
|
|
926
935
|
marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
|
|
927
|
-
} }, h("slot", { key: '
|
|
936
|
+
} }, h("slot", { key: 'cd19ae680a72dffc4af2bfcec77a45fb4f7b05fd', name: "action" }))))));
|
|
928
937
|
}
|
|
929
938
|
get host() { return this; }
|
|
930
939
|
static get style() { return MdsTableRowStyle0; }
|
|
@@ -934,6 +943,7 @@ const MdsTableRow$1 = /*@__PURE__*/ proxyCustomElement(class MdsTableRow extends
|
|
|
934
943
|
"selectable": [516],
|
|
935
944
|
"selected": [1540],
|
|
936
945
|
"value": [520],
|
|
946
|
+
"sizerWidth": [32],
|
|
937
947
|
"language": [32],
|
|
938
948
|
"updateLang": [64]
|
|
939
949
|
}]);
|
package/dist/documentation.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, 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: true, mode: false, modernPropertyDecls: 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: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef:
|
|
2
|
+
const BUILD = /* mds-table-row */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, constructableCSS: true, cssAnnotations: true, devTools: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: false, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, 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: true, mode: false, modernPropertyDecls: 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: true, style: true, svg: false, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: false, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Platform v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
@@ -430,7 +430,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
|
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
432
|
}
|
|
433
|
-
} else if (memberName === "key") ; else if (
|
|
433
|
+
} else if (memberName === "key") ; else if (memberName === "ref") {
|
|
434
|
+
if (newValue) {
|
|
435
|
+
newValue(elm);
|
|
436
|
+
}
|
|
437
|
+
} else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
|
|
434
438
|
if (memberName[2] === "-") {
|
|
435
439
|
memberName = memberName.slice(3);
|
|
436
440
|
} else if (isMemberInElement(win, ln)) {
|
|
@@ -588,6 +592,7 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
|
|
|
588
592
|
const vnode = vnodes[index];
|
|
589
593
|
if (vnode) {
|
|
590
594
|
const elm = vnode.$elm$;
|
|
595
|
+
nullifyVNodeRefs(vnode);
|
|
591
596
|
if (elm) {
|
|
592
597
|
elm.remove();
|
|
593
598
|
}
|
|
@@ -716,6 +721,12 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
716
721
|
elm.data = text;
|
|
717
722
|
}
|
|
718
723
|
};
|
|
724
|
+
var nullifyVNodeRefs = (vNode) => {
|
|
725
|
+
{
|
|
726
|
+
vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
|
|
727
|
+
vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
|
|
728
|
+
}
|
|
729
|
+
};
|
|
719
730
|
var insertBefore = (parent, newNode, reference) => {
|
|
720
731
|
{
|
|
721
732
|
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
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-f0269a3c.js';
|
|
2
|
+
export { s as setNonce } from './index-f0269a3c.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":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"language":[32],"updateLang":[64]}]]]], options);
|
|
8
|
+
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"sizerWidth":[32],"language":[32],"updateLang":[64]}]]]], options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, h, H as Host, g as getElement } from './index-f0269a3c.js';
|
|
2
2
|
|
|
3
3
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
4
4
|
|
|
@@ -905,24 +905,33 @@ const MdsTableRow = class {
|
|
|
905
905
|
this.language = this.t.lang(this.host);
|
|
906
906
|
this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
|
|
907
907
|
}
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
908
|
+
connectedCallback() {
|
|
909
|
+
// needed to capture sizer width when become visible
|
|
910
|
+
this.initObserver();
|
|
911
|
+
}
|
|
912
|
+
initObserver() {
|
|
913
|
+
const observer = new IntersectionObserver(entries => {
|
|
914
|
+
if (entries[0].isIntersecting) {
|
|
915
|
+
this.sizerWidth = `${this.actions.offsetWidth.toString()}px`;
|
|
916
|
+
observer.unobserve(this.host); // stop observer
|
|
917
|
+
}
|
|
918
|
+
}, {
|
|
919
|
+
root: this.host.parentElement,
|
|
920
|
+
threshold: 1, // trigger observer when is entirely visible
|
|
921
|
+
});
|
|
922
|
+
observer.observe(this.host);
|
|
914
923
|
}
|
|
915
924
|
render() {
|
|
916
|
-
return (h(Host, { key: '
|
|
917
|
-
h("mds-table-cell", { key: '
|
|
918
|
-
h("mds-table-cell", { key: '
|
|
919
|
-
h("mds-table-cell", { key: '
|
|
925
|
+
return (h(Host, { key: 'a109b3ad790e378a948c365aaf191384c0f7ce22', role: "row" }, this.selectable &&
|
|
926
|
+
h("mds-table-cell", { key: '08a9675c3fd2bc7d207a18d4b9585d07e2b18673', class: "selection-cell" }, h("div", { key: '4b00b56219a8de31c40d53430eacad9ad4550119', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'd032d75a8e246c06122b9bb8cd43f5b0f70ec6e1', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: 'caaf6054c4c894b4f6e209c38cbc0bf3ce0af572' }), this.hasActions && isSafari() &&
|
|
927
|
+
h("mds-table-cell", { key: 'efd3f6c53522d66fc46159ef2cf6bec98512757d', class: "actions-cell actions-cell--disable" }, h("div", { key: '0a09c5e18c142c237377ec1ba5ab95caef322aca', class: "actions" }, h("slot", { key: 'dea19dd978572c2d30eb3c8df2f33695d2118989', name: "action" }))), this.hasActions && !isSafari() &&
|
|
928
|
+
h("mds-table-cell", { key: '2a81346286bd48fdcee00866fd34ac4e83132a27', class: "actions-cell" }, h("div", { key: '1d0bbbe1ad947eead52250cdae846c9ee35ede6e', class: "actions-sizer", style: {
|
|
920
929
|
minHeight: '1px',
|
|
921
930
|
maxWidth: this.sizerWidth,
|
|
922
931
|
minWidth: this.sizerWidth,
|
|
923
|
-
} }), h("div", { key: '
|
|
932
|
+
} }), h("div", { key: '07551e582fa3a7120005489c89de7c7d97b37ea9', class: "actions-view" }, h("div", { key: '8dcead97d515ca62621f5c8aa33cc1e371207f23', class: "actions", ref: el => this.actions = el, style: {
|
|
924
933
|
marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
|
|
925
|
-
} }, h("slot", { key: '
|
|
934
|
+
} }, h("slot", { key: 'cd19ae680a72dffc4af2bfcec77a45fb4f7b05fd', name: "action" }))))));
|
|
926
935
|
}
|
|
927
936
|
get host() { return getElement(this); }
|
|
928
937
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
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-f0269a3c.js';
|
|
2
|
+
export { s as setNonce } from './index-f0269a3c.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
/*
|
|
@@ -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":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"language":[32],"updateLang":[64]}]]]], options);
|
|
19
|
+
return bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{"interactive":[516],"overlayActions":[516,"overlay-actions"],"selectable":[516],"selected":[1540],"value":[520],"sizerWidth":[32],"language":[32],"updateLang":[64]}]]]], 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 i(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{u(n.next(e))}catch(e){a(e)}}function s(e){try{u(n["throw"](e))}catch(e){a(e)}}function u(e){e.done?t(e.value):i(e.value).then(o,s)}u((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return u([e,r])}}function u(s){if(n)throw new TypeError("Generator is already executing.");while(o&&(o=0,s[0]&&(t=0)),t)try{if(n=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:t.label++;return{value:s[1],done:false};case 5:t.label++;i=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){t.label=s[1];break}if(s[0]===6&&t.label<a[1]){t.label=a[1];a=s;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(s);break}if(a[2])t.ops.pop();t.trys.pop();continue}s=r.call(e,t)}catch(e){s=[6,e];i=0}finally{n=a=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,i=r.length,a;n<i;n++){if(a||!(n in r)){if(!a)a=Array.prototype.slice.call(r,0,n);a[n]=r[n]}}return e.concat(a||Array.prototype.slice.call(r))};var NAMESPACE="mds-table-row";var BUILD={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,constructableCSS:true,cssAnnotations:true,devTools:false,element:false,event:false,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:false,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,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:true,mode:false,modernPropertyDecls: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:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,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 getHostRef=function(e){if(e.__stencil__getHostRef){return e.__stencil__getHostRef()}return void 0};var registerInstance=function(e,r){e.__stencil__getHostRef=function(){return r};r.t=e};var registerHost=function(e,r){var t={i:0,$hostElement$:e,o:r,u:new Map};{t.l=new Promise((function(e){return t.v=e}))}{t.p=new Promise((function(e){return t.m=e}));e["s-p"]=[];e["s-rc"]=[]}var n=t;e.__stencil__getHostRef=function(){return n};return n};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.h.replace(/-/g,"_");var i=e.S;if(!i){return void 0}var a=cmpModules.get(i);if(a){return a[n]}if(!t||!BUILD.hotModuleReplacement){var o=function(e){cmpModules.set(i,e);return e[n]};switch(i){case"mds-table-row":return import("./mds-table-row.entry.js").then(o,consoleError)}}return import("./".concat(i,".entry.js").concat("")).then((function(e){{cmpModules.set(i,e)}return e[n]}),(function(e){consoleError(e,r.$hostElement$)}))};var styles=new Map;var HYDRATED_STYLE_ID="sty-id";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 plt={i:0,C:"",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 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.i&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 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 i=null;var a=null;var o=false;var s=false;var u=[];var l=function(r){for(var t=0;t<r.length;t++){i=r[t];if(Array.isArray(i)){l(i)}else if(i!=null&&typeof i!=="boolean"){if(o=typeof e!=="function"&&!isComplexType(i)){i=String(i)}if(o&&s){u[u.length-1]._+=i}else{u.push(o?newVNode(null,i):i)}s=o}}};l(t);if(r){if(r.key){a=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.T=r;if(u.length>0){c.A=u}{c.R=a}return c};var newVNode=function(e,r){var t={i:0,k:e,_:r,D:null,A:null};{t.T=null}{t.R=null}return t};var Host={};var isHost=function(e){return e&&e.k===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 i=getScopeId(r);var a=styles.get(i);if(!win.document){return i}e=e.nodeType===11?e:win.document;if(a){if(typeof a==="string"){e=e.head||e;var o=rootAppliedStyles.get(e);var s=void 0;if(!o){rootAppliedStyles.set(e,o=new Set)}if(!o.has(i)){{s=document.querySelector("[".concat(HYDRATED_STYLE_ID,'="').concat(i,'"]'))||win.document.createElement("style");s.innerHTML=a;var u=(n=plt.N)!=null?n:queryNonceMetaTagContent(win.document);if(u!=null){s.setAttribute("nonce",u)}if(!(r.i&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==null?void 0:f.parentNode)===e?f:null)}else if("host"in e){if(supportsConstructableStylesheets){var c=new CSSStyleSheet;c.replaceSync(a);e.adoptedStyleSheets=__spreadArray([c],e.adoptedStyleSheets,true)}else{var v=e.querySelector("style");if(v){v.innerHTML=a+v.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(r.i&1){e.insertBefore(s,null)}}if(r.i&4){s.innerHTML+=SLOT_FB_CSS}if(o){o.add(i)}}}else if(!e.adoptedStyleSheets.includes(a)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[a],false)}}return i};var attachStyles=function(e){var r=e.o;var t=e.$hostElement$;var n=r.i;var i=createTime("attachStyles",r.h);var a=addStyle(t.shadowRoot?t.shadowRoot:t.getRootNode(),r);if(n&10&&n&2||n&128){t["s-sc"]=a;t.classList.add(a+"-h")}i()};var getScopeId=function(e,r){return"sc-"+e.h};var setAccessor=function(e,r,t,n,i,a,o){if(t===n){return}var s=isMemberInElement(e,r);var u=r.toLowerCase();if(r==="class"){var l=e.classList;var f=parseClassList(t);var c=parseClassList(n);{l.remove.apply(l,f.filter((function(e){return e&&!c.includes(e)})));l.add.apply(l,c.filter((function(e){return e&&!f.includes(e)})))}}else if(r==="style"){{for(var v in t){if(!n||n[v]==null){if(v.includes("-")){e.style.removeProperty(v)}else{e.style[v]=""}}}}for(var v in n){if(!t||n[v]!==t[v]){if(v.includes("-")){e.style.setProperty(v,n[v])}else{e.style[v]=n[v]}}}}else if(r==="key");else if(r==="ref"){if(n){n(e)}}else if(!s&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"){r=r.slice(3)}else if(isMemberInElement(win,u)){r=u.slice(2)}else{r=u[2]+r.slice(3)}if(t||n){var d=r.endsWith(CAPTURE_EVENT_SUFFIX);r=r.replace(CAPTURE_EVENT_REGEX,"");if(t){plt.rel(e,r,t,d)}if(n){plt.ael(e,r,n,d)}}}else{var p=isComplexType(n);if((s||p&&n!==null)&&!i){try{if(!e.tagName.includes("-")){var m=n==null?"":n;if(r==="list"){s=false}else if(t==null||e[r]!=m){if(typeof e.__lookupSetter__(r)==="function"){e[r]=m}else{e.setAttribute(r,m)}}}else if(e[r]!==n){e[r]=n}}catch(e){}}if(n==null||n===false){if(n!==false||e.getAttribute(r)===""){{e.removeAttribute(r)}}}else if((!s||a&4||i)&&!p&&e.nodeType===1){n=n===true?"":n;{e.setAttribute(r,n)}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(parseClassListRegex)};var CAPTURE_EVENT_SUFFIX="Capture";var CAPTURE_EVENT_REGEX=new RegExp(CAPTURE_EVENT_SUFFIX+"$");var updateElement=function(e,r,t,n){var i=r.D.nodeType===11&&r.D.host?r.D.host:r.D;var a=e&&e.T||{};var o=r.T||{};{for(var s=0,u=sortedAttrNames(Object.keys(a));s<u.length;s++){var l=u[s];if(!(l in o)){setAccessor(i,l,a[l],void 0,t,r.i)}}}for(var f=0,c=sortedAttrNames(Object.keys(o));f<c.length;f++){var l=c[f];setAccessor(i,l,a[l],o[l],t,r.i)}};function sortedAttrNames(e){return e.includes("ref")?__spreadArray(__spreadArray([],e.filter((function(e){return e!=="ref"})),true),["ref"],false):e}var hostTagName;var useNativeShadowDom=false;var isSvgMode=false;var createElm=function(e,r,t){var n=r.A[t];var i=0;var a;var o;if(n._!==null){a=n.D=win.document.createTextNode(n._)}else{if(!win.document){throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component.")}a=n.D=win.document.createElement(!useNativeShadowDom&&BUILD.slotRelocation&&n.i&2?"slot-fb":n.k);{updateElement(null,n,isSvgMode)}if(n.A){for(i=0;i<n.A.length;++i){o=createElm(e,n,i);if(o){a.appendChild(o)}}}}a["s-hn"]=hostTagName;return a};var addVnodes=function(e,r,t,n,i,a){var o=e;var s;if(o.shadowRoot&&o.tagName===hostTagName){o=o.shadowRoot}for(;i<=a;++i){if(n[i]){s=createElm(null,t,i);if(s){n[i].D=s;insertBefore(o,s,r)}}}};var removeVnodes=function(e,r,t){for(var n=r;n<=t;++n){var i=e[n];if(i){var a=i.D;nullifyVNodeRefs(i);if(a){a.remove()}}}};var updateChildren=function(e,r,t,n,i){if(i===void 0){i=false}var a=0;var o=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(a<=l&&o<=v){if(f==null){f=r[++a]}else if(c==null){c=r[--l]}else if(d==null){d=n[++o]}else if(p==null){p=n[--v]}else if(isSameVnode(f,d,i)){patch(f,d,i);f=r[++a];d=n[++o]}else if(isSameVnode(c,p,i)){patch(c,p,i);c=r[--l];p=n[--v]}else if(isSameVnode(f,p,i)){patch(f,p,i);insertBefore(e,f.D,c.D.nextSibling);f=r[++a];p=n[--v]}else if(isSameVnode(c,d,i)){patch(c,d,i);insertBefore(e,c.D,f.D);c=r[--l];d=n[++o]}else{s=-1;{for(u=a;u<=l;++u){if(r[u]&&r[u].R!==null&&r[u].R===d.R){s=u;break}}}if(s>=0){h=r[s];if(h.k!==d.k){m=createElm(r&&r[o],t,s)}else{patch(h,d,i);r[s]=void 0;m=h.D}d=n[++o]}else{m=createElm(r&&r[o],t,o);d=n[++o]}if(m){{insertBefore(f.D.parentNode,m,f.D)}}}}if(a>l){addVnodes(e,n[v+1]==null?null:n[v+1].D,t,n,o,v)}else if(o>v){removeVnodes(r,a,l)}};var isSameVnode=function(e,r,t){if(t===void 0){t=false}if(e.k===r.k){if(!t){return e.R===r.R}if(t&&!e.R&&r.R){e.R=r.R}return true}return false};var patch=function(e,r,t){if(t===void 0){t=false}var n=r.D=e.D;var i=e.A;var a=r.A;var o=r._;if(o===null){{updateElement(e,r,isSvgMode)}if(i!==null&&a!==null){updateChildren(n,i,r,a,t)}else if(a!==null){if(e._!==null){n.textContent=""}addVnodes(n,null,r,a,0,a.length-1)}else if(!t&&BUILD.updatable&&i!==null){removeVnodes(i,0,i.length-1)}}else if(e._!==o){n.data=o}};var nullifyVNodeRefs=function(e){{e.T&&e.T.ref&&e.T.ref(null);e.A&&e.A.map(nullifyVNodeRefs)}};var insertBefore=function(e,r,t){{return e==null?void 0:e.insertBefore(r,t)}};var renderVdom=function(e,r,t){if(t===void 0){t=false}var n=e.$hostElement$;var i=e.o;var a=e.V||newVNode(null,null);var o=isHost(r)?r:h(null,null,r);hostTagName=n.tagName;if(i.L){o.T=o.T||{};i.L.map((function(e){var r=e[0],t=e[1];return o.T[t]=n[r]}))}if(t&&o.T){for(var s=0,u=Object.keys(o.T);s<u.length;s++){var l=u[s];if(n.hasAttribute(l)&&!["key","ref","style","class"].includes(l)){o.T[l]=n[l]}}}o.k=null;o.i|=4;e.V=o;o.D=a.D=n.shadowRoot||n;useNativeShadowDom=!!(i.i&1)&&!(i.i&128);patch(a,o,t)};var attachToAncestor=function(e,r){if(r&&!e.P&&r["s-p"]){var t=r["s-p"].push(new Promise((function(n){return e.P=function(){r["s-p"].splice(t-1,1);n()}})))}};var scheduleUpdate=function(e,r){{e.i|=16}if(e.i&4){e.i|=512;return}attachToAncestor(e,e.H);var t=function(){return dispatchHooks(e,r)};return writeTask(t)};var dispatchHooks=function(e,r){var t=e.$hostElement$;var n=createTime("scheduleUpdate",e.o.h);var i=e.t;if(!i){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 a;if(r){a=safeCall(i,"componentWillLoad",void 0,t)}else{a=safeCall(i,"componentWillUpdate",void 0,t)}a=enqueue(a,(function(){return safeCall(i,"componentWillRender",void 0,t)}));n();return enqueue(a,(function(){return updateComponent(e,i,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,i,a,o,s,u,l;return __generator(this,(function(f){i=e.$hostElement$;a=createTime("update",e.o.h);o=i["s-rc"];if(t){attachStyles(e)}s=createTime("render",e.o.h);{callRender(e,r,i,t)}if(o){o.map((function(e){return e()}));i["s-rc"]=void 0}s();a();{u=(n=i["s-p"])!=null?n:[];l=function(){return postUpdateComponent(e)};if(u.length===0){l()}else{Promise.all(u).then(l);e.i|=4;u.length=0}}return[2]}))}))};var callRender=function(e,r,t,n){try{r=r.render();{e.i&=~16}{e.i|=2}{{{renderVdom(e,r,n)}}}}catch(r){consoleError(r,e.$hostElement$)}return null};var postUpdateComponent=function(e){var r=e.o.h;var t=e.$hostElement$;var n=createTime("postUpdate",r);var i=e.t;var a=e.H;safeCall(i,"componentDidRender",void 0,t);if(!(e.i&64)){e.i|=64;{addHydratedFlag(t)}safeCall(i,"componentDidLoad",void 0,t);n();{e.m(t);if(!a){appDidLoad()}}}else{safeCall(i,"componentDidUpdate",void 0,t);n()}{e.v(t)}{if(e.P){e.P();e.P=void 0}if(e.i&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.i&=~(4|512)}};var appDidLoad=function(e){nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,r,t,n){if(e&&e[r]){try{return e[r](t)}catch(e){consoleError(e,n)}}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 i=getHostRef(e);if(!i){throw new Error("Couldn't find host element for \"".concat(n.h,'" 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/stenciljs/core/issues/5457).'))}var a=i.u.get(r);var o=i.i;var s=i.t;t=parsePropertyValue(t,n.M[r][0]);var u=Number.isNaN(a)&&Number.isNaN(t);var l=t!==a&&!u;if((!(o&8)||a===void 0)&&l){i.u.set(r,t);if(s){if((o&(2|16))===2){if(s.componentShouldUpdate){if(s.componentShouldUpdate(t,a,r)===false){return}}scheduleUpdate(i,false)}}}};var proxyComponent=function(e,r,t){var n,i;var a=e.prototype;if(r.M||BUILD.watchCallback){var o=Object.entries((n=r.M)!=null?n:{});o.map((function(e){var n=e[0],i=e[1][0];if(i&31||t&2&&i&32){var o=Object.getOwnPropertyDescriptor(a,n)||{},s=o.get,u=o.set;if(s)r.M[n][0]|=2048;if(u)r.M[n][0]|=4096;if(t&1||!s){Object.defineProperty(a,n,{get:function(){{if((r.M[n][0]&2048)===0){return getValue(this,n)}var e=getHostRef(this);var t=e?e.t:a;if(!t)return;return t[n]}},configurable:true,enumerable:true})}Object.defineProperty(a,n,{set:function(e){var a=this;var o=getHostRef(this);if(u){var s=i&32?this[n]:o.$hostElement$[n];if(typeof s==="undefined"&&o.u.get(n)){e=o.u.get(n)}else if(!o.u.get(n)&&s){o.u.set(n,s)}u.apply(this,[parsePropertyValue(e,i)]);e=i&32?this[n]:o.$hostElement$[n];setValue(this,n,e,r);return}{if((t&1)===0||(r.M[n][0]&4096)===0){setValue(this,n,e,r);if(t&1&&!o.t){o.p.then((function(){if(r.M[n][0]&4096&&o.t[n]!==o.u.get(n)){o.t[n]=e}}))}return}var l=function(){var t=o.t[n];if(!o.u.get(n)&&t){o.u.set(n,t)}o.t[n]=parsePropertyValue(e,i);setValue(a,n,o.t[n],r)};if(o.t){l()}else{o.p.then((function(){return l()}))}}}})}else if(t&1&&i&64){Object.defineProperty(a,n,{value:function(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t;var i=getHostRef(this);return(t=i==null?void 0:i.l)==null?void 0:t.then((function(){var r;return(r=i.t)==null?void 0:r[n].apply(r,e)}))}})}}));if(t&1){var s=new Map;a.attributeChangedCallback=function(e,t,n){var i=this;plt.jmp((function(){var o;var u=s.get(e);if(i.hasOwnProperty(u)&&BUILD.lazyLoad){n=i[u];delete i[u]}else if(a.hasOwnProperty(u)&&typeof i[u]==="number"&&i[u]==n){return}else if(u==null){var l=getHostRef(i);var f=l==null?void 0:l.i;if(f&&!(f&8)&&f&128&&n!==t){var c=l.t;var v=(o=r.$)==null?void 0:o[e];v==null?void 0:v.forEach((function(r){if(c[r]!=null){c[r].call(c,n,t,e)}}))}return}var d=Object.getOwnPropertyDescriptor(a,u);n=n===null&&typeof i[u]==="boolean"?false:n;if(n!==i[u]&&(!d.get||!!d.set)){i[u]=n}}))};e.observedAttributes=Array.from(new Set(__spreadArray(__spreadArray([],Object.keys((i=r.$)!=null?i:{}),true),o.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 i;var a=n[1]||t;s.set(a,t);if(n[0]&512){(i=r.L)==null?void 0:i.push([t,a])}return a})),true)))}}return e};var initializeComponent=function(e,r,t,n){return __awaiter(void 0,void 0,void 0,(function(){var n,i,a,o,s,u,l,f,c,v,d;return __generator(this,(function(p){switch(p.label){case 0:if(!((r.i&32)===0))return[3,6];r.i|=32;i=t.S;if(!i)return[3,4];a=loadModule(t,r);if(!(a&&"then"in a))return[3,2];o=uniqueTime();return[4,a];case 1:n=p.sent();o();return[3,3];case 2:n=a;p.label=3;case 3:if(!n){throw new Error('Constructor for "'.concat(t.h,"#").concat(r.U,'" was not found'))}if(!n.isProxied){proxyComponent(n,t,2);n.isProxied=true}s=createTime("createInstance",t.h);{r.i|=8}try{new n(r)}catch(r){consoleError(r,e)}{r.i&=~8}s();fireConnectedCallback(r.t,e);return[3,5];case 4:n=e.constructor;u=e.localName;customElements.whenDefined(u).then((function(){return r.i|=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.h);registerStyle(f,l,!!(t.i&1));c()}}p.label=6;case 6:v=r.H;d=function(){return scheduleUpdate(r,true)};if(v&&v["s-rc"]){v["s-rc"].push(d)}else{d()}return[2]}}))}))};var fireConnectedCallback=function(e,r){{safeCall(e,"connectedCallback",void 0,r)}};var connectedCallback=function(e){if((plt.i&1)===0){var r=getHostRef(e);var t=r.o;var n=createTime("connectedCallback",t.h);if(!(r.i&1)){r.i|=1;{var i=e;while(i=i.parentNode||i.host){if(i["s-p"]){attachToAncestor(r,r.H=i);break}}}if(t.M){Object.entries(t.M).map((function(r){var t=r[0],n=r[1][0];if(n&31&&e.hasOwnProperty(t)){var i=e[t];delete e[t];e[t]=i}}))}{initializeComponent(e,r,t)}}else{if(r==null?void 0:r.t){fireConnectedCallback(r.t,e)}else if(r==null?void 0:r.p){r.p.then((function(){return fireConnectedCallback(r.t,e)}))}}n()}};var disconnectInstance=function(e,r){{safeCall(e,"disconnectedCallback",void 0,r||e)}};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(t){if((plt.i&1)===0){r=getHostRef(e);if(r==null?void 0:r.t){disconnectInstance(r.t,e)}else if(r==null?void 0:r.p){r.p.then((function(){return disconnectInstance(r.t,e)}))}}if(rootAppliedStyles.has(e)){rootAppliedStyles.delete(e)}if(e.shadowRoot&&rootAppliedStyles.has(e.shadowRoot)){rootAppliedStyles.delete(e.shadowRoot)}return[2]}))}))};var bootstrapLazy=function(e,r){if(r===void 0){r={}}var t;if(!win.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}var n=createTime();var i=[];var a=r.exclude||[];var o=win.customElements;var s=win.document.head;var u=s.querySelector("meta[charset]");var l=win.document.createElement("style");var f=[];var c;var v=true;Object.assign(plt,r);plt.C=new URL(r.resourcesUrl||"./",win.document.baseURI).href;var d=false;e.map((function(e){e[1].map((function(r){var t={i:r[0],h:r[1],M:r[2],j:r[3]};if(t.i&4){d=true}{t.M=r[2]}{t.L=[]}var n=t.h;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.i&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.h,"! Mode is set to ").concat(r.shadowRoot.mode," but Stencil only supports open shadow roots."))}}}}return n}r.prototype.connectedCallback=function(){var e=this;getHostRef(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true}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)}));plt.raf((function(){var r;var t=getHostRef(e);var n=f.findIndex((function(r){return r===e}));if(n>-1){f.splice(n,1)}if(((r=t==null?void 0:t.V)==null?void 0:r.D)instanceof Node&&!t.V.D.isConnected){delete t.V.D}}))};r.prototype.componentOnReady=function(){return getHostRef(this).p};return r}(HTMLElement);t.S=e[0];if(!a.includes(n)&&!o.get(n)){i.push(n);o.define(n,proxyComponent(s,t,1))}}))}));if(i.length>0){if(d){l.textContent+=SLOT_FB_CSS}{l.textContent+=i.sort()+HYDRATED_CSS}if(l.innerHTML.length){l.setAttribute("data-styles","");var p=(t=plt.N)!=null?t:queryNonceMetaTagContent(win.document);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 setNonce=function(e){return plt.N=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(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function a(e){try{u(r.next(e))}catch(e){o(e)}}function c(e){try{u(r["throw"](e))}catch(e){o(e)}}function u(e){e.done?n(e.value):i(e.value).then(a,c)}u((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){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(e){return function(t){return u([e,t])}}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=t.call(e,n)}catch(e){c=[6,e];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-f0269a3c.js";export{s as setNonce}from"./index-f0269a3c.js";import{g as globalScripts}from"./app-globals-0f993ce5.js";var defineCustomElements=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(typeof window==="undefined")return[2,undefined];return[4,globalScripts()];case 1:e.sent();return[2,bootstrapLazy([["mds-table-row",[[1,"mds-table-row",{interactive:[516],overlayActions:[516,"overlay-actions"],selectable:[516],selected:[1540],value:[520],sizerWidth:[32],language:[32],updateLang:[64]}]]]],t)]}}))}))};export{defineCustomElements};
|