@maggioli-design-system/mds-progress 3.0.1 → 3.0.2
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-91b93373.js → index-abfa4aa9.js} +161 -66
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mds-progress.cjs.entry.js +13 -2
- package/dist/cjs/mds-progress.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-progress/mds-progress.js +20 -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-progress.js +12 -1
- package/dist/documentation.d.ts +8 -0
- package/dist/documentation.json +14 -6
- package/dist/esm/{index-c78d74f1.js → index-a89959e6.js} +161 -66
- package/dist/esm/loader.js +2 -2
- package/dist/esm/mds-progress.entry.js +13 -2
- package/dist/esm/mds-progress.js +3 -3
- package/dist/esm-es5/index-a89959e6.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-progress.entry.js +1 -1
- package/dist/esm-es5/mds-progress.js +1 -1
- package/dist/mds-progress/mds-progress.esm.js +1 -1
- package/dist/mds-progress/mds-progress.js +1 -1
- package/dist/mds-progress/{p-aed14e74.system.entry.js → p-088b5b20.system.entry.js} +1 -1
- package/dist/mds-progress/{p-4484605e.system.js → p-2b265ffa.system.js} +1 -1
- package/dist/mds-progress/p-64876922.system.js +2 -0
- package/dist/mds-progress/p-8a9536f1.js +2 -0
- package/dist/mds-progress/p-d8baed2c.entry.js +1 -0
- package/dist/stats.json +71 -39
- 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 +55 -17
- package/package.json +3 -3
- 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-progress.esm.js +1 -1
- package/www/build/mds-progress.js +1 -1
- package/www/build/{p-aed14e74.system.entry.js → p-088b5b20.system.entry.js} +1 -1
- package/www/build/{p-4484605e.system.js → p-2b265ffa.system.js} +1 -1
- package/www/build/p-64876922.system.js +2 -0
- package/www/build/p-8a9536f1.js +2 -0
- package/www/build/p-d8baed2c.entry.js +1 -0
- package/dist/esm-es5/index-c78d74f1.js +0 -1
- package/dist/mds-progress/p-1a7421ef.system.js +0 -2
- package/dist/mds-progress/p-3fa56e3f.js +0 -2
- package/dist/mds-progress/p-ae143936.entry.js +0 -1
- package/www/build/p-1a7421ef.system.js +0 -2
- package/www/build/p-3fa56e3f.js +0 -2
- package/www/build/p-ae143936.entry.js +0 -1
|
@@ -21,19 +21,23 @@ function _interopNamespace(e) {
|
|
|
21
21
|
}
|
|
22
22
|
|
|
23
23
|
const NAMESPACE = 'mds-progress';
|
|
24
|
-
const BUILD = /* mds-progress */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: 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: false, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, 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: true, vdomText: false, vdomXlink: false, watchCallback: true };
|
|
24
|
+
const BUILD = /* mds-progress */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: false, constructableCSS: true, cssAnnotations: true, devTools: false, disconnectedCallback: false, element: false, event: false, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: 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: false, mode: false, modernPropertyDecls: false, observeAttribute: true, profile: false, prop: true, propBoolean: false, propMutable: false, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, slot: false, 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: true, vdomText: false, vdomXlink: false, watchCallback: true };
|
|
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,
|
|
@@ -46,7 +50,8 @@ var registerHost = (hostElement, cmpMeta) => {
|
|
|
46
50
|
hostElement["s-p"] = [];
|
|
47
51
|
hostElement["s-rc"] = [];
|
|
48
52
|
}
|
|
49
|
-
|
|
53
|
+
const ref = hostRefs.set(hostElement, hostRef);
|
|
54
|
+
return ref;
|
|
50
55
|
};
|
|
51
56
|
var isMemberInElement = (elm, memberName) => memberName in elm;
|
|
52
57
|
var consoleError = (e, el) => (0, console.error)(e, el);
|
|
@@ -83,16 +88,22 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
83
88
|
/* webpackExclude: /\.system\.entry\.js$/ */
|
|
84
89
|
/* webpackMode: "lazy" */
|
|
85
90
|
`./${bundleId}.entry.js${""}`
|
|
86
|
-
)); }).then(
|
|
87
|
-
{
|
|
88
|
-
|
|
91
|
+
)); }).then(
|
|
92
|
+
(importedModule) => {
|
|
93
|
+
{
|
|
94
|
+
cmpModules.set(bundleId, importedModule);
|
|
95
|
+
}
|
|
96
|
+
return importedModule[exportName];
|
|
97
|
+
},
|
|
98
|
+
(e) => {
|
|
99
|
+
consoleError(e, hostRef.$hostElement$);
|
|
89
100
|
}
|
|
90
|
-
|
|
91
|
-
}, consoleError);
|
|
101
|
+
);
|
|
92
102
|
};
|
|
93
103
|
|
|
94
104
|
// src/client/client-style.ts
|
|
95
105
|
var styles = /* @__PURE__ */ new Map();
|
|
106
|
+
var HYDRATED_STYLE_ID = "sty-id";
|
|
96
107
|
var HYDRATED_CSS = "{visibility:hidden}[hydrated]{visibility:inherit}";
|
|
97
108
|
var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
|
|
98
109
|
var win = typeof window !== "undefined" ? window : {};
|
|
@@ -150,12 +161,6 @@ var flush = () => {
|
|
|
150
161
|
};
|
|
151
162
|
var nextTick = (cb) => promiseResolve().then(cb);
|
|
152
163
|
var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
|
|
153
|
-
|
|
154
|
-
// src/utils/constants.ts
|
|
155
|
-
var EMPTY_OBJ = {};
|
|
156
|
-
|
|
157
|
-
// src/utils/helpers.ts
|
|
158
|
-
var isDef = (v) => v != null;
|
|
159
164
|
var isComplexType = (o) => {
|
|
160
165
|
o = typeof o;
|
|
161
166
|
return o === "object" || o === "function";
|
|
@@ -341,7 +346,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
341
346
|
}
|
|
342
347
|
if (!appliedStyles.has(scopeId2)) {
|
|
343
348
|
{
|
|
344
|
-
styleElm = doc.createElement("style");
|
|
349
|
+
styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
|
|
345
350
|
styleElm.innerHTML = style;
|
|
346
351
|
const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(doc);
|
|
347
352
|
if (nonce != null) {
|
|
@@ -351,7 +356,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
|
351
356
|
if (styleContainerNode.nodeName === "HEAD") {
|
|
352
357
|
const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
|
|
353
358
|
const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
|
|
354
|
-
styleContainerNode.insertBefore(
|
|
359
|
+
styleContainerNode.insertBefore(
|
|
360
|
+
styleElm,
|
|
361
|
+
(referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
|
|
362
|
+
);
|
|
355
363
|
} else if ("host" in styleContainerNode) {
|
|
356
364
|
if (supportsConstructableStylesheets) {
|
|
357
365
|
const stylesheet = new CSSStyleSheet();
|
|
@@ -401,16 +409,18 @@ var attachStyles = (hostRef) => {
|
|
|
401
409
|
endAttachStyles();
|
|
402
410
|
};
|
|
403
411
|
var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
|
|
404
|
-
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
412
|
+
var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
|
|
405
413
|
if (oldValue !== newValue) {
|
|
406
414
|
let isProp = isMemberInElement(elm, memberName);
|
|
407
415
|
memberName.toLowerCase();
|
|
408
416
|
if (memberName === "class") {
|
|
409
417
|
const classList = elm.classList;
|
|
410
418
|
const oldClasses = parseClassList(oldValue);
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
419
|
+
let newClasses = parseClassList(newValue);
|
|
420
|
+
{
|
|
421
|
+
classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
|
|
422
|
+
classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
|
|
423
|
+
}
|
|
414
424
|
} else if (memberName === "style") {
|
|
415
425
|
{
|
|
416
426
|
for (const prop in oldValue) {
|
|
@@ -447,7 +457,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
447
457
|
elm.setAttribute(memberName, n);
|
|
448
458
|
}
|
|
449
459
|
}
|
|
450
|
-
} else {
|
|
460
|
+
} else if (elm[memberName] !== newValue) {
|
|
451
461
|
elm[memberName] = newValue;
|
|
452
462
|
}
|
|
453
463
|
} catch (e) {
|
|
@@ -469,22 +479,42 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
|
469
479
|
}
|
|
470
480
|
};
|
|
471
481
|
var parseClassListRegex = /\s/;
|
|
472
|
-
var parseClassList = (value) =>
|
|
482
|
+
var parseClassList = (value) => {
|
|
483
|
+
if (typeof value === "object" && value && "baseVal" in value) {
|
|
484
|
+
value = value.baseVal;
|
|
485
|
+
}
|
|
486
|
+
if (!value || typeof value !== "string") {
|
|
487
|
+
return [];
|
|
488
|
+
}
|
|
489
|
+
return value.split(parseClassListRegex);
|
|
490
|
+
};
|
|
473
491
|
|
|
474
492
|
// src/runtime/vdom/update-element.ts
|
|
475
|
-
var updateElement = (oldVnode, newVnode, isSvgMode2) => {
|
|
493
|
+
var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
|
|
476
494
|
const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
|
|
477
|
-
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ ||
|
|
478
|
-
const newVnodeAttrs = newVnode.$attrs$ ||
|
|
495
|
+
const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
|
|
496
|
+
const newVnodeAttrs = newVnode.$attrs$ || {};
|
|
479
497
|
{
|
|
480
498
|
for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
|
|
481
499
|
if (!(memberName in newVnodeAttrs)) {
|
|
482
|
-
setAccessor(
|
|
500
|
+
setAccessor(
|
|
501
|
+
elm,
|
|
502
|
+
memberName,
|
|
503
|
+
oldVnodeAttrs[memberName],
|
|
504
|
+
void 0,
|
|
505
|
+
isSvgMode2,
|
|
506
|
+
newVnode.$flags$);
|
|
483
507
|
}
|
|
484
508
|
}
|
|
485
509
|
}
|
|
486
510
|
for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
|
|
487
|
-
setAccessor(
|
|
511
|
+
setAccessor(
|
|
512
|
+
elm,
|
|
513
|
+
memberName,
|
|
514
|
+
oldVnodeAttrs[memberName],
|
|
515
|
+
newVnodeAttrs[memberName],
|
|
516
|
+
isSvgMode2,
|
|
517
|
+
newVnode.$flags$);
|
|
488
518
|
}
|
|
489
519
|
};
|
|
490
520
|
function sortedAttrNames(attrNames) {
|
|
@@ -496,13 +526,10 @@ function sortedAttrNames(attrNames) {
|
|
|
496
526
|
attrNames
|
|
497
527
|
);
|
|
498
528
|
}
|
|
499
|
-
|
|
500
|
-
// src/runtime/vdom/vdom-render.ts
|
|
501
|
-
var scopeId;
|
|
502
529
|
var hostTagName;
|
|
503
530
|
var useNativeShadowDom = false;
|
|
504
531
|
var isSvgMode = false;
|
|
505
|
-
var createElm = (oldParentVNode, newParentVNode, childIndex
|
|
532
|
+
var createElm = (oldParentVNode, newParentVNode, childIndex) => {
|
|
506
533
|
const newVNode2 = newParentVNode.$children$[childIndex];
|
|
507
534
|
let i2 = 0;
|
|
508
535
|
let elm;
|
|
@@ -514,11 +541,6 @@ var createElm = (oldParentVNode, newParentVNode, childIndex, parentElm) => {
|
|
|
514
541
|
{
|
|
515
542
|
updateElement(null, newVNode2, isSvgMode);
|
|
516
543
|
}
|
|
517
|
-
const rootNode = elm.getRootNode();
|
|
518
|
-
const isElementWithinShadowRoot = !rootNode.querySelector("body");
|
|
519
|
-
if (!isElementWithinShadowRoot && BUILD.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
|
|
520
|
-
elm.classList.add(elm["s-si"] = scopeId);
|
|
521
|
-
}
|
|
522
544
|
if (newVNode2.$children$) {
|
|
523
545
|
for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
|
|
524
546
|
childNode = createElm(oldParentVNode, newVNode2, i2);
|
|
@@ -647,6 +669,9 @@ var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
|
|
|
647
669
|
if (!isInitialRender) {
|
|
648
670
|
return leftVNode.$key$ === rightVNode.$key$;
|
|
649
671
|
}
|
|
672
|
+
if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
|
|
673
|
+
leftVNode.$key$ = rightVNode.$key$;
|
|
674
|
+
}
|
|
650
675
|
return true;
|
|
651
676
|
}
|
|
652
677
|
return false;
|
|
@@ -674,8 +699,9 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
|
|
|
674
699
|
}
|
|
675
700
|
};
|
|
676
701
|
var insertBefore = (parent, newNode, reference) => {
|
|
677
|
-
|
|
678
|
-
|
|
702
|
+
{
|
|
703
|
+
return parent == null ? void 0 : parent.insertBefore(newNode, reference);
|
|
704
|
+
}
|
|
679
705
|
};
|
|
680
706
|
var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
681
707
|
const hostElm = hostRef.$hostElement$;
|
|
@@ -700,9 +726,6 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
700
726
|
rootVnode.$flags$ |= 4 /* isHost */;
|
|
701
727
|
hostRef.$vnode$ = rootVnode;
|
|
702
728
|
rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
|
|
703
|
-
{
|
|
704
|
-
scopeId = hostElm["s-sc"];
|
|
705
|
-
}
|
|
706
729
|
useNativeShadowDom = (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
|
|
707
730
|
patch(oldVNode, rootVnode, isInitialLoad);
|
|
708
731
|
};
|
|
@@ -710,7 +733,14 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
|
710
733
|
// src/runtime/update-component.ts
|
|
711
734
|
var attachToAncestor = (hostRef, ancestorComponent) => {
|
|
712
735
|
if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
|
|
713
|
-
ancestorComponent["s-p"].push(
|
|
736
|
+
const index = ancestorComponent["s-p"].push(
|
|
737
|
+
new Promise(
|
|
738
|
+
(r) => hostRef.$onRenderResolve$ = () => {
|
|
739
|
+
ancestorComponent["s-p"].splice(index - 1, 1);
|
|
740
|
+
r();
|
|
741
|
+
}
|
|
742
|
+
)
|
|
743
|
+
);
|
|
714
744
|
}
|
|
715
745
|
};
|
|
716
746
|
var scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
@@ -737,7 +767,7 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
|
|
|
737
767
|
let maybePromise;
|
|
738
768
|
if (isInitialLoad) {
|
|
739
769
|
{
|
|
740
|
-
maybePromise = safeCall(instance, "componentWillLoad");
|
|
770
|
+
maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
|
|
741
771
|
}
|
|
742
772
|
}
|
|
743
773
|
endSchedule();
|
|
@@ -811,7 +841,7 @@ var postUpdateComponent = (hostRef) => {
|
|
|
811
841
|
addHydratedFlag(elm);
|
|
812
842
|
}
|
|
813
843
|
{
|
|
814
|
-
safeCall(instance, "componentDidLoad");
|
|
844
|
+
safeCall(instance, "componentDidLoad", void 0, elm);
|
|
815
845
|
}
|
|
816
846
|
endPostUpdate();
|
|
817
847
|
{
|
|
@@ -840,12 +870,12 @@ var appDidLoad = (who) => {
|
|
|
840
870
|
}
|
|
841
871
|
nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
|
|
842
872
|
};
|
|
843
|
-
var safeCall = (instance, method, arg) => {
|
|
873
|
+
var safeCall = (instance, method, arg, elm) => {
|
|
844
874
|
if (instance && instance[method]) {
|
|
845
875
|
try {
|
|
846
876
|
return instance[method](arg);
|
|
847
877
|
} catch (e) {
|
|
848
|
-
consoleError(e);
|
|
878
|
+
consoleError(e, elm);
|
|
849
879
|
}
|
|
850
880
|
}
|
|
851
881
|
return void 0;
|
|
@@ -904,15 +934,68 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
904
934
|
const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
|
|
905
935
|
members.map(([memberName, [memberFlags]]) => {
|
|
906
936
|
if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
|
|
937
|
+
const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
|
|
938
|
+
if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
|
|
939
|
+
if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
|
|
940
|
+
if (flags & 1 /* isElementConstructor */ || !origGetter) {
|
|
941
|
+
Object.defineProperty(prototype, memberName, {
|
|
942
|
+
get() {
|
|
943
|
+
{
|
|
944
|
+
if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
|
|
945
|
+
return getValue(this, memberName);
|
|
946
|
+
}
|
|
947
|
+
const ref = getHostRef(this);
|
|
948
|
+
const instance = ref ? ref.$lazyInstance$ : prototype;
|
|
949
|
+
if (!instance) return;
|
|
950
|
+
return instance[memberName];
|
|
951
|
+
}
|
|
952
|
+
},
|
|
953
|
+
configurable: true,
|
|
954
|
+
enumerable: true
|
|
955
|
+
});
|
|
956
|
+
}
|
|
907
957
|
Object.defineProperty(prototype, memberName, {
|
|
908
|
-
get() {
|
|
909
|
-
return getValue(this, memberName);
|
|
910
|
-
},
|
|
911
958
|
set(newValue) {
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
959
|
+
const ref = getHostRef(this);
|
|
960
|
+
if (origSetter) {
|
|
961
|
+
const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
962
|
+
if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
|
|
963
|
+
newValue = ref.$instanceValues$.get(memberName);
|
|
964
|
+
} else if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
965
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
966
|
+
}
|
|
967
|
+
origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
|
|
968
|
+
newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
|
|
969
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
970
|
+
return;
|
|
971
|
+
}
|
|
972
|
+
{
|
|
973
|
+
if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
|
|
974
|
+
setValue(this, memberName, newValue, cmpMeta);
|
|
975
|
+
if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
|
|
976
|
+
ref.$onReadyPromise$.then(() => {
|
|
977
|
+
if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
|
|
978
|
+
ref.$lazyInstance$[memberName] = newValue;
|
|
979
|
+
}
|
|
980
|
+
});
|
|
981
|
+
}
|
|
982
|
+
return;
|
|
983
|
+
}
|
|
984
|
+
const setterSetVal = () => {
|
|
985
|
+
const currentValue = ref.$lazyInstance$[memberName];
|
|
986
|
+
if (!ref.$instanceValues$.get(memberName) && currentValue) {
|
|
987
|
+
ref.$instanceValues$.set(memberName, currentValue);
|
|
988
|
+
}
|
|
989
|
+
ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
|
|
990
|
+
setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
|
|
991
|
+
};
|
|
992
|
+
if (ref.$lazyInstance$) {
|
|
993
|
+
setterSetVal();
|
|
994
|
+
} else {
|
|
995
|
+
ref.$onReadyPromise$.then(() => setterSetVal());
|
|
996
|
+
}
|
|
997
|
+
}
|
|
998
|
+
}
|
|
916
999
|
});
|
|
917
1000
|
}
|
|
918
1001
|
});
|
|
@@ -922,7 +1005,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
922
1005
|
plt.jmp(() => {
|
|
923
1006
|
var _a2;
|
|
924
1007
|
const propName = attrNameToPropName.get(attrName);
|
|
925
|
-
if (this.hasOwnProperty(propName)) {
|
|
1008
|
+
if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
|
|
926
1009
|
newValue = this[propName];
|
|
927
1010
|
delete this[propName];
|
|
928
1011
|
} else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
|
|
@@ -942,7 +1025,11 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
942
1025
|
}
|
|
943
1026
|
return;
|
|
944
1027
|
}
|
|
945
|
-
|
|
1028
|
+
const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
|
|
1029
|
+
newValue = newValue === null && typeof this[propName] === "boolean" ? false : newValue;
|
|
1030
|
+
if (newValue !== this[propName] && (!propDesc.get || !!propDesc.set)) {
|
|
1031
|
+
this[propName] = newValue;
|
|
1032
|
+
}
|
|
946
1033
|
});
|
|
947
1034
|
};
|
|
948
1035
|
Cstr.observedAttributes = Array.from(
|
|
@@ -969,9 +1056,8 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
969
1056
|
let Cstr;
|
|
970
1057
|
if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
|
|
971
1058
|
hostRef.$flags$ |= 32 /* hasInitializedComponent */;
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
const CstrImport = loadModule(cmpMeta);
|
|
1059
|
+
{
|
|
1060
|
+
const CstrImport = loadModule(cmpMeta, hostRef);
|
|
975
1061
|
if (CstrImport && "then" in CstrImport) {
|
|
976
1062
|
const endLoad = uniqueTime();
|
|
977
1063
|
Cstr = await CstrImport;
|
|
@@ -996,7 +1082,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
996
1082
|
try {
|
|
997
1083
|
new Cstr(hostRef);
|
|
998
1084
|
} catch (e) {
|
|
999
|
-
consoleError(e);
|
|
1085
|
+
consoleError(e, elm);
|
|
1000
1086
|
}
|
|
1001
1087
|
{
|
|
1002
1088
|
hostRef.$flags$ &= ~8 /* isConstructingInstance */;
|
|
@@ -1005,10 +1091,6 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1005
1091
|
hostRef.$flags$ |= 128 /* isWatchReady */;
|
|
1006
1092
|
}
|
|
1007
1093
|
endNewInstance();
|
|
1008
|
-
} else {
|
|
1009
|
-
Cstr = elm.constructor;
|
|
1010
|
-
const cmpTag = elm.localName;
|
|
1011
|
-
customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
|
|
1012
1094
|
}
|
|
1013
1095
|
if (Cstr && Cstr.style) {
|
|
1014
1096
|
let style;
|
|
@@ -1031,7 +1113,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1031
1113
|
schedule();
|
|
1032
1114
|
}
|
|
1033
1115
|
};
|
|
1034
|
-
var fireConnectedCallback = (instance) => {
|
|
1116
|
+
var fireConnectedCallback = (instance, elm) => {
|
|
1035
1117
|
};
|
|
1036
1118
|
|
|
1037
1119
|
// src/runtime/connected-callback.ts
|
|
@@ -1071,7 +1153,7 @@ var connectedCallback = (elm) => {
|
|
|
1071
1153
|
endConnected();
|
|
1072
1154
|
}
|
|
1073
1155
|
};
|
|
1074
|
-
var disconnectInstance = (instance) => {
|
|
1156
|
+
var disconnectInstance = (instance, elm) => {
|
|
1075
1157
|
};
|
|
1076
1158
|
var disconnectedCallback = async (elm) => {
|
|
1077
1159
|
if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
|
|
@@ -1080,6 +1162,12 @@ var disconnectedCallback = async (elm) => {
|
|
|
1080
1162
|
hostRef.$onReadyPromise$.then(() => disconnectInstance());
|
|
1081
1163
|
}
|
|
1082
1164
|
}
|
|
1165
|
+
if (rootAppliedStyles.has(elm)) {
|
|
1166
|
+
rootAppliedStyles.delete(elm);
|
|
1167
|
+
}
|
|
1168
|
+
if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
|
|
1169
|
+
rootAppliedStyles.delete(elm.shadowRoot);
|
|
1170
|
+
}
|
|
1083
1171
|
};
|
|
1084
1172
|
|
|
1085
1173
|
// src/runtime/bootstrap-lazy.ts
|
|
@@ -1160,6 +1248,13 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
|
|
|
1160
1248
|
}
|
|
1161
1249
|
disconnectedCallback() {
|
|
1162
1250
|
plt.jmp(() => disconnectedCallback(this));
|
|
1251
|
+
plt.raf(() => {
|
|
1252
|
+
var _a3;
|
|
1253
|
+
const hostRef = getHostRef(this);
|
|
1254
|
+
if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
|
|
1255
|
+
delete hostRef.$vnode$.$elm$;
|
|
1256
|
+
}
|
|
1257
|
+
});
|
|
1163
1258
|
}
|
|
1164
1259
|
componentOnReady() {
|
|
1165
1260
|
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-abfa4aa9.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-abfa4aa9.js');
|
|
6
6
|
|
|
7
7
|
const removeAttributesIf = (element, attribute, valueCheck = 'true', cleanAttributes) => {
|
|
8
8
|
if (ifAttribute(element, attribute, valueCheck)) {
|
|
@@ -28,10 +28,21 @@ const MdsProgress = class {
|
|
|
28
28
|
constructor(hostRef) {
|
|
29
29
|
index.registerInstance(this, hostRef);
|
|
30
30
|
this.stepsList = new Array();
|
|
31
|
-
|
|
31
|
+
/**
|
|
32
|
+
* A value between 0 and 1 that rapresents the status progress
|
|
33
|
+
*/
|
|
32
34
|
this.progress = 0;
|
|
35
|
+
/**
|
|
36
|
+
* Specifies the direction of the progress bar, if horizonatl or vertical
|
|
37
|
+
*/
|
|
33
38
|
this.direction = 'horizontal';
|
|
39
|
+
/**
|
|
40
|
+
* Sets the theme variant colors
|
|
41
|
+
*/
|
|
34
42
|
this.variant = 'primary';
|
|
43
|
+
/**
|
|
44
|
+
* Sets the steps that can be pronounced by accessibility technologies
|
|
45
|
+
*/
|
|
35
46
|
this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
|
|
36
47
|
}
|
|
37
48
|
componentWillLoad() {
|
|
@@ -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-abfa4aa9.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-progress.cjs.js', document.baseURI).href));
|