@maggioli-design-system/mds-input-tip-item 1.2.2 → 1.2.3
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-93776b4d.js → index-16662754.js} +160 -65
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mds-input-tip-item.cjs.entry.js +7 -2
- package/dist/cjs/mds-input-tip-item.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/common/floating-controller.js +180 -0
- package/dist/collection/common/slot.js +19 -0
- package/dist/collection/components/mds-input-tip-item/mds-input-tip-item.js +10 -1
- package/dist/collection/dictionary/animation.js +5 -0
- package/dist/collection/dictionary/file-extensions.js +6 -59
- package/dist/collection/dictionary/tree.js +13 -0
- package/dist/collection/fixtures/filenames.js +62 -1
- package/dist/collection/type/animation.js +1 -0
- package/dist/collection/type/tree.js +1 -0
- package/dist/collection/type/variant-file-format.js +5 -0
- package/dist/components/mds-input-tip-item.js +6 -1
- package/dist/documentation.d.ts +8 -0
- package/dist/documentation.json +8 -4
- package/dist/esm/{index-a2984c37.js → index-fceb8d31.js} +160 -65
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mds-input-tip-item.entry.js +7 -2
- package/dist/esm/mds-input-tip-item.js +3 -3
- package/dist/esm-es5/index-fceb8d31.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-input-tip-item.entry.js +2 -2
- package/dist/esm-es5/mds-input-tip-item.js +1 -1
- package/dist/mds-input-tip-item/mds-input-tip-item.esm.js +1 -1
- package/dist/mds-input-tip-item/mds-input-tip-item.js +1 -1
- package/dist/mds-input-tip-item/p-26fe420d.js +2 -0
- package/{www/build/p-ffdb79be.system.entry.js → dist/mds-input-tip-item/p-31b9b555.system.entry.js} +2 -2
- package/dist/mds-input-tip-item/p-7d9ca116.system.js +2 -0
- package/dist/mds-input-tip-item/{p-f5244719.entry.js → p-8023465c.entry.js} +2 -2
- package/dist/mds-input-tip-item/{p-db848254.system.js → p-e268fc79.system.js} +1 -1
- package/dist/stats.json +59 -35
- package/dist/types/common/floating-controller.d.ts +46 -0
- package/dist/types/common/slot.d.ts +3 -0
- package/dist/types/dictionary/animation.d.ts +2 -0
- package/dist/types/dictionary/tree.d.ts +4 -0
- package/dist/types/fixtures/filenames.d.ts +62 -1
- package/dist/types/type/animation.d.ts +1 -0
- package/dist/types/type/file-types.d.ts +1 -1
- package/dist/types/type/tree.d.ts +3 -0
- package/dist/types/type/variant-file-format.d.ts +1 -1
- package/documentation.json +49 -15
- package/package.json +4 -4
- package/src/common/floating-controller.ts +263 -0
- package/src/common/slot.ts +24 -0
- package/src/dictionary/animation.ts +8 -0
- package/src/dictionary/file-extensions.ts +6 -60
- package/src/dictionary/tree.ts +21 -0
- package/src/fixtures/filenames.ts +63 -0
- package/src/fixtures/icons.json +21 -0
- package/src/fixtures/iconsauce.json +6 -0
- package/src/meta/file-format/locale.el.json +26 -21
- package/src/meta/file-format/locale.en.json +26 -21
- package/src/meta/file-format/locale.es.json +26 -21
- package/src/meta/file-format/locale.it.json +26 -21
- package/src/type/animation.ts +3 -0
- package/src/type/file-types.ts +6 -0
- package/src/type/tree.ts +12 -0
- package/src/type/variant-file-format.ts +6 -0
- package/www/build/mds-input-tip-item.esm.js +1 -1
- package/www/build/mds-input-tip-item.js +1 -1
- package/www/build/p-26fe420d.js +2 -0
- package/{dist/mds-input-tip-item/p-ffdb79be.system.entry.js → www/build/p-31b9b555.system.entry.js} +2 -2
- package/www/build/p-7d9ca116.system.js +2 -0
- package/www/build/{p-f5244719.entry.js → p-8023465c.entry.js} +2 -2
- package/www/build/{p-db848254.system.js → p-e268fc79.system.js} +1 -1
- package/dist/esm-es5/index-a2984c37.js +0 -1
- package/dist/mds-input-tip-item/p-8b5634ac.system.js +0 -2
- package/dist/mds-input-tip-item/p-f189279a.js +0 -2
- package/www/build/p-8b5634ac.system.js +0 -2
- package/www/build/p-f189279a.js +0 -2
|
@@ -21,19 +21,23 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'mds-input-tip-item';
|
|
24
|
-
const BUILD = /* mds-input-tip-item */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: 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, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: false, propNumber: false, propString: true, 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: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
24
|
+
const BUILD = /* mds-input-tip-item */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: false, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: false, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: 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: false, propNumber: false, propString: true, 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: false, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: false, vdomText: true, vdomXlink: false, watchCallback: false };
|
|
25
25
|
|
|
26
26
|
/*
|
|
27
|
-
Stencil Client Platform v4.
|
|
27
|
+
Stencil Client Platform v4.25.1 | MIT Licensed | https://stenciljs.com
|
|
28
28
|
*/
|
|
29
29
|
var __defProp = Object.defineProperty;
|
|
30
30
|
var __export = (target, all) => {
|
|
31
31
|
for (var name in all)
|
|
32
32
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
33
33
|
};
|
|
34
|
+
|
|
35
|
+
// src/client/client-host-ref.ts
|
|
34
36
|
var hostRefs = /* @__PURE__ */ new WeakMap();
|
|
35
37
|
var getHostRef = (ref) => hostRefs.get(ref);
|
|
36
|
-
var registerInstance = (lazyInstance, hostRef) =>
|
|
38
|
+
var registerInstance = (lazyInstance, hostRef) => {
|
|
39
|
+
hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
|
|
40
|
+
};
|
|
37
41
|
var registerHost = (hostElement, cmpMeta) => {
|
|
38
42
|
const hostRef = {
|
|
39
43
|
$flags$: 0,
|
|
@@ -49,7 +53,8 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
49
53
|
hostElement["s-p"] = [];
|
|
50
54
|
hostElement["s-rc"] = [];
|
|
51
55
|
}
|
|
52
|
-
|
|
56
|
+
const ref = hostRefs.set(hostElement, hostRef);
|
|
57
|
+
return ref;
|
|
53
58
|
};
|
|
54
59
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
55
60
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -86,16 +91,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
86
91
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
87
92
|
/* webpackMode: "lazy" */
|
|
88
93
|
`./${bundleId}.entry.js${""}`
|
|
89
|
-
)); }).then(
|
|
90
|
-
{
|
|
91
|
-
|
|
94
|
+
)); }).then(
|
|
95
|
+
(importedModule) => {
|
|
96
|
+
{
|
|
97
|
+
cmpModules.set(bundleId, importedModule);
|
|
98
|
+
}
|
|
99
|
+
return importedModule[exportName];
|
|
100
|
+
},
|
|
101
|
+
(e) => {
|
|
102
|
+
consoleError(e, hostRef.$hostElement$);
|
|
92
103
|
}
|
|
93
|
-
|
|
94
|
-
}, consoleError);
|
|
104
|
+
);
|
|
95
105
|
};
|
|
96
106
|
|
|
97
107
|
// src/client/client-style.ts
|
|
98
108
|
var styles = /* @__PURE__ */ new Map();
|
|
109
|
+
var HYDRATED_STYLE_ID = "sty-id";
|
|
99
110
|
var HYDRATED_CSS = "{visibility:hidden}[hydrated]{visibility:inherit}";
|
|
100
111
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
101
112
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -153,12 +164,6 @@ var flush = () => {
|
|
|
153
164
|
};
|
|
154
165
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
155
166
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
156
|
-
|
|
157
|
-
// src/utils/constants.ts
|
|
158
|
-
var EMPTY_OBJ = {};
|
|
159
|
-
|
|
160
|
-
// src/utils/helpers.ts
|
|
161
|
-
var isDef = (v) => v != null;
|
|
162
167
|
var isComplexType = (o) => {
|
|
163
168
|
o = typeof o;
|
|
164
169
|
return o === "object" || o === "function";
|
|
@@ -344,7 +349,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
344
349
|
}
|
|
345
350
|
if (!appliedStyles.has(scopeId2)) {
|
|
346
351
|
{
|
|
347
|
-
styleElm = doc.createElement("style");
|
|
352
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
348
353
|
styleElm.innerHTML = style;
|
|
349
354
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
350
355
|
if (nonce != null) {
|
|
@@ -354,7 +359,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
354
359
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
355
360
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
356
361
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
357
|
-
styleContainerNode.insertBefore(
|
|
362
|
+
styleContainerNode.insertBefore(
|
|
363
|
+
styleElm,
|
|
364
|
+
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
365
|
+
);
|
|
358
366
|
} else if ("host" in styleContainerNode) {
|
|
359
367
|
if (supportsConstructableStylesheets) {
|
|
360
368
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -404,16 +412,18 @@ var attachStyles = (hostRef) => {
|
|
|
404
412
|
endAttachStyles();
|
|
405
413
|
};
|
|
406
414
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
407
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
415
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
|
|
408
416
|
if (oldValue !== newValue) {
|
|
409
417
|
let isProp = isMemberInElement(elm, memberName);
|
|
410
418
|
memberName.toLowerCase();
|
|
411
419
|
if (memberName === "class") {
|
|
412
420
|
const classList = elm.classList;
|
|
413
421
|
const oldClasses = parseClassList(oldValue);
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
422
|
+
let newClasses = parseClassList(newValue);
|
|
423
|
+
{
|
|
424
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
425
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
426
|
+
}
|
|
417
427
|
} else if (memberName === "key") ; else {
|
|
418
428
|
const isComplex = isComplexType(newValue);
|
|
419
429
|
if ((isProp || isComplex && newValue !== null) && !isSvg) {
|
|
@@ -429,7 +439,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
429
439
|
elm.setAttribute(memberName, n);
|
|
430
440
|
}
|
|
431
441
|
}
|
|
432
|
-
} else {
|
|
442
|
+
} else if (elm[memberName] !== newValue) {
|
|
433
443
|
elm[memberName] = newValue;
|
|
434
444
|
}
|
|
435
445
|
} catch (e) {
|
|
@@ -451,22 +461,42 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
451
461
|
}
|
|
452
462
|
};
|
|
453
463
|
var parseClassListRegex = /\s/;
|
|
454
|
-
var parseClassList = (value) =>
|
|
464
|
+
var parseClassList = (value) => {
|
|
465
|
+
if (typeof value === "object" && value && "baseVal" in value) {
|
|
466
|
+
value = value.baseVal;
|
|
467
|
+
}
|
|
468
|
+
if (!value || typeof value !== "string") {
|
|
469
|
+
return [];
|
|
470
|
+
}
|
|
471
|
+
return value.split(parseClassListRegex);
|
|
472
|
+
};
|
|
455
473
|
|
|
456
474
|
// src/runtime/vdom/update-element.ts
|
|
457
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
475
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
|
|
458
476
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
459
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
460
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
477
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
|
|
478
|
+
const newVnodeAttrs = newVnode.$attrs$ || {};
|
|
461
479
|
{
|
|
462
480
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
463
481
|
if (!(memberName in newVnodeAttrs)) {
|
|
464
|
-
setAccessor(
|
|
482
|
+
setAccessor(
|
|
483
|
+
elm,
|
|
484
|
+
memberName,
|
|
485
|
+
oldVnodeAttrs[memberName],
|
|
486
|
+
void 0,
|
|
487
|
+
isSvgMode2,
|
|
488
|
+
newVnode.$flags$);
|
|
465
489
|
}
|
|
466
490
|
}
|
|
467
491
|
}
|
|
468
492
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
469
|
-
setAccessor(
|
|
493
|
+
setAccessor(
|
|
494
|
+
elm,
|
|
495
|
+
memberName,
|
|
496
|
+
oldVnodeAttrs[memberName],
|
|
497
|
+
newVnodeAttrs[memberName],
|
|
498
|
+
isSvgMode2,
|
|
499
|
+
newVnode.$flags$);
|
|
470
500
|
}
|
|
471
501
|
};
|
|
472
502
|
function sortedAttrNames(attrNames) {
|
|
@@ -478,13 +508,10 @@ function sortedAttrNames(attrNames) {
|
|
|
478
508
|
attrNames
|
|
479
509
|
);
|
|
480
510
|
}
|
|
481
|
-
|
|
482
|
-
// src/runtime/vdom/vdom-render.ts
|
|
483
|
-
var scopeId;
|
|
484
511
|
var hostTagName;
|
|
485
512
|
var useNativeShadowDom = false;
|
|
486
513
|
var isSvgMode = false;
|
|
487
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex
|
|
514
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
488
515
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
489
516
|
let i2 = 0;
|
|
490
517
|
let elm;
|
|
@@ -498,11 +525,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
498
525
|
{
|
|
499
526
|
updateElement(null, newVNode2, isSvgMode);
|
|
500
527
|
}
|
|
501
|
-
const rootNode = elm.getRootNode();
|
|
502
|
-
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
503
|
-
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
504
|
-
elm.classList.add(elm["s-si"] = scopeId);
|
|
505
|
-
}
|
|
506
528
|
if (newVNode2.$children$) {
|
|
507
529
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
508
530
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -631,6 +653,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
631
653
|
if (!isInitialRender) {
|
|
632
654
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
633
655
|
}
|
|
656
|
+
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
657
|
+
leftVNode.$key$ = rightVNode.$key$;
|
|
658
|
+
}
|
|
634
659
|
return true;
|
|
635
660
|
}
|
|
636
661
|
return false;
|
|
@@ -665,8 +690,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
665
690
|
}
|
|
666
691
|
};
|
|
667
692
|
var insertBefore = (parent, newNode, reference) => {
|
|
668
|
-
|
|
669
|
-
|
|
693
|
+
{
|
|
694
|
+
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
695
|
+
}
|
|
670
696
|
};
|
|
671
697
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
672
698
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -691,9 +717,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
691
717
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
692
718
|
hostRef.$vnode$ = rootVnode;
|
|
693
719
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
694
|
-
{
|
|
695
|
-
scopeId = hostElm["s-sc"];
|
|
696
|
-
}
|
|
697
720
|
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
698
721
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
699
722
|
};
|
|
@@ -701,7 +724,14 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
701
724
|
// src/runtime/update-component.ts
|
|
702
725
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
703
726
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
704
|
-
ancestorComponent["s-p"].push(
|
|
727
|
+
const index = ancestorComponent["s-p"].push(
|
|
728
|
+
new Promise(
|
|
729
|
+
(r) => hostRef.$onRenderResolve$ = () => {
|
|
730
|
+
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
731
|
+
r();
|
|
732
|
+
}
|
|
733
|
+
)
|
|
734
|
+
);
|
|
705
735
|
}
|
|
706
736
|
};
|
|
707
737
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -727,7 +757,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
727
757
|
}
|
|
728
758
|
let maybePromise;
|
|
729
759
|
{
|
|
730
|
-
maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
|
|
760
|
+
maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
|
|
731
761
|
}
|
|
732
762
|
endSchedule();
|
|
733
763
|
return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
@@ -828,12 +858,12 @@ var appDidLoad = (who) => {
|
|
|
828
858
|
}
|
|
829
859
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
830
860
|
};
|
|
831
|
-
var safeCall = (instance, method, arg) => {
|
|
861
|
+
var safeCall = (instance, method, arg, elm) => {
|
|
832
862
|
if (instance && instance[method]) {
|
|
833
863
|
try {
|
|
834
864
|
return instance[method](arg);
|
|
835
865
|
} catch (e) {
|
|
836
|
-
consoleError(e);
|
|
866
|
+
consoleError(e, elm);
|
|
837
867
|
}
|
|
838
868
|
}
|
|
839
869
|
return void 0;
|
|
@@ -876,15 +906,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
876
906
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
877
907
|
members.map(([memberName, [memberFlags]]) => {
|
|
878
908
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
909
|
+
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
910
|
+
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
911
|
+
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
912
|
+
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
913
|
+
Object.defineProperty(prototype, memberName, {
|
|
914
|
+
get() {
|
|
915
|
+
{
|
|
916
|
+
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
917
|
+
return getValue(this, memberName);
|
|
918
|
+
}
|
|
919
|
+
const ref = getHostRef(this);
|
|
920
|
+
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
921
|
+
if (!instance) return;
|
|
922
|
+
return instance[memberName];
|
|
923
|
+
}
|
|
924
|
+
},
|
|
925
|
+
configurable: true,
|
|
926
|
+
enumerable: true
|
|
927
|
+
});
|
|
928
|
+
}
|
|
879
929
|
Object.defineProperty(prototype, memberName, {
|
|
880
|
-
get() {
|
|
881
|
-
return getValue(this, memberName);
|
|
882
|
-
},
|
|
883
930
|
set(newValue) {
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
931
|
+
const ref = getHostRef(this);
|
|
932
|
+
if (origSetter) {
|
|
933
|
+
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
934
|
+
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
935
|
+
newValue = ref.$instanceValues$.get(memberName);
|
|
936
|
+
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
937
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
938
|
+
}
|
|
939
|
+
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
940
|
+
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
941
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
942
|
+
return;
|
|
943
|
+
}
|
|
944
|
+
{
|
|
945
|
+
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
946
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
947
|
+
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
948
|
+
ref.$onReadyPromise$.then(() => {
|
|
949
|
+
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
950
|
+
ref.$lazyInstance$[memberName] = newValue;
|
|
951
|
+
}
|
|
952
|
+
});
|
|
953
|
+
}
|
|
954
|
+
return;
|
|
955
|
+
}
|
|
956
|
+
const setterSetVal = () => {
|
|
957
|
+
const currentValue = ref.$lazyInstance$[memberName];
|
|
958
|
+
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
959
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
960
|
+
}
|
|
961
|
+
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
962
|
+
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
963
|
+
};
|
|
964
|
+
if (ref.$lazyInstance$) {
|
|
965
|
+
setterSetVal();
|
|
966
|
+
} else {
|
|
967
|
+
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
968
|
+
}
|
|
969
|
+
}
|
|
970
|
+
}
|
|
888
971
|
});
|
|
889
972
|
} else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
|
|
890
973
|
Object.defineProperty(prototype, memberName, {
|
|
@@ -905,7 +988,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
905
988
|
plt.jmp(() => {
|
|
906
989
|
var _a2;
|
|
907
990
|
const propName = attrNameToPropName.get(attrName);
|
|
908
|
-
if (this.hasOwnProperty(propName)) {
|
|
991
|
+
if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
|
|
909
992
|
newValue = this[propName];
|
|
910
993
|
delete this[propName];
|
|
911
994
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -925,7 +1008,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
925
1008
|
}
|
|
926
1009
|
return;
|
|
927
1010
|
}
|
|
928
|
-
|
|
1011
|
+
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1012
|
+
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1013
|
+
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1014
|
+
this[propName] = newValue;
|
|
1015
|
+
}
|
|
929
1016
|
});
|
|
930
1017
|
};
|
|
931
1018
|
Cstr.observedAttributes = Array.from(
|
|
@@ -952,9 +1039,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
952
1039
|
let Cstr;
|
|
953
1040
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
954
1041
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
const CstrImport = loadModule(cmpMeta);
|
|
1042
|
+
{
|
|
1043
|
+
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
958
1044
|
if (CstrImport && "then" in CstrImport) {
|
|
959
1045
|
const endLoad = uniqueTime();
|
|
960
1046
|
Cstr = await CstrImport;
|
|
@@ -976,16 +1062,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
976
1062
|
try {
|
|
977
1063
|
new Cstr(hostRef);
|
|
978
1064
|
} catch (e) {
|
|
979
|
-
consoleError(e);
|
|
1065
|
+
consoleError(e, elm);
|
|
980
1066
|
}
|
|
981
1067
|
{
|
|
982
1068
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
983
1069
|
}
|
|
984
1070
|
endNewInstance();
|
|
985
|
-
} else {
|
|
986
|
-
Cstr = elm.constructor;
|
|
987
|
-
const cmpTag = elm.localName;
|
|
988
|
-
customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
|
|
989
1071
|
}
|
|
990
1072
|
if (Cstr && Cstr.style) {
|
|
991
1073
|
let style;
|
|
@@ -1008,7 +1090,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1008
1090
|
schedule();
|
|
1009
1091
|
}
|
|
1010
1092
|
};
|
|
1011
|
-
var fireConnectedCallback = (instance) => {
|
|
1093
|
+
var fireConnectedCallback = (instance, elm) => {
|
|
1012
1094
|
};
|
|
1013
1095
|
|
|
1014
1096
|
// src/runtime/connected-callback.ts
|
|
@@ -1048,7 +1130,7 @@ var connectedCallback = (elm) => {
|
|
|
1048
1130
|
endConnected();
|
|
1049
1131
|
}
|
|
1050
1132
|
};
|
|
1051
|
-
var disconnectInstance = (instance) => {
|
|
1133
|
+
var disconnectInstance = (instance, elm) => {
|
|
1052
1134
|
};
|
|
1053
1135
|
var disconnectedCallback = async (elm) => {
|
|
1054
1136
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1057,6 +1139,12 @@ var disconnectedCallback = async (elm) => {
|
|
|
1057
1139
|
hostRef.$onReadyPromise$.then(() => disconnectInstance());
|
|
1058
1140
|
}
|
|
1059
1141
|
}
|
|
1142
|
+
if (rootAppliedStyles.has(elm)) {
|
|
1143
|
+
rootAppliedStyles.delete(elm);
|
|
1144
|
+
}
|
|
1145
|
+
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1146
|
+
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1147
|
+
}
|
|
1060
1148
|
};
|
|
1061
1149
|
|
|
1062
1150
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1133,6 +1221,13 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1133
1221
|
}
|
|
1134
1222
|
disconnectedCallback() {
|
|
1135
1223
|
plt.jmp(() => disconnectedCallback(this));
|
|
1224
|
+
plt.raf(() => {
|
|
1225
|
+
var _a3;
|
|
1226
|
+
const hostRef = getHostRef(this);
|
|
1227
|
+
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1228
|
+
delete hostRef.$vnode$.$elm$;
|
|
1229
|
+
}
|
|
1230
|
+
});
|
|
1136
1231
|
}
|
|
1137
1232
|
componentOnReady() {
|
|
1138
1233
|
return getHostRef(this).$onReadyPromise$;
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -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-16662754.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
@@ -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-16662754.js');
|
|
6
6
|
|
|
7
7
|
const miBaselineDone = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 16.2L4.8 12l-1.4 1.4L9 19L21 7l-1.4-1.4L9 16.2z"/></svg>`;
|
|
8
8
|
|
|
@@ -896,8 +896,13 @@ const MdsInputTipItem = class {
|
|
|
896
896
|
es: localeEs,
|
|
897
897
|
it: localeIt,
|
|
898
898
|
});
|
|
899
|
-
|
|
899
|
+
/**
|
|
900
|
+
* Specifies the variant of the element
|
|
901
|
+
*/
|
|
900
902
|
this.variant = 'required';
|
|
903
|
+
/**
|
|
904
|
+
* Specifies if the element is expanded
|
|
905
|
+
*/
|
|
901
906
|
this.expanded = true;
|
|
902
907
|
}
|
|
903
908
|
async updateLang() {
|
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-16662754.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
/*
|
|
9
|
-
Stencil Client Patch Browser v4.
|
|
9
|
+
Stencil Client Patch Browser v4.25.1 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
var patchBrowser = () => {
|
|
12
12
|
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('mds-input-tip-item.cjs.js', document.baseURI).href));
|