@maggioli-design-system/mds-table-row 5.2.0 → 5.3.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-cb928c36.js → index-27c9aefd.js} +146 -108
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mds-table-row.cjs.entry.js +17 -8
- package/dist/cjs/mds-table-row.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/common/browser.js +7 -0
- package/dist/collection/components/mds-table-row/mds-table-row.css +122 -132
- package/dist/collection/components/mds-table-row/mds-table-row.js +11 -6
- package/dist/components/mds-table-row.js +16 -7
- package/dist/documentation.json +10 -2
- package/dist/esm/{index-8134a00a.js → index-81f966aa.js} +146 -108
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mds-table-row.entry.js +17 -8
- package/dist/esm/mds-table-row.js +3 -3
- package/dist/esm-es5/index-81f966aa.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-133f1581.system.js +2 -0
- package/dist/mds-table-row/p-25b773c1.js +2 -0
- package/dist/mds-table-row/p-4727e0b3.system.entry.js +6 -0
- package/dist/mds-table-row/p-869d0b15.entry.js +6 -0
- package/dist/mds-table-row/p-e71445fa.system.js +1 -0
- package/dist/stats.json +44 -35
- package/dist/types/common/browser.d.ts +2 -0
- package/dist/types/common/locale.d.ts +1 -1
- package/dist/types/components/mds-table-row/mds-table-row.d.ts +1 -0
- package/documentation.json +10 -2
- package/package.json +4 -4
- package/readme.md +4 -3
- package/src/common/browser.ts +10 -0
- package/src/common/locale.ts +2 -2
- package/src/components/mds-table-row/css/mds-table-row-actions.css +16 -10
- package/src/components/mds-table-row/css/mds-table-row-interactive.css +0 -1
- package/src/components/mds-table-row/css/mds-table-row-pref-animation.css +5 -14
- package/src/components/mds-table-row/css/mds-table-row-selected.css +0 -1
- package/src/components/mds-table-row/css/mds-table-row-sorted.css +0 -2
- package/src/components/mds-table-row/mds-table-row.css +1 -7
- package/src/components/mds-table-row/mds-table-row.tsx +14 -3
- package/src/components/mds-table-row/readme.md +4 -3
- package/src/fixtures/icons.json +2 -0
- package/src/fixtures/iconsauce.json +1 -0
- package/src/tailwind/components.css +2 -48
- package/src/tailwind/index.css +4 -0
- package/www/build/mds-table-row.esm.js +1 -1
- package/www/build/mds-table-row.js +1 -1
- package/www/build/p-133f1581.system.js +2 -0
- package/www/build/p-25b773c1.js +2 -0
- package/www/build/p-4727e0b3.system.entry.js +6 -0
- package/www/build/p-869d0b15.entry.js +6 -0
- package/www/build/p-e71445fa.system.js +1 -0
- package/dist/esm-es5/index-8134a00a.js +0 -1
- package/dist/mds-table-row/p-11048c96.system.js +0 -1
- package/dist/mds-table-row/p-22d4881a.js +0 -2
- package/dist/mds-table-row/p-64bc1c7b.entry.js +0 -6
- package/dist/mds-table-row/p-88f814c9.system.js +0 -2
- package/dist/mds-table-row/p-c5e9ab44.system.entry.js +0 -6
- package/www/build/p-11048c96.system.js +0 -1
- package/www/build/p-22d4881a.js +0 -2
- package/www/build/p-64bc1c7b.entry.js +0 -6
- package/www/build/p-88f814c9.system.js +0 -2
- package/www/build/p-c5e9ab44.system.entry.js +0 -6
|
@@ -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,
|
|
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: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Platform v4.
|
|
5
|
+
Stencil Client Platform v4.27.2 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
var __defProp = Object.defineProperty;
|
|
8
8
|
var __export = (target, all) => {
|
|
@@ -11,10 +11,15 @@ var __export = (target, all) => {
|
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
// src/client/client-host-ref.ts
|
|
14
|
-
var
|
|
15
|
-
|
|
14
|
+
var getHostRef = (ref) => {
|
|
15
|
+
if (ref.__stencil__getHostRef) {
|
|
16
|
+
return ref.__stencil__getHostRef();
|
|
17
|
+
}
|
|
18
|
+
return void 0;
|
|
19
|
+
};
|
|
16
20
|
var registerInstance = (lazyInstance, hostRef) => {
|
|
17
|
-
|
|
21
|
+
lazyInstance.__stencil__getHostRef = () => hostRef;
|
|
22
|
+
hostRef.$lazyInstance$ = lazyInstance;
|
|
18
23
|
};
|
|
19
24
|
var registerHost = (hostElement, cmpMeta) => {
|
|
20
25
|
const hostRef = {
|
|
@@ -31,7 +36,8 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
31
36
|
hostElement["s-p"] = [];
|
|
32
37
|
hostElement["s-rc"] = [];
|
|
33
38
|
}
|
|
34
|
-
const ref =
|
|
39
|
+
const ref = hostRef;
|
|
40
|
+
hostElement.__stencil__getHostRef = () => ref;
|
|
35
41
|
return ref;
|
|
36
42
|
};
|
|
37
43
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
@@ -88,7 +94,6 @@ var HYDRATED_STYLE_ID = "sty-id";
|
|
|
88
94
|
var HYDRATED_CSS = "{visibility:hidden}[hydrated]{visibility:inherit}";
|
|
89
95
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
90
96
|
var win = typeof window !== "undefined" ? window : {};
|
|
91
|
-
var doc = win.document || { head: {} };
|
|
92
97
|
var plt = {
|
|
93
98
|
$flags$: 0,
|
|
94
99
|
$resourcesUrl$: "",
|
|
@@ -148,9 +153,9 @@ var isComplexType = (o) => {
|
|
|
148
153
|
};
|
|
149
154
|
|
|
150
155
|
// src/utils/query-nonce-meta-tag-content.ts
|
|
151
|
-
function queryNonceMetaTagContent(
|
|
156
|
+
function queryNonceMetaTagContent(doc) {
|
|
152
157
|
var _a, _b, _c;
|
|
153
|
-
return (_c = (_b = (_a =
|
|
158
|
+
return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
|
|
154
159
|
}
|
|
155
160
|
|
|
156
161
|
// src/utils/result.ts
|
|
@@ -313,7 +318,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
313
318
|
var _a;
|
|
314
319
|
const scopeId2 = getScopeId(cmpMeta);
|
|
315
320
|
const style = styles.get(scopeId2);
|
|
316
|
-
|
|
321
|
+
if (!win.document) {
|
|
322
|
+
return scopeId2;
|
|
323
|
+
}
|
|
324
|
+
styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
|
|
317
325
|
if (style) {
|
|
318
326
|
if (typeof style === "string") {
|
|
319
327
|
styleContainerNode = styleContainerNode.head || styleContainerNode;
|
|
@@ -324,9 +332,9 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
324
332
|
}
|
|
325
333
|
if (!appliedStyles.has(scopeId2)) {
|
|
326
334
|
{
|
|
327
|
-
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) ||
|
|
335
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || win.document.createElement("style");
|
|
328
336
|
styleElm.innerHTML = style;
|
|
329
|
-
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(
|
|
337
|
+
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
|
|
330
338
|
if (nonce != null) {
|
|
331
339
|
styleElm.setAttribute("nonce", nonce);
|
|
332
340
|
}
|
|
@@ -355,7 +363,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
355
363
|
styleContainerNode.append(styleElm);
|
|
356
364
|
}
|
|
357
365
|
}
|
|
358
|
-
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */
|
|
366
|
+
if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
|
|
359
367
|
styleContainerNode.insertBefore(styleElm, null);
|
|
360
368
|
}
|
|
361
369
|
}
|
|
@@ -380,7 +388,7 @@ var attachStyles = (hostRef) => {
|
|
|
380
388
|
const scopeId2 = addStyle(
|
|
381
389
|
elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
|
|
382
390
|
cmpMeta);
|
|
383
|
-
if (flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
|
|
391
|
+
if ((flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */ || flags & 128 /* shadowNeedsScopedCss */)) {
|
|
384
392
|
elm["s-sc"] = scopeId2;
|
|
385
393
|
elm.classList.add(scopeId2 + "-h");
|
|
386
394
|
}
|
|
@@ -388,89 +396,90 @@ var attachStyles = (hostRef) => {
|
|
|
388
396
|
};
|
|
389
397
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
390
398
|
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
|
|
391
|
-
if (oldValue
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
} else {
|
|
409
|
-
elm.style[prop] = "";
|
|
410
|
-
}
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
}
|
|
414
|
-
for (const prop in newValue) {
|
|
415
|
-
if (!oldValue || newValue[prop] !== oldValue[prop]) {
|
|
399
|
+
if (oldValue === newValue) {
|
|
400
|
+
return;
|
|
401
|
+
}
|
|
402
|
+
let isProp = isMemberInElement(elm, memberName);
|
|
403
|
+
let ln = memberName.toLowerCase();
|
|
404
|
+
if (memberName === "class") {
|
|
405
|
+
const classList = elm.classList;
|
|
406
|
+
const oldClasses = parseClassList(oldValue);
|
|
407
|
+
let newClasses = parseClassList(newValue);
|
|
408
|
+
{
|
|
409
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
410
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
411
|
+
}
|
|
412
|
+
} else if (memberName === "style") {
|
|
413
|
+
{
|
|
414
|
+
for (const prop in oldValue) {
|
|
415
|
+
if (!newValue || newValue[prop] == null) {
|
|
416
416
|
if (prop.includes("-")) {
|
|
417
|
-
elm.style.
|
|
417
|
+
elm.style.removeProperty(prop);
|
|
418
418
|
} else {
|
|
419
|
-
elm.style[prop] =
|
|
419
|
+
elm.style[prop] = "";
|
|
420
420
|
}
|
|
421
421
|
}
|
|
422
422
|
}
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
}
|
|
431
|
-
if (oldValue || newValue) {
|
|
432
|
-
const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
|
|
433
|
-
memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
|
|
434
|
-
if (oldValue) {
|
|
435
|
-
plt.rel(elm, memberName, oldValue, capture);
|
|
436
|
-
}
|
|
437
|
-
if (newValue) {
|
|
438
|
-
plt.ael(elm, memberName, newValue, capture);
|
|
423
|
+
}
|
|
424
|
+
for (const prop in newValue) {
|
|
425
|
+
if (!oldValue || newValue[prop] !== oldValue[prop]) {
|
|
426
|
+
if (prop.includes("-")) {
|
|
427
|
+
elm.style.setProperty(prop, newValue[prop]);
|
|
428
|
+
} else {
|
|
429
|
+
elm.style[prop] = newValue[prop];
|
|
439
430
|
}
|
|
440
431
|
}
|
|
432
|
+
}
|
|
433
|
+
} else if (memberName === "key") ; else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
|
|
434
|
+
if (memberName[2] === "-") {
|
|
435
|
+
memberName = memberName.slice(3);
|
|
436
|
+
} else if (isMemberInElement(win, ln)) {
|
|
437
|
+
memberName = ln.slice(2);
|
|
441
438
|
} else {
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
439
|
+
memberName = ln[2] + memberName.slice(3);
|
|
440
|
+
}
|
|
441
|
+
if (oldValue || newValue) {
|
|
442
|
+
const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
|
|
443
|
+
memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
|
|
444
|
+
if (oldValue) {
|
|
445
|
+
plt.rel(elm, memberName, oldValue, capture);
|
|
446
|
+
}
|
|
447
|
+
if (newValue) {
|
|
448
|
+
plt.ael(elm, memberName, newValue, capture);
|
|
449
|
+
}
|
|
450
|
+
}
|
|
451
|
+
} else {
|
|
452
|
+
const isComplex = isComplexType(newValue);
|
|
453
|
+
if ((isProp || isComplex && newValue !== null) && !isSvg) {
|
|
454
|
+
try {
|
|
455
|
+
if (!elm.tagName.includes("-")) {
|
|
456
|
+
const n = newValue == null ? "" : newValue;
|
|
457
|
+
if (memberName === "list") {
|
|
458
|
+
isProp = false;
|
|
459
|
+
} else if (oldValue == null || elm[memberName] != n) {
|
|
460
|
+
if (typeof elm.__lookupSetter__(memberName) === "function") {
|
|
461
|
+
elm[memberName] = n;
|
|
462
|
+
} else {
|
|
463
|
+
elm.setAttribute(memberName, n);
|
|
455
464
|
}
|
|
456
|
-
} else if (elm[memberName] !== newValue) {
|
|
457
|
-
elm[memberName] = newValue;
|
|
458
465
|
}
|
|
459
|
-
}
|
|
466
|
+
} else if (elm[memberName] !== newValue) {
|
|
467
|
+
elm[memberName] = newValue;
|
|
460
468
|
}
|
|
469
|
+
} catch (e) {
|
|
461
470
|
}
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
elm.removeAttribute(memberName);
|
|
466
|
-
}
|
|
467
|
-
}
|
|
468
|
-
} else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
|
|
469
|
-
newValue = newValue === true ? "" : newValue;
|
|
471
|
+
}
|
|
472
|
+
if (newValue == null || newValue === false) {
|
|
473
|
+
if (newValue !== false || elm.getAttribute(memberName) === "") {
|
|
470
474
|
{
|
|
471
|
-
elm.
|
|
475
|
+
elm.removeAttribute(memberName);
|
|
472
476
|
}
|
|
473
477
|
}
|
|
478
|
+
} else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
|
|
479
|
+
newValue = newValue === true ? "" : newValue;
|
|
480
|
+
{
|
|
481
|
+
elm.setAttribute(memberName, newValue);
|
|
482
|
+
}
|
|
474
483
|
}
|
|
475
484
|
}
|
|
476
485
|
};
|
|
@@ -533,9 +542,14 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
|
533
542
|
let elm;
|
|
534
543
|
let childNode;
|
|
535
544
|
if (newVNode2.$text$ !== null) {
|
|
536
|
-
elm = newVNode2.$elm$ =
|
|
545
|
+
elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
|
|
537
546
|
} else {
|
|
538
|
-
|
|
547
|
+
if (!win.document) {
|
|
548
|
+
throw new Error(
|
|
549
|
+
"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."
|
|
550
|
+
);
|
|
551
|
+
}
|
|
552
|
+
elm = newVNode2.$elm$ = win.document.createElement(
|
|
539
553
|
!useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
|
|
540
554
|
);
|
|
541
555
|
{
|
|
@@ -680,13 +694,10 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
680
694
|
const elm = newVNode2.$elm$ = oldVNode.$elm$;
|
|
681
695
|
const oldChildren = oldVNode.$children$;
|
|
682
696
|
const newChildren = newVNode2.$children$;
|
|
683
|
-
const tag = newVNode2.$tag$;
|
|
684
697
|
const text = newVNode2.$text$;
|
|
685
698
|
if (text === null) {
|
|
686
699
|
{
|
|
687
|
-
|
|
688
|
-
updateElement(oldVNode, newVNode2, isSvgMode);
|
|
689
|
-
}
|
|
700
|
+
updateElement(oldVNode, newVNode2, isSvgMode);
|
|
690
701
|
}
|
|
691
702
|
if (oldChildren !== null && newChildren !== null) {
|
|
692
703
|
updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
|
|
@@ -733,7 +744,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
733
744
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
734
745
|
hostRef.$vnode$ = rootVnode;
|
|
735
746
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
736
|
-
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)
|
|
747
|
+
useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
|
|
737
748
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
738
749
|
};
|
|
739
750
|
|
|
@@ -773,10 +784,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
773
784
|
}
|
|
774
785
|
let maybePromise;
|
|
775
786
|
if (isInitialLoad) {
|
|
776
|
-
|
|
777
|
-
|
|
778
|
-
|
|
787
|
+
maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
|
|
788
|
+
} else {
|
|
789
|
+
maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
|
|
779
790
|
}
|
|
791
|
+
maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
|
|
780
792
|
endSchedule();
|
|
781
793
|
return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
782
794
|
};
|
|
@@ -842,14 +854,13 @@ var postUpdateComponent = (hostRef) => {
|
|
|
842
854
|
const endPostUpdate = createTime("postUpdate", tagName);
|
|
843
855
|
const instance = hostRef.$lazyInstance$ ;
|
|
844
856
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
857
|
+
safeCall(instance, "componentDidRender", void 0, elm);
|
|
845
858
|
if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
|
|
846
859
|
hostRef.$flags$ |= 64 /* hasLoadedComponent */;
|
|
847
860
|
{
|
|
848
861
|
addHydratedFlag(elm);
|
|
849
862
|
}
|
|
850
|
-
|
|
851
|
-
safeCall(instance, "componentDidLoad", void 0, elm);
|
|
852
|
-
}
|
|
863
|
+
safeCall(instance, "componentDidLoad", void 0, elm);
|
|
853
864
|
endPostUpdate();
|
|
854
865
|
{
|
|
855
866
|
hostRef.$onReadyResolve$(elm);
|
|
@@ -858,6 +869,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
858
869
|
}
|
|
859
870
|
}
|
|
860
871
|
} else {
|
|
872
|
+
safeCall(instance, "componentDidUpdate", void 0, elm);
|
|
861
873
|
endPostUpdate();
|
|
862
874
|
}
|
|
863
875
|
{
|
|
@@ -875,9 +887,6 @@ var postUpdateComponent = (hostRef) => {
|
|
|
875
887
|
}
|
|
876
888
|
};
|
|
877
889
|
var appDidLoad = (who) => {
|
|
878
|
-
{
|
|
879
|
-
addHydratedFlag(doc.documentElement);
|
|
880
|
-
}
|
|
881
890
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
882
891
|
};
|
|
883
892
|
var safeCall = (instance, method, arg, elm) => {
|
|
@@ -901,7 +910,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
901
910
|
const hostRef = getHostRef(ref);
|
|
902
911
|
if (!hostRef) {
|
|
903
912
|
throw new Error(
|
|
904
|
-
`Couldn't find host element for "${cmpMeta.$tagName$}" 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/
|
|
913
|
+
`Couldn't find host element for "${cmpMeta.$tagName$}" 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).`
|
|
905
914
|
);
|
|
906
915
|
}
|
|
907
916
|
const oldVal = hostRef.$instanceValues$.get(propName);
|
|
@@ -914,6 +923,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
|
|
|
914
923
|
hostRef.$instanceValues$.set(propName, newVal);
|
|
915
924
|
if (instance) {
|
|
916
925
|
if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
|
|
926
|
+
if (instance.componentShouldUpdate) {
|
|
927
|
+
if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
|
|
928
|
+
return;
|
|
929
|
+
}
|
|
930
|
+
}
|
|
917
931
|
scheduleUpdate(hostRef, false);
|
|
918
932
|
}
|
|
919
933
|
}
|
|
@@ -1061,7 +1075,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1061
1075
|
let Cstr;
|
|
1062
1076
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
1063
1077
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
1064
|
-
|
|
1078
|
+
const bundleId = cmpMeta.$lazyBundleId$;
|
|
1079
|
+
if (bundleId) {
|
|
1065
1080
|
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
1066
1081
|
if (CstrImport && "then" in CstrImport) {
|
|
1067
1082
|
const endLoad = uniqueTime();
|
|
@@ -1090,6 +1105,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1090
1105
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
1091
1106
|
}
|
|
1092
1107
|
endNewInstance();
|
|
1108
|
+
fireConnectedCallback(hostRef.$lazyInstance$, elm);
|
|
1109
|
+
} else {
|
|
1110
|
+
Cstr = elm.constructor;
|
|
1111
|
+
const cmpTag = elm.localName;
|
|
1112
|
+
customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
|
|
1093
1113
|
}
|
|
1094
1114
|
if (Cstr && Cstr.style) {
|
|
1095
1115
|
let style;
|
|
@@ -1113,6 +1133,9 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1113
1133
|
}
|
|
1114
1134
|
};
|
|
1115
1135
|
var fireConnectedCallback = (instance, elm) => {
|
|
1136
|
+
{
|
|
1137
|
+
safeCall(instance, "connectedCallback", void 0, elm);
|
|
1138
|
+
}
|
|
1116
1139
|
};
|
|
1117
1140
|
|
|
1118
1141
|
// src/runtime/connected-callback.ts
|
|
@@ -1145,20 +1168,27 @@ var connectedCallback = (elm) => {
|
|
|
1145
1168
|
initializeComponent(elm, hostRef, cmpMeta);
|
|
1146
1169
|
}
|
|
1147
1170
|
} else {
|
|
1148
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1149
|
-
hostRef.$
|
|
1171
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1172
|
+
fireConnectedCallback(hostRef.$lazyInstance$, elm);
|
|
1173
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1174
|
+
hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
|
|
1150
1175
|
}
|
|
1151
1176
|
}
|
|
1152
1177
|
endConnected();
|
|
1153
1178
|
}
|
|
1154
1179
|
};
|
|
1155
1180
|
var disconnectInstance = (instance, elm) => {
|
|
1181
|
+
{
|
|
1182
|
+
safeCall(instance, "disconnectedCallback", void 0, elm || instance);
|
|
1183
|
+
}
|
|
1156
1184
|
};
|
|
1157
1185
|
var disconnectedCallback = async (elm) => {
|
|
1158
1186
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
1159
1187
|
const hostRef = getHostRef(elm);
|
|
1160
|
-
if (hostRef == null ? void 0 : hostRef.$lazyInstance$)
|
|
1161
|
-
hostRef.$
|
|
1188
|
+
if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
|
|
1189
|
+
disconnectInstance(hostRef.$lazyInstance$, elm);
|
|
1190
|
+
} else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
|
|
1191
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
|
|
1162
1192
|
}
|
|
1163
1193
|
}
|
|
1164
1194
|
if (rootAppliedStyles.has(elm)) {
|
|
@@ -1172,18 +1202,22 @@ var disconnectedCallback = async (elm) => {
|
|
|
1172
1202
|
// src/runtime/bootstrap-lazy.ts
|
|
1173
1203
|
var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
1174
1204
|
var _a;
|
|
1205
|
+
if (!win.document) {
|
|
1206
|
+
console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
|
|
1207
|
+
return;
|
|
1208
|
+
}
|
|
1175
1209
|
const endBootstrap = createTime();
|
|
1176
1210
|
const cmpTags = [];
|
|
1177
1211
|
const exclude = options.exclude || [];
|
|
1178
1212
|
const customElements2 = win.customElements;
|
|
1179
|
-
const head =
|
|
1213
|
+
const head = win.document.head;
|
|
1180
1214
|
const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
|
|
1181
|
-
const dataStyles = /* @__PURE__ */
|
|
1215
|
+
const dataStyles = /* @__PURE__ */ win.document.createElement("style");
|
|
1182
1216
|
const deferredConnectedCallbacks = [];
|
|
1183
1217
|
let appLoadFallback;
|
|
1184
1218
|
let isBootstrapping = true;
|
|
1185
1219
|
Object.assign(plt, options);
|
|
1186
|
-
plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./",
|
|
1220
|
+
plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
|
|
1187
1221
|
let hasSlotRelocation = false;
|
|
1188
1222
|
lazyBundles.map((lazyBundle) => {
|
|
1189
1223
|
lazyBundle[1].map((compactMeta) => {
|
|
@@ -1246,6 +1280,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1246
1280
|
plt.raf(() => {
|
|
1247
1281
|
var _a3;
|
|
1248
1282
|
const hostRef = getHostRef(this);
|
|
1283
|
+
const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
|
|
1284
|
+
if (i2 > -1) {
|
|
1285
|
+
deferredConnectedCallbacks.splice(i2, 1);
|
|
1286
|
+
}
|
|
1249
1287
|
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1250
1288
|
delete hostRef.$vnode$.$elm$;
|
|
1251
1289
|
}
|
|
@@ -1274,7 +1312,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1274
1312
|
}
|
|
1275
1313
|
if (dataStyles.innerHTML.length) {
|
|
1276
1314
|
dataStyles.setAttribute("data-styles", "");
|
|
1277
|
-
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(
|
|
1315
|
+
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
|
|
1278
1316
|
if (nonce != null) {
|
|
1279
1317
|
dataStyles.setAttribute("nonce", nonce);
|
|
1280
1318
|
}
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { b as bootstrapLazy } from './index-
|
|
2
|
-
export { s as setNonce } from './index-
|
|
1
|
+
import { b as bootstrapLazy } from './index-81f966aa.js';
|
|
2
|
+
export { s as setNonce } from './index-81f966aa.js';
|
|
3
3
|
import { g as globalScripts } from './app-globals-0f993ce5.js';
|
|
4
4
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
@@ -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-81f966aa.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
|
|
|
@@ -870,12 +870,20 @@ const localeIt = {
|
|
|
870
870
|
unselectRow: unselectRow
|
|
871
871
|
};
|
|
872
872
|
|
|
873
|
-
const mdsTableRowCss = "@tailwind components;\n@tailwind utilities;\n\n:host(:not(:is([hydrated], .hydrated))) {\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n -webkit-animation-duration: 0s;\n animation-duration: 0s;\n border-color: transparent;\n -webkit-box-shadow: 0 0 0 transparent;\n box-shadow: 0 0 0 transparent;\n opacity: 0;\n outline-color: transparent;\n -webkit-transition-delay: 0s;\n transition-delay: 0s;\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n visibility: hidden;\n}\n\n\n:host {\n\n --mds-table-row-color-hover: var(--mds-table-color, rgb(var(--tone-neutral-02)));\n --mds-table-row-color-alt: var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));\n --mds-table-row-background-hover: var(--mds-table-background, rgb(var(--tone-neutral)));\n --mds-table-row-background-alt: var(--mds-table-background-alt, rgb(var(--tone-neutral)));\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.selection-cell {\n vertical-align: middle;\n}\n\n.checkbox-wrapper {\n display: -ms-flexbox;\n display: flex;\n}\n\n:host([interactive]:hover) {\n\n --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n --mds-table-row-background: var(--mds-table-row-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([selected]) {\n\n --mds-table-row-background: var(--mds-table-row-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n:host([sorted]) {\n\n --mds-table-row-background: var(--mds-table-row-background-alt);\n --mds-table-row-color: var(--mds-table-row-color-alt);\n}\n\n:host([sorted][selected]) {\n\n --mds-table-row-background: var(--mds-table-row-background-hover);\n --mds-table-row-color: var(--mds-table-row-color-hover);\n}\n\n.actions-view {\n -ms-flex-align: center;\n align-items: center;\n display: -ms-flexbox;\n display: flex;\n inset: 0;\n -ms-flex-pack: end;\n justify-content: end;\n pointer-events: none;\n position: absolute;\n}\n\n.actions {\n\n --mds-table-row-actions-background: var(--mds-table-row-background);\n\n -ms-flex-align: center;\n\n align-items: center;\n background-color: var(--mds-table-row-actions-background);\n border-bottom-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n border-top-left-radius: calc(0.5rem + var(--mds-table-border-width) * 2);\n display: -ms-inline-flexbox;\n display: inline-flex;\n gap: var(--mds-table-row-actions-gap);\n inset: 0;\n margin-right: 100%;\n padding: calc(var(--mds-table-border-width) * 2);\n padding-right: 0;\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, padding-right, -webkit-transform;\n transition-property: background-color, padding-right, -webkit-transform;\n transition-property: transform, background-color, padding-right;\n transition-property: transform, background-color, padding-right, -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:host(:hover) .actions {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n:host([overlay-actions]) .actions {\n padding-right: var(--mds-table-cell-padding);\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n:host([overlay-actions]:hover) .actions {\n\n --mds-table-row-actions-background: var(--mds-table-row-background);\n\n -webkit-transform: translateX(0);\n\n transform: translateX(0);\n}\n\n:host(:hover):host-context(mds-table[interactive=\"false\"]) .actions,\n:host(:hover):host-context(mds-table:not([interactive])) .actions {\n\n --mds-table-row-actions-background: var(--mds-table-row-background-hover);\n}\n\n:host(:not([selected]):hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host(:not([selected]):hover):host-context(mds-table[selection][interactive=\"false\"]) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection]:not([interactive])) .actions,\n:host([selected=\"false\"]:hover):host-context(mds-table[selection][interactive=\"false\"]) .actions {\n\n --mds-table-row-actions-background: var(--mds-table-row-background-alt);\n}\n\n@container style(--magma-pref-animation: reduce) {\n :host,\n .actions {\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 .actions {\n -webkit-transition-duration: 0s;\n transition-duration: 0s;\n }\n }\n}\n\n";
|
|
873
|
+
const isSafari = () => {
|
|
874
|
+
if (navigator) {
|
|
875
|
+
return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
|
|
876
|
+
}
|
|
877
|
+
return false;
|
|
878
|
+
};
|
|
879
|
+
|
|
880
|
+
const mdsTableRowCss = ":host{--mds-table-row-color-hover:var(--mds-table-color, rgb(var(--tone-neutral-02)));--mds-table-row-color-alt:var(--mds-table-color-alt, rgb(var(--tone-neutral-02)));--mds-table-row-background-hover:var(--mds-table-background, rgb(var(--tone-neutral)));--mds-table-row-background-alt:var(--mds-table-background-alt, rgb(var(--tone-neutral)));--mds-table-row-actions-gap:var(--mds-table-actions-gap, 1rem);-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);color:var(--mds-table-row-color);display:table-row;position:relative;-webkit-transition-property:color;transition-property:color}.selection-cell{vertical-align:middle}.checkbox-wrapper{display:-ms-flexbox;display:flex}:host([interactive]:hover){--mds-table-row-actions-background:var(--mds-table-row-background-hover);--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}:host([sorted]){--mds-table-row-background:var(--mds-table-row-background-alt);--mds-table-row-color:var(--mds-table-row-color-alt)}:host([sorted][selected]){--mds-table-row-background:var(--mds-table-row-background-hover);--mds-table-row-color:var(--mds-table-row-color-hover)}.actions-view{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;inset:0;-ms-flex-pack:end;justify-content:end;pointer-events:none;position:absolute}.actions{--mds-table-row-actions-background:var(--mds-table-row-background);-ms-flex-align:center;align-items:center;background-color:var(--mds-table-row-actions-background);border-bottom-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);border-top-left-radius:calc(0.5rem + var(--mds-table-border-width) * 2);display:-ms-inline-flexbox;display:inline-flex;gap:var(--mds-table-row-actions-gap);inset:0;margin-right:100%;padding:calc(var(--mds-table-border-width) * 2);padding-right:0;pointer-events:auto;position:-webkit-sticky;position:sticky;right:0;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-property:background-color, padding-right, -webkit-transform;transition-property:background-color, padding-right, -webkit-transform;transition-property:transform, background-color, padding-right;transition-property:transform, background-color, padding-right, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}:host(:hover) .actions{-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]) .actions{padding-right:var(--mds-table-cell-padding);-webkit-transform:translateX(100%);transform:translateX(100%)}:host([overlay-actions]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background);-webkit-transform:translateX(0);transform:translateX(0)}:host-context(mds-table[interactive=\"false\"]):host(:hover) .actions,:host-context(mds-table:not([interactive])):host(:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-hover)}:host-context(mds-table[selection]:not([interactive])):host(:not([selected]):hover) .actions,:host-context(mds-table[selection][interactive=\"false\"]):host(:not([selected]):hover) .actions,:host-context(mds-table[selection]:not([interactive])):host([selected=\"false\"]:hover) .actions,:host-context(mds-table[selection][interactive=\"false\"]):host([selected=\"false\"]:hover) .actions{--mds-table-row-actions-background:var(--mds-table-row-background-alt)}.actions-cell--disable,.actions-cell--disable .actions{position:static !important}.actions-cell--disable .actions{margin-right:0 !important;-webkit-transform:translateX(0) !important;transform:translateX(0) !important}:host-context(.pref-animation-reduce){-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system){-webkit-transition-duration:0s;transition-duration:0s}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
|
|
874
881
|
const MdsTableRowStyle0 = mdsTableRowCss;
|
|
875
882
|
|
|
876
883
|
const MdsTableRow = class {
|
|
877
884
|
constructor(hostRef) {
|
|
878
885
|
registerInstance(this, hostRef);
|
|
886
|
+
this.hasActions = true;
|
|
879
887
|
this.t = new Locale({
|
|
880
888
|
el: localeEl,
|
|
881
889
|
en: localeEn,
|
|
@@ -895,7 +903,7 @@ const MdsTableRow = class {
|
|
|
895
903
|
}
|
|
896
904
|
componentWillLoad() {
|
|
897
905
|
this.language = this.t.lang(this.host);
|
|
898
|
-
this.hasActions = this.host.querySelector('[slot="action"]') !== null;
|
|
906
|
+
this.hasActions = this.host.querySelector(':scope > [slot="action"]') !== null;
|
|
899
907
|
}
|
|
900
908
|
componentDidLoad() {
|
|
901
909
|
var _a;
|
|
@@ -905,15 +913,16 @@ const MdsTableRow = class {
|
|
|
905
913
|
}
|
|
906
914
|
}
|
|
907
915
|
render() {
|
|
908
|
-
return (h(Host, { key: '
|
|
909
|
-
h("mds-table-cell", { key: '
|
|
910
|
-
h("mds-table-cell", { key: '
|
|
916
|
+
return (h(Host, { key: 'ddc3467a490c2bd90fe51e21a5fe67268a09cabd', role: "row" }, this.selectable &&
|
|
917
|
+
h("mds-table-cell", { key: 'e0aae0041d28b4a39e2cdfef98f8ceb34703613b', class: "selection-cell" }, h("div", { key: 'daf5de2fcfdb0f1863109feb96b533f9bdec1e43', class: "checkbox-wrapper" }, h("mds-input-switch", { key: 'd27bd2000b73115b7c9c2ad7705fcda40d134c04', title: this.t.get(this.selected ? 'unselectRow' : 'selectRow'), lang: this.language, type: "checkbox", checked: this.selected, onMdsInputSwitchChange: this.handleSelectionChange }))), h("slot", { key: '2eb2218ac36175a75569199cb837c00ab56ef3d0' }), this.hasActions && isSafari() &&
|
|
918
|
+
h("mds-table-cell", { key: '0c74ae109c1112d79fc9a65412d032105fb1cdef', class: "actions-cell actions-cell--disable" }, h("div", { key: '969b05e04cb68ec781ba5227de80a8b0357e299c', class: "actions" }, h("slot", { key: '04ee8a48cf0ac01a0bc25b7e819e57767a6443a7', name: "action" }))), this.hasActions && !isSafari() &&
|
|
919
|
+
h("mds-table-cell", { key: '39dba4bf1fc6c2892705608bca1f68e70ce47c7c', class: "actions-cell" }, h("div", { key: '2cab6097ba0bfe85f258ee9f569d92f75fd58208', class: "actions-sizer", style: {
|
|
911
920
|
minHeight: '1px',
|
|
912
921
|
maxWidth: this.sizerWidth,
|
|
913
922
|
minWidth: this.sizerWidth,
|
|
914
|
-
} }), h("div", { key: '
|
|
923
|
+
} }), h("div", { key: '1c77e27a925fe8fc003fcdd17f760f35a306027b', class: "actions-view" }, h("div", { key: '962a79184fa4cb6de61d443a65d9481b24cbb603', class: "actions", style: {
|
|
915
924
|
marginRight: `calc(${this.sizerWidth} + var(--mds-table-cell-padding))`,
|
|
916
|
-
} }, h("slot", { key: '
|
|
925
|
+
} }, h("slot", { key: 'fde4f3d477475c8dfdb3346e84e3125f964b7676', name: "action" }))))));
|
|
917
926
|
}
|
|
918
927
|
get host() { return getElement(this); }
|
|
919
928
|
};
|
|
@@ -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-81f966aa.js';
|
|
2
|
+
export { s as setNonce } from './index-81f966aa.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.27.2 | MIT Licensed | https://stenciljs.com
|
|
7
7
|
*/
|
|
8
8
|
var patchBrowser = () => {
|
|
9
9
|
const importMeta = import.meta.url;
|