@maggioli-design-system/mds-modal 4.3.0 → 4.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{index-f216518d.js → index-0ac65212.js} +175 -37
- package/dist/cjs/loader.cjs.js +2 -11
- package/dist/cjs/mds-modal.cjs.entry.js +1 -1
- package/dist/cjs/mds-modal.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +3 -3
- package/dist/collection/components/mds-modal/mds-modal.js +12 -5
- package/dist/collection/components/mds-modal/test/mds-modal.e2e.js +55 -0
- package/dist/collection/components/mds-modal/test/mds-modal.stories.js +3 -3
- package/dist/collection/dictionary/icon.js +2 -2
- package/dist/components/index.d.ts +5 -3
- package/dist/components/index.js +1 -2
- package/dist/components/mds-modal.js +1 -1
- package/dist/documentation.d.ts +361 -88
- package/dist/documentation.json +69 -7
- package/dist/esm/{index-118e6bec.js → index-6f346db2.js} +175 -37
- package/dist/esm/loader.js +3 -12
- package/dist/esm/mds-modal.entry.js +1 -1
- package/dist/esm/mds-modal.js +3 -3
- package/dist/esm-es5/index-6f346db2.js +2 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mds-modal.entry.js +1 -1
- package/dist/esm-es5/mds-modal.js +1 -1
- package/dist/mds-modal/mds-modal.esm.js +1 -1
- package/dist/mds-modal/mds-modal.js +2 -6
- package/dist/mds-modal/p-3bcc29b0.js +2 -0
- package/dist/mds-modal/{p-e2fdb863.system.js → p-5561703a.system.js} +1 -1
- package/dist/mds-modal/{p-24b3f7bd.entry.js → p-5c4c27fb.entry.js} +1 -1
- package/{www/build/p-b2f313ba.system.entry.js → dist/mds-modal/p-7a7afece.system.entry.js} +1 -1
- package/dist/mds-modal/p-d94af3e0.system.js +2 -0
- package/dist/stats.json +68 -34
- package/dist/types/components.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +32 -17
- package/documentation.json +404 -7
- package/loader/index.d.ts +2 -2
- package/package.json +2 -2
- package/readme.md +17 -0
- package/src/components/mds-modal/mds-modal.tsx +7 -0
- package/src/components/mds-modal/readme.md +10 -0
- package/src/components.d.ts +1 -0
- package/src/fixtures/icons.json +2 -0
- package/src/fixtures/iconsauce.json +1 -0
- package/www/build/mds-modal.esm.js +1 -1
- package/www/build/mds-modal.js +2 -6
- package/www/build/p-3bcc29b0.js +2 -0
- package/www/build/{p-e2fdb863.system.js → p-5561703a.system.js} +1 -1
- package/www/build/{p-24b3f7bd.entry.js → p-5c4c27fb.entry.js} +1 -1
- package/{dist/mds-modal/p-b2f313ba.system.entry.js → www/build/p-7a7afece.system.entry.js} +1 -1
- package/www/build/p-d94af3e0.system.js +2 -0
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm-es5/index-118e6bec.js +0 -2
- package/dist/mds-modal/p-3aeea0b7.system.js +0 -2
- package/dist/mds-modal/p-4fdbb5fc.js +0 -2
- package/www/build/p-3aeea0b7.system.js +0 -2
- package/www/build/p-4fdbb5fc.js +0 -2
|
@@ -36,6 +36,13 @@ const HYDRATED_CSS = '{visibility:hidden}[hydrated]{visibility:inherit}';
|
|
|
36
36
|
*/
|
|
37
37
|
const EMPTY_OBJ = {};
|
|
38
38
|
const isDef = (v) => v != null;
|
|
39
|
+
/**
|
|
40
|
+
* Check whether a value is a 'complex type', defined here as an object or a
|
|
41
|
+
* function.
|
|
42
|
+
*
|
|
43
|
+
* @param o the value to check
|
|
44
|
+
* @returns whether it's a complex type or not
|
|
45
|
+
*/
|
|
39
46
|
const isComplexType = (o) => {
|
|
40
47
|
// https://jsperf.com/typeof-fn-object/5
|
|
41
48
|
o = typeof o;
|
|
@@ -92,6 +99,7 @@ const h = (nodeName, vnodeData, ...children) => {
|
|
|
92
99
|
};
|
|
93
100
|
walk(children);
|
|
94
101
|
if (vnodeData) {
|
|
102
|
+
// normalize class / className attributes
|
|
95
103
|
{
|
|
96
104
|
const classData = vnodeData.className || vnodeData.class;
|
|
97
105
|
if (classData) {
|
|
@@ -226,9 +234,9 @@ const registerStyle = (scopeId, cssText, allowCS) => {
|
|
|
226
234
|
}
|
|
227
235
|
styles.set(scopeId, style);
|
|
228
236
|
};
|
|
229
|
-
const addStyle = (styleContainerNode, cmpMeta, mode
|
|
237
|
+
const addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
230
238
|
var _a;
|
|
231
|
-
|
|
239
|
+
const scopeId = getScopeId(cmpMeta);
|
|
232
240
|
const style = styles.get(scopeId);
|
|
233
241
|
// if an element is NOT connected then getRootNode() will return the wrong root node
|
|
234
242
|
// so the fallback is to always use the document for the root node in those cases
|
|
@@ -243,10 +251,8 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
|
|
|
243
251
|
}
|
|
244
252
|
if (!appliedStyles.has(scopeId)) {
|
|
245
253
|
{
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
styleElm.innerHTML = style;
|
|
249
|
-
}
|
|
254
|
+
styleElm = doc.createElement('style');
|
|
255
|
+
styleElm.innerHTML = style;
|
|
250
256
|
// Apply CSP nonce to the style tag if it exists
|
|
251
257
|
const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
|
|
252
258
|
if (nonce != null) {
|
|
@@ -293,6 +299,21 @@ const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
|
|
|
293
299
|
*
|
|
294
300
|
* Modified for Stencil's compiler and vdom
|
|
295
301
|
*/
|
|
302
|
+
/**
|
|
303
|
+
* When running a VDom render set properties present on a VDom node onto the
|
|
304
|
+
* corresponding HTML element.
|
|
305
|
+
*
|
|
306
|
+
* Note that this function has special functionality for the `class`,
|
|
307
|
+
* `style`, `key`, and `ref` attributes, as well as event handlers (like
|
|
308
|
+
* `onClick`, etc). All others are just passed through as-is.
|
|
309
|
+
*
|
|
310
|
+
* @param elm the HTMLElement onto which attributes should be set
|
|
311
|
+
* @param memberName the name of the attribute to set
|
|
312
|
+
* @param oldValue the old value for the attribute
|
|
313
|
+
* @param newValue the new value for the attribute
|
|
314
|
+
* @param isSvg whether we're in an svg context or not
|
|
315
|
+
* @param flags bitflags for Vdom variables
|
|
316
|
+
*/
|
|
296
317
|
const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
|
|
297
318
|
if (oldValue !== newValue) {
|
|
298
319
|
let isProp = isMemberInElement(elm, memberName);
|
|
@@ -491,15 +512,16 @@ const addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) =>
|
|
|
491
512
|
* @param vnodes a list of virtual DOM nodes to remove
|
|
492
513
|
* @param startIdx the index at which to start removing nodes (inclusive)
|
|
493
514
|
* @param endIdx the index at which to stop removing nodes (inclusive)
|
|
494
|
-
* @param vnode a VNode
|
|
495
|
-
* @param elm an element
|
|
496
515
|
*/
|
|
497
|
-
const removeVnodes = (vnodes, startIdx, endIdx
|
|
498
|
-
for (
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
elm
|
|
516
|
+
const removeVnodes = (vnodes, startIdx, endIdx) => {
|
|
517
|
+
for (let index = startIdx; index <= endIdx; ++index) {
|
|
518
|
+
const vnode = vnodes[index];
|
|
519
|
+
if (vnode) {
|
|
520
|
+
const elm = vnode.$elm$;
|
|
521
|
+
if (elm) {
|
|
522
|
+
// remove the vnode's element from the dom
|
|
523
|
+
elm.remove();
|
|
524
|
+
}
|
|
503
525
|
}
|
|
504
526
|
}
|
|
505
527
|
};
|
|
@@ -761,17 +783,44 @@ const patch = (oldVNode, newVNode) => {
|
|
|
761
783
|
* @param hostRef data needed to root and render the virtual DOM tree, such as
|
|
762
784
|
* the DOM node into which it should be rendered.
|
|
763
785
|
* @param renderFnResults the virtual DOM nodes to be rendered
|
|
786
|
+
* @param isInitialLoad whether or not this is the first call after page load
|
|
764
787
|
*/
|
|
765
|
-
const renderVdom = (hostRef, renderFnResults) => {
|
|
788
|
+
const renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
|
|
766
789
|
const hostElm = hostRef.$hostElement$;
|
|
767
790
|
const cmpMeta = hostRef.$cmpMeta$;
|
|
768
791
|
const oldVNode = hostRef.$vnode$ || newVNode(null, null);
|
|
792
|
+
// if `renderFnResults` is a Host node then we can use it directly. If not,
|
|
793
|
+
// we need to call `h` again to wrap the children of our component in a
|
|
794
|
+
// 'dummy' Host node (well, an empty vnode) since `renderVdom` assumes
|
|
795
|
+
// implicitly that the top-level vdom node is 1) an only child and 2)
|
|
796
|
+
// contains attrs that need to be set on the host element.
|
|
769
797
|
const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
|
|
770
798
|
hostTagName = hostElm.tagName;
|
|
771
799
|
if (cmpMeta.$attrsToReflect$) {
|
|
772
800
|
rootVnode.$attrs$ = rootVnode.$attrs$ || {};
|
|
773
801
|
cmpMeta.$attrsToReflect$.map(([propName, attribute]) => (rootVnode.$attrs$[attribute] = hostElm[propName]));
|
|
774
802
|
}
|
|
803
|
+
// On the first render and *only* on the first render we want to check for
|
|
804
|
+
// any attributes set on the host element which are also set on the vdom
|
|
805
|
+
// node. If we find them, we override the value on the VDom node attrs with
|
|
806
|
+
// the value from the host element, which allows developers building apps
|
|
807
|
+
// with Stencil components to override e.g. the `role` attribute on a
|
|
808
|
+
// component even if it's already set on the `Host`.
|
|
809
|
+
if (isInitialLoad && rootVnode.$attrs$) {
|
|
810
|
+
for (const key of Object.keys(rootVnode.$attrs$)) {
|
|
811
|
+
// We have a special implementation in `setAccessor` for `style` and
|
|
812
|
+
// `class` which reconciles values coming from the VDom with values
|
|
813
|
+
// already present on the DOM element, so we don't want to override those
|
|
814
|
+
// attributes on the VDom tree with values from the host element if they
|
|
815
|
+
// are present.
|
|
816
|
+
//
|
|
817
|
+
// Likewise, `ref` and `key` are special internal values for the Stencil
|
|
818
|
+
// runtime and we don't want to override those either.
|
|
819
|
+
if (hostElm.hasAttribute(key) && !['key', 'ref', 'style', 'class'].includes(key)) {
|
|
820
|
+
rootVnode.$attrs$[key] = hostElm[key];
|
|
821
|
+
}
|
|
822
|
+
}
|
|
823
|
+
}
|
|
775
824
|
rootVnode.$tag$ = null;
|
|
776
825
|
rootVnode.$flags$ |= 4 /* VNODE_FLAGS.isHost */;
|
|
777
826
|
hostRef.$vnode$ = rootVnode;
|
|
@@ -802,30 +851,96 @@ const scheduleUpdate = (hostRef, isInitialLoad) => {
|
|
|
802
851
|
const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
|
|
803
852
|
return writeTask(dispatch) ;
|
|
804
853
|
};
|
|
854
|
+
/**
|
|
855
|
+
* Dispatch initial-render and update lifecycle hooks, enqueuing calls to
|
|
856
|
+
* component lifecycle methods like `componentWillLoad` as well as
|
|
857
|
+
* {@link updateComponent}, which will kick off the virtual DOM re-render.
|
|
858
|
+
*
|
|
859
|
+
* @param hostRef a reference to a host DOM node
|
|
860
|
+
* @param isInitialLoad whether we're on the initial load or not
|
|
861
|
+
* @returns an empty Promise which is used to enqueue a series of operations for
|
|
862
|
+
* the component
|
|
863
|
+
*/
|
|
805
864
|
const dispatchHooks = (hostRef, isInitialLoad) => {
|
|
806
865
|
const endSchedule = createTime('scheduleUpdate', hostRef.$cmpMeta$.$tagName$);
|
|
807
866
|
const instance = hostRef.$lazyInstance$ ;
|
|
808
|
-
|
|
867
|
+
// We're going to use this variable together with `enqueue` to implement a
|
|
868
|
+
// little promise-based queue. We start out with it `undefined`. When we add
|
|
869
|
+
// the first function to the queue we'll set this variable to be that
|
|
870
|
+
// function's return value. When we attempt to add subsequent values to the
|
|
871
|
+
// queue we'll check that value and, if it was a `Promise`, we'll then chain
|
|
872
|
+
// the new function off of that `Promise` using `.then()`. This will give our
|
|
873
|
+
// queue two nice properties:
|
|
874
|
+
//
|
|
875
|
+
// 1. If all functions added to the queue are synchronous they'll be called
|
|
876
|
+
// synchronously right away.
|
|
877
|
+
// 2. If all functions added to the queue are asynchronous they'll all be
|
|
878
|
+
// called in order after `dispatchHooks` exits.
|
|
879
|
+
let maybePromise;
|
|
809
880
|
if (isInitialLoad) {
|
|
810
881
|
{
|
|
811
882
|
hostRef.$flags$ |= 256 /* HOST_FLAGS.isListenReady */;
|
|
812
883
|
if (hostRef.$queuedListeners$) {
|
|
813
884
|
hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
|
|
814
|
-
hostRef.$queuedListeners$ =
|
|
885
|
+
hostRef.$queuedListeners$ = undefined;
|
|
815
886
|
}
|
|
816
887
|
}
|
|
817
888
|
{
|
|
818
|
-
|
|
889
|
+
// If `componentWillLoad` returns a `Promise` then we want to wait on
|
|
890
|
+
// whatever's going on in that `Promise` before we launch into
|
|
891
|
+
// rendering the component, doing other lifecycle stuff, etc. So
|
|
892
|
+
// in that case we assign the returned promise to the variable we
|
|
893
|
+
// declared above to hold a possible 'queueing' Promise
|
|
894
|
+
maybePromise = safeCall(instance, 'componentWillLoad');
|
|
819
895
|
}
|
|
820
896
|
}
|
|
821
897
|
{
|
|
822
|
-
|
|
898
|
+
maybePromise = enqueue(maybePromise, () => safeCall(instance, 'componentWillRender'));
|
|
823
899
|
}
|
|
824
900
|
endSchedule();
|
|
825
|
-
return
|
|
901
|
+
return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
|
|
826
902
|
};
|
|
903
|
+
/**
|
|
904
|
+
* This function uses a Promise to implement a simple first-in, first-out queue
|
|
905
|
+
* of functions to be called.
|
|
906
|
+
*
|
|
907
|
+
* The queue is ordered on the basis of the first argument. If it's
|
|
908
|
+
* `undefined`, then nothing is on the queue yet, so the provided function can
|
|
909
|
+
* be called synchronously (although note that this function may return a
|
|
910
|
+
* `Promise`). The idea is that then the return value of that enqueueing
|
|
911
|
+
* operation is kept around, so that if it was a `Promise` then subsequent
|
|
912
|
+
* functions can be enqueued by calling this function again with that `Promise`
|
|
913
|
+
* as the first argument.
|
|
914
|
+
*
|
|
915
|
+
* @param maybePromise either a `Promise` which should resolve before the next function is called or an 'empty' sentinel
|
|
916
|
+
* @param fn a function to enqueue
|
|
917
|
+
* @returns either a `Promise` or the return value of the provided function
|
|
918
|
+
*/
|
|
919
|
+
const enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn) : fn();
|
|
920
|
+
/**
|
|
921
|
+
* Check that a value is a `Promise`. To check, we first see if the value is an
|
|
922
|
+
* instance of the `Promise` global. In a few circumstances, in particular if
|
|
923
|
+
* the global has been overwritten, this is could be misleading, so we also do
|
|
924
|
+
* a little 'duck typing' check to see if the `.then` property of the value is
|
|
925
|
+
* defined and a function.
|
|
926
|
+
*
|
|
927
|
+
* @param maybePromise it might be a promise!
|
|
928
|
+
* @returns whether it is or not
|
|
929
|
+
*/
|
|
930
|
+
const isPromisey = (maybePromise) => maybePromise instanceof Promise ||
|
|
931
|
+
(maybePromise && maybePromise.then && typeof maybePromise.then === 'function');
|
|
932
|
+
/**
|
|
933
|
+
* Update a component given reference to its host elements and so on.
|
|
934
|
+
*
|
|
935
|
+
* @param hostRef an object containing references to the element's host node,
|
|
936
|
+
* VDom nodes, and other metadata
|
|
937
|
+
* @param instance a reference to the underlying host element where it will be
|
|
938
|
+
* rendered
|
|
939
|
+
* @param isInitialLoad whether or not this function is being called as part of
|
|
940
|
+
* the first render cycle
|
|
941
|
+
*/
|
|
827
942
|
const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
828
|
-
|
|
943
|
+
var _a;
|
|
829
944
|
const elm = hostRef.$hostElement$;
|
|
830
945
|
const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
|
|
831
946
|
const rc = elm['s-rc'];
|
|
@@ -835,7 +950,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
835
950
|
}
|
|
836
951
|
const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
|
|
837
952
|
{
|
|
838
|
-
callRender(hostRef, instance);
|
|
953
|
+
callRender(hostRef, instance, elm, isInitialLoad);
|
|
839
954
|
}
|
|
840
955
|
if (rc) {
|
|
841
956
|
// ok, so turns out there are some child host elements
|
|
@@ -847,7 +962,7 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
847
962
|
endRender();
|
|
848
963
|
endUpdate();
|
|
849
964
|
{
|
|
850
|
-
const childrenPromises = elm['s-p'];
|
|
965
|
+
const childrenPromises = (_a = elm['s-p']) !== null && _a !== void 0 ? _a : [];
|
|
851
966
|
const postUpdate = () => postUpdateComponent(hostRef);
|
|
852
967
|
if (childrenPromises.length === 0) {
|
|
853
968
|
postUpdate();
|
|
@@ -859,7 +974,19 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
859
974
|
}
|
|
860
975
|
}
|
|
861
976
|
};
|
|
862
|
-
|
|
977
|
+
/**
|
|
978
|
+
* Handle making the call to the VDom renderer with the proper context given
|
|
979
|
+
* various build variables
|
|
980
|
+
*
|
|
981
|
+
* @param hostRef an object containing references to the element's host node,
|
|
982
|
+
* VDom nodes, and other metadata
|
|
983
|
+
* @param instance a reference to the underlying host element where it will be
|
|
984
|
+
* rendered
|
|
985
|
+
* @param elm the Host element for the component
|
|
986
|
+
* @param isInitialLoad whether or not this function is being called as part of
|
|
987
|
+
* @returns an empty promise
|
|
988
|
+
*/
|
|
989
|
+
const callRender = (hostRef, instance, elm, isInitialLoad) => {
|
|
863
990
|
try {
|
|
864
991
|
instance = instance.render() ;
|
|
865
992
|
{
|
|
@@ -874,7 +1001,7 @@ const callRender = (hostRef, instance, elm) => {
|
|
|
874
1001
|
// or we need to update the css class/attrs on the host element
|
|
875
1002
|
// DOM WRITE!
|
|
876
1003
|
{
|
|
877
|
-
renderVdom(hostRef, instance);
|
|
1004
|
+
renderVdom(hostRef, instance, isInitialLoad);
|
|
878
1005
|
}
|
|
879
1006
|
}
|
|
880
1007
|
}
|
|
@@ -945,9 +1072,6 @@ const safeCall = (instance, method, arg) => {
|
|
|
945
1072
|
}
|
|
946
1073
|
return undefined;
|
|
947
1074
|
};
|
|
948
|
-
const then = (promise, thenFn) => {
|
|
949
|
-
return promise && promise.then ? promise.then(thenFn) : thenFn();
|
|
950
|
-
};
|
|
951
1075
|
const addHydratedFlag = (elm) => elm.setAttribute('hydrated', '')
|
|
952
1076
|
;
|
|
953
1077
|
const getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
|
|
@@ -1054,12 +1178,12 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1054
1178
|
// customElements.define('my-component', MyComponent);
|
|
1055
1179
|
// </script>
|
|
1056
1180
|
// ```
|
|
1057
|
-
// In this case if we do not
|
|
1181
|
+
// In this case if we do not un-shadow here and use the value of the shadowing property, attributeChangedCallback
|
|
1058
1182
|
// will be called with `newValue = "some-value"` and will set the shadowed property (this.someAttribute = "another-value")
|
|
1059
1183
|
// to the value that was set inline i.e. "some-value" from above example. When
|
|
1060
|
-
// the connectedCallback attempts to
|
|
1184
|
+
// the connectedCallback attempts to un-shadow it will use "some-value" as the initial value rather than "another-value"
|
|
1061
1185
|
//
|
|
1062
|
-
// The case where the attribute was NOT set inline but was not set programmatically shall be handled/
|
|
1186
|
+
// The case where the attribute was NOT set inline but was not set programmatically shall be handled/un-shadowed
|
|
1063
1187
|
// by connectedCallback as this attributeChangedCallback will not fire.
|
|
1064
1188
|
//
|
|
1065
1189
|
// https://developers.google.com/web/fundamentals/web-components/best-practices#lazy-properties
|
|
@@ -1101,9 +1225,9 @@ const proxyComponent = (Cstr, cmpMeta, flags) => {
|
|
|
1101
1225
|
const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) => {
|
|
1102
1226
|
// initializeComponent
|
|
1103
1227
|
if ((hostRef.$flags$ & 32 /* HOST_FLAGS.hasInitializedComponent */) === 0) {
|
|
1228
|
+
// Let the runtime know that the component has been initialized
|
|
1229
|
+
hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
|
|
1104
1230
|
{
|
|
1105
|
-
// we haven't initialized this element yet
|
|
1106
|
-
hostRef.$flags$ |= 32 /* HOST_FLAGS.hasInitializedComponent */;
|
|
1107
1231
|
// lazy loaded components
|
|
1108
1232
|
// request the component's implementation to be
|
|
1109
1233
|
// wired up with the host element
|
|
@@ -1176,6 +1300,8 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId, Cstr) =>
|
|
|
1176
1300
|
schedule();
|
|
1177
1301
|
}
|
|
1178
1302
|
};
|
|
1303
|
+
const fireConnectedCallback = (instance) => {
|
|
1304
|
+
};
|
|
1179
1305
|
const connectedCallback = (elm) => {
|
|
1180
1306
|
if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
|
|
1181
1307
|
const hostRef = getHostRef(elm);
|
|
@@ -1219,22 +1345,34 @@ const connectedCallback = (elm) => {
|
|
|
1219
1345
|
// reattach any event listeners to the host
|
|
1220
1346
|
// since they would have been removed when disconnected
|
|
1221
1347
|
addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
|
|
1348
|
+
// fire off connectedCallback() on component instance
|
|
1349
|
+
if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) ;
|
|
1350
|
+
else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
|
|
1351
|
+
hostRef.$onReadyPromise$.then(() => fireConnectedCallback());
|
|
1352
|
+
}
|
|
1222
1353
|
}
|
|
1223
1354
|
endConnected();
|
|
1224
1355
|
}
|
|
1225
1356
|
};
|
|
1226
|
-
const
|
|
1357
|
+
const disconnectInstance = (instance) => {
|
|
1358
|
+
{
|
|
1359
|
+
safeCall(instance, 'disconnectedCallback');
|
|
1360
|
+
}
|
|
1361
|
+
};
|
|
1362
|
+
const disconnectedCallback = async (elm) => {
|
|
1227
1363
|
if ((plt.$flags$ & 1 /* PLATFORM_FLAGS.isTmpDisconnected */) === 0) {
|
|
1228
1364
|
const hostRef = getHostRef(elm);
|
|
1229
|
-
const instance = hostRef.$lazyInstance$ ;
|
|
1230
1365
|
{
|
|
1231
1366
|
if (hostRef.$rmListeners$) {
|
|
1232
1367
|
hostRef.$rmListeners$.map((rmListener) => rmListener());
|
|
1233
1368
|
hostRef.$rmListeners$ = undefined;
|
|
1234
1369
|
}
|
|
1235
1370
|
}
|
|
1236
|
-
{
|
|
1237
|
-
|
|
1371
|
+
if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$lazyInstance$) {
|
|
1372
|
+
disconnectInstance(hostRef.$lazyInstance$);
|
|
1373
|
+
}
|
|
1374
|
+
else if (hostRef === null || hostRef === void 0 ? void 0 : hostRef.$onReadyPromise$) {
|
|
1375
|
+
hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
|
|
1238
1376
|
}
|
|
1239
1377
|
}
|
|
1240
1378
|
};
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,18 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { s as setNonce } from './index-
|
|
3
|
-
|
|
4
|
-
/*
|
|
5
|
-
Stencil Client Patch Esm v2.22.3 | MIT Licensed | https://stenciljs.com
|
|
6
|
-
*/
|
|
7
|
-
const patchEsm = () => {
|
|
8
|
-
return promiseResolve();
|
|
9
|
-
};
|
|
1
|
+
import { b as bootstrapLazy } from './index-6f346db2.js';
|
|
2
|
+
export { s as setNonce } from './index-6f346db2.js';
|
|
10
3
|
|
|
11
4
|
const defineCustomElements = (win, options) => {
|
|
12
|
-
if (typeof window === 'undefined') return
|
|
13
|
-
return patchEsm().then(() => {
|
|
5
|
+
if (typeof window === 'undefined') return undefined;
|
|
14
6
|
return bootstrapLazy([["mds-modal",[[1,"mds-modal",{"opened":[1540],"position":[1537],"stateOpened":[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]], options);
|
|
15
|
-
});
|
|
16
7
|
};
|
|
17
8
|
|
|
18
9
|
export { defineCustomElements };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-
|
|
1
|
+
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-6f346db2.js';
|
|
2
2
|
|
|
3
3
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
4
4
|
|
package/dist/esm/mds-modal.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
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-6f346db2.js';
|
|
2
|
+
export { s as setNonce } from './index-6f346db2.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
|
-
Stencil Client Patch Browser
|
|
5
|
+
Stencil Client Patch Browser v4.2.1 | MIT Licensed | https://stenciljs.com
|
|
6
6
|
*/
|
|
7
7
|
const patchBrowser = () => {
|
|
8
8
|
const importMeta = import.meta.url;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var __extends=this&&this.__extends||function(){var e=function(t,n){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n))e[n]=t[n]};return e(t,n)};return function(t,n){if(typeof n!=="function"&&n!==null)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");e(t,n);function r(){this.constructor=t}t.prototype=n===null?Object.create(n):(r.prototype=n.prototype,new r)}}();var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function s(e){try{l(r.next(e))}catch(e){o(e)}}function i(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):a(e.value).then(s,i)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(e){return function(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(s&&(s=0,i[0]&&(n=0)),n)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(e,t,n){if(n||arguments.length===2)for(var r=0,a=t.length,o;r<a;r++){if(o||!(r in t)){if(!o)o=Array.prototype.slice.call(t,0,r);o[r]=t[r]}}return e.concat(o||Array.prototype.slice.call(t))};var NAMESPACE="mds-modal";var scopeId;var hostTagName;var isSvgMode=false;var queuePending=false;var createTime=function(e,t){if(t===void 0){t=""}{return function(){return}}};var uniqueTime=function(e,t){{return function(){return}}};var HYDRATED_CSS="{visibility:hidden}[hydrated]{visibility:inherit}";var EMPTY_OBJ={};var isDef=function(e){return e!=null};var isComplexType=function(e){e=typeof e;return e==="object"||e==="function"};function queryNonceMetaTagContent(e){var t,n,r;return(r=(n=(t=e.head)===null||t===void 0?void 0:t.querySelector('meta[name="csp-nonce"]'))===null||n===void 0?void 0:n.getAttribute("content"))!==null&&r!==void 0?r:undefined}var h=function(e,t){var n=[];for(var r=2;r<arguments.length;r++){n[r-2]=arguments[r]}var a=null;var o=false;var s=false;var i=[];var l=function(t){for(var n=0;n<t.length;n++){a=t[n];if(Array.isArray(a)){l(a)}else if(a!=null&&typeof a!=="boolean"){if(o=typeof e!=="function"&&!isComplexType(a)){a=String(a)}if(o&&s){i[i.length-1].$text$+=a}else{i.push(o?newVNode(null,a):a)}s=o}}};l(n);if(t){{var u=t.className||t.class;if(u){t.class=typeof u!=="object"?u:Object.keys(u).filter((function(e){return u[e]})).join(" ")}}}var c=newVNode(e,null);c.$attrs$=t;if(i.length>0){c.$children$=i}return c};var newVNode=function(e,t){var n={$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null};{n.$attrs$=null}return n};var Host={};var isHost=function(e){return e&&e.$tag$===Host};var parsePropertyValue=function(e,t){if(e!=null&&!isComplexType(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&1){return String(e)}return e}return e};var getElement=function(e){return getHostRef(e).$hostElement$};var createEvent=function(e,t,n){var r=getElement(e);return{emit:function(e){return emitEvent(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}}};var emitEvent=function(e,t,n){var r=plt.ce(t,n);e.dispatchEvent(r);return r};var rootAppliedStyles=new WeakMap;var registerStyle=function(e,t,n){var r=styles.get(e);if(supportsConstructableStylesheets&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}styles.set(e,r)};var addStyle=function(e,t,n){var r;var a=getScopeId(t);var o=styles.get(a);e=e.nodeType===11?e:doc;if(o){if(typeof o==="string"){e=e.head||e;var s=rootAppliedStyles.get(e);var i=void 0;if(!s){rootAppliedStyles.set(e,s=new Set)}if(!s.has(a)){{i=doc.createElement("style");i.innerHTML=o;var l=(r=plt.$nonce$)!==null&&r!==void 0?r:queryNonceMetaTagContent(doc);if(l!=null){i.setAttribute("nonce",l)}e.insertBefore(i,e.querySelector("link"))}if(s){s.add(a)}}}else if(!e.adoptedStyleSheets.includes(o)){e.adoptedStyleSheets=__spreadArray(__spreadArray([],e.adoptedStyleSheets,true),[o],false)}}return a};var attachStyles=function(e){var t=e.$cmpMeta$;var n=e.$hostElement$;var r=t.$flags$;var a=createTime("attachStyles",t.$tagName$);var o=addStyle(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10){n["s-sc"]=o;n.classList.add(o+"-h")}a()};var getScopeId=function(e,t){return"sc-"+e.$tagName$};var setAccessor=function(e,t,n,r,a,o){if(n!==r){var s=isMemberInElement(e,t);var i=t.toLowerCase();if(t==="class"){var l=e.classList;var u=parseClassList(n);var c=parseClassList(r);l.remove.apply(l,u.filter((function(e){return e&&!c.includes(e)})));l.add.apply(l,c.filter((function(e){return e&&!u.includes(e)})))}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(isMemberInElement(win,i)){t=i.slice(2)}else{t=i[2]+t.slice(3)}if(n){plt.rel(e,t,n,false)}if(r){plt.ael(e,t,r,false)}}else{var f=isComplexType(r);if((s||f&&r!==null)&&!a){try{if(!e.tagName.includes("-")){var $=r==null?"":r;if(t==="list"){s=false}else if(n==null||e[t]!=$){e[t]=$}}else{e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||o&4||a)&&!f){r=r===true?"":r;{e.setAttribute(t,r)}}}}};var parseClassListRegex=/\s/;var parseClassList=function(e){return!e?[]:e.split(parseClassListRegex)};var updateElement=function(e,t,n,r){var a=t.$elm$.nodeType===11&&t.$elm$.host?t.$elm$.host:t.$elm$;var o=e&&e.$attrs$||EMPTY_OBJ;var s=t.$attrs$||EMPTY_OBJ;{for(r in o){if(!(r in s)){setAccessor(a,r,o[r],undefined,n,t.$flags$)}}}for(r in s){setAccessor(a,r,o[r],s[r],n,t.$flags$)}};var createElm=function(e,t,n,r){var a=t.$children$[n];var o=0;var s;var i;if(a.$text$!==null){s=a.$elm$=doc.createTextNode(a.$text$)}else{s=a.$elm$=doc.createElement(a.$tag$);{updateElement(null,a,isSvgMode)}if(isDef(scopeId)&&s["s-si"]!==scopeId){s.classList.add(s["s-si"]=scopeId)}if(a.$children$){for(o=0;o<a.$children$.length;++o){i=createElm(e,a,o);if(i){s.appendChild(i)}}}}return s};var addVnodes=function(e,t,n,r,a,o){var s=e;var i;if(s.shadowRoot&&s.tagName===hostTagName){s=s.shadowRoot}for(;a<=o;++a){if(r[a]){i=createElm(null,n,a);if(i){r[a].$elm$=i;s.insertBefore(i,t)}}}};var removeVnodes=function(e,t,n){for(var r=t;r<=n;++r){var a=e[r];if(a){var o=a.$elm$;if(o){o.remove()}}}};var updateChildren=function(e,t,n,r){var a=0;var o=0;var s=t.length-1;var i=t[0];var l=t[s];var u=r.length-1;var c=r[0];var f=r[u];var $;while(a<=s&&o<=u){if(i==null){i=t[++a]}else if(l==null){l=t[--s]}else if(c==null){c=r[++o]}else if(f==null){f=r[--u]}else if(isSameVnode(i,c)){patch(i,c);i=t[++a];c=r[++o]}else if(isSameVnode(l,f)){patch(l,f);l=t[--s];f=r[--u]}else if(isSameVnode(i,f)){patch(i,f);e.insertBefore(i.$elm$,l.$elm$.nextSibling);i=t[++a];f=r[--u]}else if(isSameVnode(l,c)){patch(l,c);e.insertBefore(l.$elm$,i.$elm$);l=t[--s];c=r[++o]}else{{$=createElm(t&&t[o],n,o);c=r[++o]}if($){{i.$elm$.parentNode.insertBefore($,i.$elm$)}}}}if(a>s){addVnodes(e,r[u+1]==null?null:r[u+1].$elm$,n,r,o,u)}else if(o>u){removeVnodes(t,a,s)}};var isSameVnode=function(e,t){if(e.$tag$===t.$tag$){return true}return false};var patch=function(e,t){var n=t.$elm$=e.$elm$;var r=e.$children$;var a=t.$children$;var o=t.$tag$;var s=t.$text$;if(s===null){{if(o==="slot");else{updateElement(e,t,isSvgMode)}}if(r!==null&&a!==null){updateChildren(n,r,t,a)}else if(a!==null){if(e.$text$!==null){n.textContent=""}addVnodes(n,null,t,a,0,a.length-1)}else if(r!==null){removeVnodes(r,0,r.length-1)}}else if(e.$text$!==s){n.data=s}};var renderVdom=function(e,t,n){if(n===void 0){n=false}var r=e.$hostElement$;var a=e.$cmpMeta$;var o=e.$vnode$||newVNode(null,null);var s=isHost(t)?t:h(null,null,t);hostTagName=r.tagName;if(a.$attrsToReflect$){s.$attrs$=s.$attrs$||{};a.$attrsToReflect$.map((function(e){var t=e[0],n=e[1];return s.$attrs$[n]=r[t]}))}if(n&&s.$attrs$){for(var i=0,l=Object.keys(s.$attrs$);i<l.length;i++){var u=l[i];if(r.hasAttribute(u)&&!["key","ref","style","class"].includes(u)){s.$attrs$[u]=r[u]}}}s.$tag$=null;s.$flags$|=4;e.$vnode$=s;s.$elm$=o.$elm$=r.shadowRoot||r;{scopeId=r["s-sc"]}patch(o,s)};var attachToAncestor=function(e,t){if(t&&!e.$onRenderResolve$&&t["s-p"]){t["s-p"].push(new Promise((function(t){return e.$onRenderResolve$=t})))}};var scheduleUpdate=function(e,t){{e.$flags$|=16}if(e.$flags$&4){e.$flags$|=512;return}attachToAncestor(e,e.$ancestorComponent$);var n=function(){return dispatchHooks(e,t)};return writeTask(n)};var dispatchHooks=function(e,t){var n=createTime("scheduleUpdate",e.$cmpMeta$.$tagName$);var r=e.$lazyInstance$;var a;if(t){{e.$flags$|=256;if(e.$queuedListeners$){e.$queuedListeners$.map((function(e){var t=e[0],n=e[1];return safeCall(r,t,n)}));e.$queuedListeners$=undefined}}{a=safeCall(r,"componentWillLoad")}}{a=enqueue(a,(function(){return safeCall(r,"componentWillRender")}))}n();return enqueue(a,(function(){return updateComponent(e,r,t)}))};var enqueue=function(e,t){return isPromisey(e)?e.then(t):t()};var isPromisey=function(e){return e instanceof Promise||e&&e.then&&typeof e.then==="function"};var updateComponent=function(e,t,n){return __awaiter(void 0,void 0,void 0,(function(){var r,a,o,s,i,l,u;return __generator(this,(function(c){a=e.$hostElement$;o=createTime("update",e.$cmpMeta$.$tagName$);s=a["s-rc"];if(n){attachStyles(e)}i=createTime("render",e.$cmpMeta$.$tagName$);{callRender(e,t,a,n)}if(s){s.map((function(e){return e()}));a["s-rc"]=undefined}i();o();{l=(r=a["s-p"])!==null&&r!==void 0?r:[];u=function(){return postUpdateComponent(e)};if(l.length===0){u()}else{Promise.all(l).then(u);e.$flags$|=4;l.length=0}}return[2]}))}))};var callRender=function(e,t,n,r){try{t=t.render();{e.$flags$&=~16}{e.$flags$|=2}{{{renderVdom(e,t,r)}}}}catch(t){consoleError(t,e.$hostElement$)}return null};var postUpdateComponent=function(e){var t=e.$cmpMeta$.$tagName$;var n=e.$hostElement$;var r=createTime("postUpdate",t);var a=e.$lazyInstance$;var o=e.$ancestorComponent$;{safeCall(a,"componentDidRender")}if(!(e.$flags$&64)){e.$flags$|=64;{addHydratedFlag(n)}r();{e.$onReadyResolve$(n);if(!o){appDidLoad()}}}else{r()}{if(e.$onRenderResolve$){e.$onRenderResolve$();e.$onRenderResolve$=undefined}if(e.$flags$&512){nextTick((function(){return scheduleUpdate(e,false)}))}e.$flags$&=~(4|512)}};var appDidLoad=function(e){{addHydratedFlag(doc.documentElement)}nextTick((function(){return emitEvent(win,"appload",{detail:{namespace:NAMESPACE}})}))};var safeCall=function(e,t,n){if(e&&e[t]){try{return e[t](n)}catch(e){consoleError(e)}}return undefined};var addHydratedFlag=function(e){return e.setAttribute("hydrated","")};var getValue=function(e,t){return getHostRef(e).$instanceValues$.get(t)};var setValue=function(e,t,n,r){var a=getHostRef(e);var o=a.$hostElement$;var s=a.$instanceValues$.get(t);var i=a.$flags$;var l=a.$lazyInstance$;n=parsePropertyValue(n,r.$members$[t][0]);var u=Number.isNaN(s)&&Number.isNaN(n);var c=n!==s&&!u;if((!(i&8)||s===undefined)&&c){a.$instanceValues$.set(t,n);if(l){if(r.$watchers$&&i&128){var f=r.$watchers$[t];if(f){f.map((function(e){try{l[e](n,s,t)}catch(e){consoleError(e,o)}}))}}if((i&(2|16))===2){scheduleUpdate(a,false)}}}};var proxyComponent=function(e,t,n){if(t.$members$){if(e.watchers){t.$watchers$=e.watchers}var r=Object.entries(t.$members$);var a=e.prototype;r.map((function(e){var r=e[0],o=e[1][0];if(o&31||n&2&&o&32){Object.defineProperty(a,r,{get:function(){return getValue(this,r)},set:function(e){setValue(this,r,e,t)},configurable:true,enumerable:true})}}));if(n&1){var o=new Map;a.attributeChangedCallback=function(e,t,n){var r=this;plt.jmp((function(){var t=o.get(e);if(r.hasOwnProperty(t)){n=r[t];delete r[t]}else if(a.hasOwnProperty(t)&&typeof r[t]==="number"&&r[t]==n){return}r[t]=n===null&&typeof r[t]==="boolean"?false:n}))};e.observedAttributes=r.filter((function(e){var t=e[0],n=e[1];return n[0]&15})).map((function(e){var n=e[0],r=e[1];var a=r[1]||n;o.set(a,n);if(r[0]&512){t.$attrsToReflect$.push([n,a])}return a}))}}return e};var initializeComponent=function(e,t,n,r,a){return __awaiter(void 0,void 0,void 0,(function(){var e,r,o,s,i,l,u;return __generator(this,(function(c){switch(c.label){case 0:if(!((t.$flags$&32)===0))return[3,3];t.$flags$|=32;a=loadModule(n);if(!a.then)return[3,2];e=uniqueTime();return[4,a];case 1:a=c.sent();e();c.label=2;case 2:if(!a.isProxied){{n.$watchers$=a.watchers}proxyComponent(a,n,2);a.isProxied=true}r=createTime("createInstance",n.$tagName$);{t.$flags$|=8}try{new a(t)}catch(e){consoleError(e)}{t.$flags$&=~8}{t.$flags$|=128}r();if(a.style){o=a.style;s=getScopeId(n);if(!styles.has(s)){i=createTime("registerStyles",n.$tagName$);registerStyle(s,o,!!(n.$flags$&1));i()}}c.label=3;case 3:l=t.$ancestorComponent$;u=function(){return scheduleUpdate(t,true)};if(l&&l["s-rc"]){l["s-rc"].push(u)}else{u()}return[2]}}))}))};var fireConnectedCallback=function(e){};var connectedCallback=function(e){if((plt.$flags$&1)===0){var t=getHostRef(e);var n=t.$cmpMeta$;var r=createTime("connectedCallback",n.$tagName$);if(!(t.$flags$&1)){t.$flags$|=1;{var a=e;while(a=a.parentNode||a.host){if(a["s-p"]){attachToAncestor(t,t.$ancestorComponent$=a);break}}}if(n.$members$){Object.entries(n.$members$).map((function(t){var n=t[0],r=t[1][0];if(r&31&&e.hasOwnProperty(n)){var a=e[n];delete e[n];e[n]=a}}))}{initializeComponent(e,t,n)}}else{addHostEventListeners(e,t,n.$listeners$);if(t===null||t===void 0?void 0:t.$lazyInstance$);else if(t===null||t===void 0?void 0:t.$onReadyPromise$){t.$onReadyPromise$.then((function(){return fireConnectedCallback()}))}}r()}};var disconnectInstance=function(e){{safeCall(e,"disconnectedCallback")}};var disconnectedCallback=function(e){return __awaiter(void 0,void 0,void 0,(function(){var t;return __generator(this,(function(n){if((plt.$flags$&1)===0){t=getHostRef(e);{if(t.$rmListeners$){t.$rmListeners$.map((function(e){return e()}));t.$rmListeners$=undefined}}if(t===null||t===void 0?void 0:t.$lazyInstance$){disconnectInstance(t.$lazyInstance$)}else if(t===null||t===void 0?void 0:t.$onReadyPromise$){t.$onReadyPromise$.then((function(){return disconnectInstance(t.$lazyInstance$)}))}}return[2]}))}))};var bootstrapLazy=function(e,t){if(t===void 0){t={}}var n;var r=createTime();var a=[];var o=t.exclude||[];var s=win.customElements;var i=doc.head;var l=i.querySelector("meta[charset]");var u=doc.createElement("style");var c=[];var f;var $=true;Object.assign(plt,t);plt.$resourcesUrl$=new URL(t.resourcesUrl||"./",doc.baseURI).href;e.map((function(e){e[1].map((function(t){var n={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};{n.$members$=t[2]}{n.$listeners$=t[3]}{n.$attrsToReflect$=[]}{n.$watchers$={}}var r=n.$tagName$;var i=function(e){__extends(t,e);function t(t){var r=e.call(this,t)||this;t=r;registerHost(t,n);if(n.$flags$&1){{{t.attachShadow({mode:"open"})}}}return r}t.prototype.connectedCallback=function(){var e=this;if(f){clearTimeout(f);f=null}if($){c.push(this)}else{plt.jmp((function(){return connectedCallback(e)}))}};t.prototype.disconnectedCallback=function(){var e=this;plt.jmp((function(){return disconnectedCallback(e)}))};t.prototype.componentOnReady=function(){return getHostRef(this).$onReadyPromise$};return t}(HTMLElement);n.$lazyBundleId$=e[0];if(!o.includes(r)&&!s.get(r)){a.push(r);s.define(r,proxyComponent(i,n,1))}}))}));{u.innerHTML=a+HYDRATED_CSS;u.setAttribute("data-styles","");var d=(n=plt.$nonce$)!==null&&n!==void 0?n:queryNonceMetaTagContent(doc);if(d!=null){u.setAttribute("nonce",d)}i.insertBefore(u,l?l.nextSibling:i.firstChild)}$=false;if(c.length){c.map((function(e){return e.connectedCallback()}))}else{{plt.jmp((function(){return f=setTimeout(appDidLoad,30)}))}}r()};var addHostEventListeners=function(e,t,n,r){if(n){n.map((function(n){var r=n[0],a=n[1],o=n[2];var s=getHostListenerTarget(e,r);var i=hostListenerProxy(t,o);var l=hostListenerOpts(r);plt.ael(s,a,i,l);(t.$rmListeners$=t.$rmListeners$||[]).push((function(){return plt.rel(s,a,i,l)}))}))}};var hostListenerProxy=function(e,t){return function(n){try{{if(e.$flags$&256){e.$lazyInstance$[t](n)}else{(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}}}catch(e){consoleError(e)}}};var getHostListenerTarget=function(e,t){if(t&4)return doc;return e};var hostListenerOpts=function(e){return(e&2)!==0};var setNonce=function(e){return plt.$nonce$=e};var hostRefs=new WeakMap;var getHostRef=function(e){return hostRefs.get(e)};var registerInstance=function(e,t){return hostRefs.set(t.$lazyInstance$=e,t)};var registerHost=function(e,t){var n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};{n.$onReadyPromise$=new Promise((function(e){return n.$onReadyResolve$=e}));e["s-p"]=[];e["s-rc"]=[]}addHostEventListeners(e,n,t.$listeners$);return hostRefs.set(e,n)};var isMemberInElement=function(e,t){return t in e};var consoleError=function(e,t){return(0,console.error)(e,t)};var cmpModules=new Map;var loadModule=function(e,t,n){var r=e.$tagName$.replace(/-/g,"_");var a=e.$lazyBundleId$;var o=cmpModules.get(a);if(o){return o[r]}
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import("./".concat(a,".entry.js").concat("")).then((function(e){{cmpModules.set(a,e)}return e[r]}),consoleError)};var styles=new Map;var win=typeof window!=="undefined"?window:{};var doc=win.document||{head:{}};var plt={$flags$:0,$resourcesUrl$:"",jmp:function(e){return e()},raf:function(e){return requestAnimationFrame(e)},ael:function(e,t,n,r){return e.addEventListener(t,n,r)},rel:function(e,t,n,r){return e.removeEventListener(t,n,r)},ce:function(e,t){return new CustomEvent(e,t)}};var promiseResolve=function(e){return Promise.resolve(e)};var supportsConstructableStylesheets=function(){try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false}();var queueDomReads=[];var queueDomWrites=[];var queueTask=function(e,t){return function(n){e.push(n);if(!queuePending){queuePending=true;if(t&&plt.$flags$&4){nextTick(flush)}else{plt.raf(flush)}}}};var consume=function(e){for(var t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){consoleError(e)}}e.length=0};var flush=function(){consume(queueDomReads);{consume(queueDomWrites);if(queuePending=queueDomReads.length>0){plt.raf(flush)}}};var nextTick=function(e){return promiseResolve().then(e)};var writeTask=queueTask(queueDomWrites,true);export{Host as H,bootstrapLazy as b,createEvent as c,getElement as g,h,promiseResolve as p,registerInstance as r,setNonce as s};
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{b as bootstrapLazy}from"./index-6f346db2.js";export{s as setNonce}from"./index-6f346db2.js";var defineCustomElements=function(e,o){if(typeof window==="undefined")return undefined;return bootstrapLazy([["mds-modal",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]],o)};export{defineCustomElements};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-118e6bec.js";function r(t){var o,e,i="";if("string"==typeof t||"number"==typeof t)i+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(e=r(t[o]))&&(i&&(i+=" "),i+=e);else for(o in t)t[o]&&(i&&(i+=" "),i+=o);return i}function clsx(){for(var t,o,e=0,i="";e<arguments.length;)(t=arguments[e++])&&(o=r(t))&&(i&&(i+=" "),i+=o);return i}var miBaselineClose='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';var KeyboardManager=function(){function t(){var t=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Space"||t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(o){if(o.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(o,e){if(e===void 0){e="element"}t.elements[e]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].addEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){t.escapeCallback=o;if(typeof window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(typeof window!==undefined){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();var mdsModalCss='@tailwind components; @tailwind utilities; .focus-off,.focusable,.focusable-light,.focusable-light-off{-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);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.focus-light-on,.focusable-light:focus-visible{--magma-outline-blur:2px solid rgb(var(--tone-neutral))}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.fixed{position:fixed}.absolute{position:absolute}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.ml-auto{margin-left:auto}.flex{display:-ms-flexbox;display:flex}.w-16{width:4rem}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.items-center{-ms-flex-align:center;align-items:center}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-tone-neutral-09{--tw-border-opacity:1;border-color:rgba(var(--tone-neutral-09), var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-8{padding:2rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);pointer-events:none;position:fixed;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);background-color:rgba(var(--mds-modal-overlay-color) / 0);fill:rgb(var(--tone-neutral));-webkit-perspective:600px;perspective:600px;z-index:var(--mds-modal-z-index, 1000)}:host([position=top]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position=bottom]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host(.to-bottom-opened),:host(.to-center-opened),:host(.to-left-opened),:host(.to-right-opened),:host(.to-top-opened){pointer-events:auto;-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity))}.close{position:absolute;top:0px;height:2.25rem;width:2.25rem;-webkit-transform-origin:center;transform-origin:center;cursor:pointer;border-radius:9999px;font-size:2.25rem;line-height:2.5rem;opacity:0;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);fill:inherit;-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg);-webkit-transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, transform;transition-property:opacity, outline, outline-offset, transform, -webkit-transform}.window{display:grid;height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.to-bottom){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom) .window,:host(.to-bottom)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-bottom-intro) .window,:host(.to-bottom-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-bottom-opened.to-bottom-outro) .window,:host(.to-bottom-opened.to-bottom-outro)>::slotted([slot="window"]),:host(.to-bottom-opened) .window,:host(.to-bottom-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-bottom-outro) .window,:host(.to-bottom-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-center){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center) .window,:host(.to-center)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-center-intro) .window,:host(.to-center-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-center-opened.to-center-outro) .window,:host(.to-center-opened.to-center-outro)>::slotted([slot="window"]),:host(.to-center-opened) .window,:host(.to-center-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-center-outro) .window,:host(.to-center-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-left){-ms-flex-pack:start;justify-content:flex-start}:host(.to-left) .window,:host(.to-left)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-left-intro) .window,:host(.to-left-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-opened.to-left-outro) .window,:host(.to-left-opened.to-left-outro)>::slotted([slot="window"]),:host(.to-left-opened) .window,:host(.to-left-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-left-opened) .close,:host(.to-left-opened.to-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.to-left-outro) .window,:host(.to-left-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.to-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.to-right){-ms-flex-pack:end;justify-content:flex-end}:host(.to-right) .window,:host(.to-right)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-right-intro) .window,:host(.to-right-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-opened.to-right-outro) .window,:host(.to-right-opened.to-right-outro)>::slotted([slot="window"]),:host(.to-right-opened) .window,:host(.to-right-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-right-opened) .close,:host(.to-right-opened.to-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.to-right-outro) .window,:host(.to-right-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.to-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.to-top){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top) .window,:host(.to-top)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-top-intro) .window,:host(.to-top-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-top-opened.to-top-outro) .window,:host(.to-top-opened.to-top-outro)>::slotted([slot="window"]),:host(.to-top-opened) .window,:host(.to-top-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-top-outro) .window,:host(.to-top-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}@media (max-width: 767px){.mobile\\:w-12{width:3rem}}';var MdsModal=function(){function t(t){var o=this;registerInstance(this,t);this.closeEvent=createEvent(this,"mdsModalClose",7);this.window=false;this.top=false;this.bottom=false;this.animationState="intro";this.km=new KeyboardManager;this.componentDidLoad=function(){var t;o.km.addElement(o.host,"host");var e=(t=o.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".close");if(e)o.km.addElement(e,"close");o.km.attachEscapeBehavior((function(){return o.closeEvent.emit()}));o.km.attachClickBehavior("close")};this.animationName=function(t,e){if(t===void 0){t=""}if(e===void 0){e=""}return"to-".concat(e!==""?e:o.position).concat(t!==""?"-"+t:"")};this.closeModal=function(t){var e;if(((e=t.target)===null||e===void 0?void 0:e.localName)!=="mds-modal"){return}o.opened=t.target!==t.currentTarget;if(!o.opened){o.closeEvent.emit()}};this.stateOpened=undefined;this.opened=false;this.position="center"}t.prototype.componentWillLoad=function(){var t;this.bottom=this.host.querySelector('[slot="bottom"]')!==null;this.top=this.host.querySelector('[slot="top"]')!==null;this.window=this.host.querySelector('[slot="window"]')!==null;this.stateOpened=this.opened;if(!this.window){this.position="right"}if(this.window){(t=this.host.querySelector('[slot="window"]'))===null||t===void 0?void 0:t.setAttribute("role","modal")}};t.prototype.componentWillRender=function(){this.animationState=this.opened?"intro":"outro";this.host.classList.add(this.animationName())};t.prototype.componentDidRender=function(){var t=this;this.animationDeelay=window.setTimeout((function(){t.animationState=t.animationState==="intro"?"outro":"intro";t.host.classList.remove(t.animationName(t.animationState==="intro"?"outro":"intro"));t.host.classList.add(t.animationName(t.animationState));window.clearTimeout(t.animationDeelay)}),500)};t.prototype.disconnectedCallback=function(){this.km.detachEscapeBehavior();this.km.detachClickBehavior("close")};t.prototype.positionChange=function(t,o){window.clearTimeout(this.animationDeelay);this.host.classList.remove(this.animationName("",o));this.host.classList.remove(this.animationName("intro",o));this.host.classList.remove(this.animationName("outro",o))};t.prototype.openedChange=function(t){this.stateOpened=t;window.clearTimeout(this.animationDeelay)};t.prototype.onModalCloseListener=function(){this.opened=false};t.prototype.onBannerCloseListener=function(){this.opened=false};t.prototype.render=function(){var t=this;return h(Host,{"aria-modal":clsx(this.opened?"true":"false"),class:clsx(this.stateOpened&&this.animationName("opened")),onClick:function(o){t.closeModal(o)}},this.window?h("slot",{name:"window"}):h("div",{class:clsx("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&h("slot",{name:"top"}),h("slot",null),this.bottom&&h("slot",{name:"bottom"})),!this.window&&h("i",{innerHTML:miBaselineClose,tabindex:"0",onClick:function(o){t.closeModal(o)},class:"svg close focusable-light"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["positionChange"],opened:["openedChange"]}},enumerable:false,configurable:true});return t}();MdsModal.style=mdsModalCss;export{MdsModal as mds_modal};
|
|
1
|
+
import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-6f346db2.js";function r(t){var o,e,i="";if("string"==typeof t||"number"==typeof t)i+=t;else if("object"==typeof t)if(Array.isArray(t))for(o=0;o<t.length;o++)t[o]&&(e=r(t[o]))&&(i&&(i+=" "),i+=e);else for(o in t)t[o]&&(i&&(i+=" "),i+=o);return i}function clsx(){for(var t,o,e=0,i="";e<arguments.length;)(t=arguments[e++])&&(o=r(t))&&(i&&(i+=" "),i+=o);return i}var miBaselineClose='<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12z"/></svg>';var KeyboardManager=function(){function t(){var t=this;this.elements=[];this.handleClickBehaviorDispatchEvent=function(t){if(t.code==="Space"||t.code==="Enter"||t.code==="NumpadEnter"){t.target.click()}};this.handleEscapeBehaviorDispatchEvent=function(o){if(o.code==="Escape"&&t.escapeCallback){t.escapeCallback()}};this.addElement=function(o,e){if(e===void 0){e="element"}t.elements[e]=o};this.attachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].addEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.detachClickBehavior=function(o){if(o===void 0){o="element"}if(t.elements[o]){t.elements[o].removeEventListener("keydown",t.handleClickBehaviorDispatchEvent)}};this.attachEscapeBehavior=function(o){t.escapeCallback=o;if(typeof window!==undefined){window.addEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}};this.detachEscapeBehavior=function(){t.escapeCallback=function(){return};if(typeof window!==undefined){window.removeEventListener("keydown",t.handleEscapeBehaviorDispatchEvent.bind(t))}}}return t}();var mdsModalCss='@tailwind components; @tailwind utilities; .focus-off,.focusable,.focusable-light,.focusable-light-off{-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);outline-offset:var(--magma-outline-blur-offset);outline:var(--magma-outline-blur);-webkit-transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, outline, outline-offset, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform;transition-property:background-color, border-color, box-shadow, color, fill, outline, outline-offset, transform, -webkit-box-shadow, -webkit-transform}.focus-on,.focusable-light:focus-visible,.focusable:focus-visible{--magma-outline-blur-offset:var(--magma-outline-focus-offset);--magma-outline-blur:var(--magma-outline-focus)}.focus-light-on,.focusable-light:focus-visible{--magma-outline-blur:2px solid rgb(var(--tone-neutral))}.svg{display:-ms-flexbox;display:flex}.svg svg{aspect-ratio:1 / 1;height:100%;width:100%}.animate-right-intro,.animate-right-outro{-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}.fixed{position:fixed}.absolute{position:absolute}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.ml-auto{margin-left:auto}.flex{display:-ms-flexbox;display:flex}.w-16{width:4rem}.min-w-0{min-width:0px}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.items-center{-ms-flex-align:center;align-items:center}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-tone-neutral-09{--tw-border-opacity:1;border-color:rgba(var(--tone-neutral-09), var(--tw-border-opacity))}.bg-transparent{background-color:transparent}.p-4{padding:1rem}.p-8{padding:2rem}.text-tone-neutral-02{--tw-text-opacity:1;color:rgba(var(--tone-neutral-02), var(--tw-text-opacity))}.text-tone-neutral-04{--tw-text-opacity:1;color:rgba(var(--tone-neutral-04), var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host{--mds-modal-overlay-color:var(--magma-overlay-color, 0 0 0);--mds-modal-overlay-opacity:var(--magma-overlay-opacity, 0.5);--mds-modal-window-background:rgb(var(--tone-neutral));--mds-modal-window-overflow:auto;--mds-modal-window-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--mds-modal-z-index:var(--magma-modal-z-index);pointer-events:none;position:fixed;inset:0px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-duration:700ms;transition-duration:700ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1);background-color:rgba(var(--mds-modal-overlay-color) / 0);fill:rgb(var(--tone-neutral));-webkit-perspective:600px;perspective:600px;z-index:var(--mds-modal-z-index, 1000)}:host([position=top]){-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host([position=bottom]){-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}:host(.to-bottom-opened),:host(.to-center-opened),:host(.to-left-opened),:host(.to-right-opened),:host(.to-top-opened){pointer-events:auto;-webkit-transition-duration:500ms;transition-duration:500ms;background-color:rgba(var(--mds-modal-overlay-color) / var(--mds-modal-overlay-opacity))}.close{position:absolute;top:0px;height:2.25rem;width:2.25rem;-webkit-transform-origin:center;transform-origin:center;cursor:pointer;border-radius:9999px;font-size:2.25rem;line-height:2.5rem;opacity:0;-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);fill:inherit;-webkit-transform:translate(0, 24px) rotate(90deg);transform:translate(0, 24px) rotate(90deg);-webkit-transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, -webkit-transform;transition-property:opacity, outline, outline-offset, transform;transition-property:opacity, outline, outline-offset, transform, -webkit-transform}.window{display:grid;height:100%;gap:0px;background-color:var(--mds-modal-window-background);-webkit-box-shadow:var(--mds-modal-window-shadow);box-shadow:var(--mds-modal-window-shadow);grid-template-rows:1fr;max-width:calc(100vw - 80px);overflow:var(--mds-modal-window-overflow)}.window--top{grid-template-rows:auto 1fr}.window--bottom{grid-template-rows:1fr auto}.window--top-bottom{grid-template-rows:auto 1fr auto}:host(.to-bottom){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-bottom){padding:1rem}}:host(.to-bottom) .window,:host(.to-bottom)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-bottom-intro) .window,:host(.to-bottom-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-bottom-opened.to-bottom-outro) .window,:host(.to-bottom-opened.to-bottom-outro)>::slotted([slot="window"]),:host(.to-bottom-opened) .window,:host(.to-bottom-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-bottom-outro) .window,:host(.to-bottom-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-center){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-center){padding:1rem}}:host(.to-center) .window,:host(.to-center)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-center-intro) .window,:host(.to-center-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-center-opened.to-center-outro) .window,:host(.to-center-opened.to-center-outro)>::slotted([slot="window"]),:host(.to-center-opened) .window,:host(.to-center-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-center-outro) .window,:host(.to-center-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}:host(.to-left){-ms-flex-pack:start;justify-content:flex-start}:host(.to-left) .window,:host(.to-left)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-left-intro) .window,:host(.to-left-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-opened.to-left-outro) .window,:host(.to-left-opened.to-left-outro)>::slotted([slot="window"]),:host(.to-left-opened) .window,:host(.to-left-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-left-opened) .close,:host(.to-left-opened.to-left-outro) .close{opacity:1;-webkit-transform:translate(-24px, 24px) rotate(0);transform:translate(-24px, 24px) rotate(0)}:host(.to-left-outro) .window,:host(.to-left-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(-100% - 50px));transform:translateX(calc(-100% - 50px))}:host(.to-left-outro) .close{-webkit-transform:translate(24px, 24px) rotate(-90deg);transform:translate(24px, 24px) rotate(-90deg)}:host(.to-left) .close{right:0px;-webkit-transform:translate(36px, 24px) rotate(90deg);transform:translate(36px, 24px) rotate(90deg)}:host(.to-right){-ms-flex-pack:end;justify-content:flex-end}:host(.to-right) .window,:host(.to-right)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-right-intro) .window,:host(.to-right-intro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-opened.to-right-outro) .window,:host(.to-right-opened.to-right-outro)>::slotted([slot="window"]),:host(.to-right-opened) .window,:host(.to-right-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}:host(.to-right-opened) .close,:host(.to-right-opened.to-right-outro) .close{opacity:1;-webkit-transform:translate(24px, 24px) rotate(0);transform:translate(24px, 24px) rotate(0)}:host(.to-right-outro) .window,:host(.to-right-outro)>::slotted([slot="window"]){-webkit-transform:translateX(calc(100% + 50px));transform:translateX(calc(100% + 50px))}:host(.to-right-outro) .close{-webkit-transform:translate(-24px, 24px) rotate(90deg);transform:translate(-24px, 24px) rotate(90deg)}:host(.to-right) .close{left:0px;-webkit-transform:translate(-36px, 24px) rotate(-90deg);transform:translate(-36px, 24px) rotate(-90deg)}:host(.to-top){-ms-flex-pack:center;justify-content:center;padding:2rem}@media (max-width: 767px){:host(.to-top){padding:1rem}}:host(.to-top) .window,:host(.to-top)>::slotted([slot="window"]){opacity:0;-webkit-transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, color, fill, height, margin, opacity, padding, width, -webkit-box-shadow, -webkit-transform;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width;transition-property:background-color, border-color, box-shadow, color, fill, height, margin, opacity, padding, transform, width, -webkit-box-shadow, -webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-timing-function:cubic-bezier(1, 0, 0, 1);transition-timing-function:cubic-bezier(1, 0, 0, 1)}:host(.to-top-intro) .window,:host(.to-top-intro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(40%);transform:rotateX(-22deg) scale(0.5) translateY(40%)}:host(.to-top-opened.to-top-outro) .window,:host(.to-top-opened.to-top-outro)>::slotted([slot="window"]),:host(.to-top-opened) .window,:host(.to-top-opened)>::slotted([slot="window"]){opacity:1;-webkit-transform:rotateX(0) scale(1) translateY(0);transform:rotateX(0) scale(1) translateY(0)}:host(.to-top-outro) .window,:host(.to-top-outro)>::slotted([slot="window"]){-webkit-transform:rotateX(-22deg) scale(0.5) translateY(-40%);transform:rotateX(-22deg) scale(0.5) translateY(-40%)}@media (max-width: 767px){.mobile\\:w-12{width:3rem}}';var MdsModal=function(){function t(t){var o=this;registerInstance(this,t);this.closeEvent=createEvent(this,"mdsModalClose",7);this.window=false;this.top=false;this.bottom=false;this.animationState="intro";this.km=new KeyboardManager;this.componentDidLoad=function(){var t;o.km.addElement(o.host,"host");var e=(t=o.host.shadowRoot)===null||t===void 0?void 0:t.querySelector(".close");if(e)o.km.addElement(e,"close");o.km.attachEscapeBehavior((function(){return o.closeEvent.emit()}));o.km.attachClickBehavior("close")};this.animationName=function(t,e){if(t===void 0){t=""}if(e===void 0){e=""}return"to-".concat(e!==""?e:o.position).concat(t!==""?"-"+t:"")};this.closeModal=function(t){var e;if(((e=t.target)===null||e===void 0?void 0:e.localName)!=="mds-modal"){return}o.opened=t.target!==t.currentTarget;if(!o.opened){o.closeEvent.emit()}};this.stateOpened=undefined;this.opened=false;this.position="center"}t.prototype.componentWillLoad=function(){var t;this.bottom=this.host.querySelector('[slot="bottom"]')!==null;this.top=this.host.querySelector('[slot="top"]')!==null;this.window=this.host.querySelector('[slot="window"]')!==null;this.stateOpened=this.opened;if(!this.window){this.position="right"}if(this.window){(t=this.host.querySelector('[slot="window"]'))===null||t===void 0?void 0:t.setAttribute("role","modal")}};t.prototype.componentWillRender=function(){this.animationState=this.opened?"intro":"outro";this.host.classList.add(this.animationName())};t.prototype.componentDidRender=function(){var t=this;this.animationDeelay=window.setTimeout((function(){t.animationState=t.animationState==="intro"?"outro":"intro";t.host.classList.remove(t.animationName(t.animationState==="intro"?"outro":"intro"));t.host.classList.add(t.animationName(t.animationState));window.clearTimeout(t.animationDeelay)}),500)};t.prototype.disconnectedCallback=function(){this.km.detachEscapeBehavior();this.km.detachClickBehavior("close")};t.prototype.positionChange=function(t,o){window.clearTimeout(this.animationDeelay);this.host.classList.remove(this.animationName("",o));this.host.classList.remove(this.animationName("intro",o));this.host.classList.remove(this.animationName("outro",o))};t.prototype.openedChange=function(t){this.stateOpened=t;window.clearTimeout(this.animationDeelay)};t.prototype.onModalCloseListener=function(){this.opened=false};t.prototype.onBannerCloseListener=function(){this.opened=false};t.prototype.render=function(){var t=this;return h(Host,{"aria-modal":clsx(this.opened?"true":"false"),class:clsx(this.stateOpened&&this.animationName("opened")),onClick:function(o){t.closeModal(o)}},this.window?h("slot",{name:"window"}):h("div",{class:clsx("window",(this.top||this.bottom)&&"window-".concat(this.top?"-top":"").concat(this.bottom?"-bottom":"")),role:"dialog",part:"window"},this.top&&h("slot",{name:"top"}),h("slot",null),this.bottom&&h("slot",{name:"bottom"})),!this.window&&h("i",{innerHTML:miBaselineClose,tabindex:"0",onClick:function(o){t.closeModal(o)},class:"svg close focusable-light"}))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{position:["positionChange"],opened:["openedChange"]}},enumerable:false,configurable:true});return t}();MdsModal.style=mdsModalCss;export{MdsModal as mds_modal};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-6f346db2.js";export{s as setNonce}from"./index-6f346db2.js";var patchBrowser=function(){var e=import.meta.url;var o={};if(e!==""){o.resourcesUrl=new URL(".",e).href}return promiseResolve(o)};patchBrowser().then((function(e){return bootstrapLazy([["mds-modal",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]],e)}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-
|
|
1
|
+
import{p as e,b as o}from"./p-3bcc29b0.js";export{s as setNonce}from"./p-3bcc29b0.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>o([["p-5c4c27fb",[[1,"mds-modal",{opened:[1540],position:[1537],stateOpened:[32]},[[4,"mdsModalClose","onModalCloseListener"],[4,"mdsBannerClose","onBannerCloseListener"]]]]]],e)));
|
|
@@ -115,15 +115,11 @@ DOMTokenList
|
|
|
115
115
|
var resourcesUrl = scriptElm ? scriptElm.getAttribute('data-resources-url') || scriptElm.src : '';
|
|
116
116
|
var start = function() {
|
|
117
117
|
// if src is not present then origin is "null", and new URL() throws TypeError: Failed to construct 'URL': Invalid base URL
|
|
118
|
-
var url = new URL('./p-
|
|
118
|
+
var url = new URL('./p-5561703a.system.js', new URL(resourcesUrl, window.location.origin !== 'null' ? window.location.origin : undefined));
|
|
119
119
|
System.import(url.href);
|
|
120
120
|
};
|
|
121
121
|
|
|
122
|
-
|
|
123
|
-
window.__cssshim.i().then(start);
|
|
124
|
-
} else {
|
|
125
|
-
start();
|
|
126
|
-
}
|
|
122
|
+
start();
|
|
127
123
|
|
|
128
124
|
// Note: using .call(window) here because the self-executing function needs
|
|
129
125
|
// to be scoped to the window object for the ES6Promise polyfill to work
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
let n,e,t=!1;const l={},o=n=>"object"==(n=typeof n)||"function"===n;function s(n){var e,t,l;return null!==(l=null===(t=null===(e=n.head)||void 0===e?void 0:e.querySelector('meta[name="csp-nonce"]'))||void 0===t?void 0:t.getAttribute("content"))&&void 0!==l?l:void 0}const c=(n,e,...t)=>{let l=null,s=!1,c=!1;const r=[],u=e=>{for(let t=0;t<e.length;t++)l=e[t],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof n&&!o(l))&&(l+=""),s&&c?r[r.length-1].t+=l:r.push(s?i(null,l):l),c=s)};if(u(t),e){const n=e.className||e.class;n&&(e.class="object"!=typeof n?n:Object.keys(n).filter((e=>n[e])).join(" "))}const a=i(n,null);return a.l=e,r.length>0&&(a.o=r),a},i=(n,e)=>({i:0,u:n,t:e,m:null,o:null,l:null}),r={},u=n=>_(n).h,a=(n,e,t)=>{const l=u(n);return{emit:n=>f(l,e,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:n})}},f=(n,e,t)=>{const l=Z.ce(e,t);return n.dispatchEvent(l),l},d=new WeakMap,m=n=>"sc-"+n.p,y=(n,e,t,l,s,c)=>{if(t!==l){let i=G(n,e),r=e.toLowerCase();if("class"===e){const e=n.classList,o=p(t),s=p(l);e.remove(...o.filter((n=>n&&!s.includes(n)))),e.add(...s.filter((n=>n&&!o.includes(n))))}else if(i||"o"!==e[0]||"n"!==e[1]){const r=o(l);if((i||r&&null!==l)&&!s)try{if(n.tagName.includes("-"))n[e]=l;else{const o=null==l?"":l;"list"===e?i=!1:null!=t&&n[e]==o||(n[e]=o)}}catch(n){}null==l||!1===l?!1===l&&""!==n.getAttribute(e)||n.removeAttribute(e):(!i||4&c||s)&&!r&&n.setAttribute(e,l=!0===l?"":l)}else e="-"===e[2]?e.slice(3):G(X,r)?r.slice(2):r[2]+e.slice(3),t&&Z.rel(n,e,t,!1),l&&Z.ael(n,e,l,!1)}},h=/\s/,p=n=>n?n.split(h):[],$=(n,e,t,o)=>{const s=11===e.m.nodeType&&e.m.host?e.m.host:e.m,c=n&&n.l||l,i=e.l||l;for(o in c)o in i||y(s,o,c[o],void 0,t,e.i);for(o in i)y(s,o,c[o],i[o],t,e.i)},b=(e,t,l)=>{const o=t.o[l];let s,c,i=0;if(null!==o.t)s=o.m=Y.createTextNode(o.t);else if(s=o.m=Y.createElement(o.u),$(null,o,!1),null!=n&&s["s-si"]!==n&&s.classList.add(s["s-si"]=n),o.o)for(i=0;i<o.o.length;++i)c=b(e,o,i),c&&s.appendChild(c);return s},v=(n,t,l,o,s,c)=>{let i,r=n;for(r.shadowRoot&&r.tagName===e&&(r=r.shadowRoot);s<=c;++s)o[s]&&(i=b(null,l,s),i&&(o[s].m=i,r.insertBefore(i,t)))},w=(n,e,t)=>{for(let l=e;l<=t;++l){const e=n[l];if(e){const n=e.m;n&&n.remove()}}},S=(n,e)=>n.u===e.u,g=(n,e)=>{const t=e.m=n.m,l=n.o,o=e.o,s=e.t;null===s?("slot"===e.u||$(n,e,!1),null!==l&&null!==o?((n,e,t,l)=>{let o,s=0,c=0,i=e.length-1,r=e[0],u=e[i],a=l.length-1,f=l[0],d=l[a];for(;s<=i&&c<=a;)null==r?r=e[++s]:null==u?u=e[--i]:null==f?f=l[++c]:null==d?d=l[--a]:S(r,f)?(g(r,f),r=e[++s],f=l[++c]):S(u,d)?(g(u,d),u=e[--i],d=l[--a]):S(r,d)?(g(r,d),n.insertBefore(r.m,u.m.nextSibling),r=e[++s],d=l[--a]):S(u,f)?(g(u,f),n.insertBefore(u.m,r.m),u=e[--i],f=l[++c]):(o=b(e&&e[c],t,c),f=l[++c],o&&r.m.parentNode.insertBefore(o,r.m));s>i?v(n,null==l[a+1]?null:l[a+1].m,t,l,c,a):c>a&&w(e,s,i)})(t,l,e,o):null!==o?(null!==n.t&&(t.textContent=""),v(t,null,e,o,0,o.length-1)):null!==l&&w(l,0,l.length-1)):n.t!==s&&(t.data=s)},j=(n,e)=>{e&&!n.$&&e["s-p"]&&e["s-p"].push(new Promise((e=>n.$=e)))},k=(n,e)=>{if(n.i|=16,!(4&n.i))return j(n,n.v),un((()=>M(n,e)));n.i|=512},M=(n,e)=>{const t=n.S;let l;return e&&(n.i|=256,n.g&&(n.g.map((([n,e])=>E(t,n,e))),n.g=void 0),l=E(t,"componentWillLoad")),l=C(l,(()=>E(t,"componentWillRender"))),C(l,(()=>P(n,t,e)))},C=(n,e)=>O(n)?n.then(e):e(),O=n=>n instanceof Promise||n&&n.then&&"function"==typeof n.then,P=async(n,e,t)=>{var l;const o=n.h,c=o["s-rc"];t&&(n=>{const e=n.j,t=n.h,l=e.i,o=((n,e)=>{var t;const l=m(e),o=Q.get(l);if(n=11===n.nodeType?n:Y,o)if("string"==typeof o){let e,c=d.get(n=n.head||n);if(c||d.set(n,c=new Set),!c.has(l)){{e=Y.createElement("style"),e.innerHTML=o;const l=null!==(t=Z.k)&&void 0!==t?t:s(Y);null!=l&&e.setAttribute("nonce",l),n.insertBefore(e,n.querySelector("link"))}c&&c.add(l)}}else n.adoptedStyleSheets.includes(o)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,o]);return l})(t.shadowRoot?t.shadowRoot:t.getRootNode(),e);10&l&&(t["s-sc"]=o,t.classList.add(o+"-h"))})(n);R(n,e,o,t),c&&(c.map((n=>n())),o["s-rc"]=void 0);{const e=null!==(l=o["s-p"])&&void 0!==l?l:[],t=()=>W(n);0===e.length?t():(Promise.all(e).then(t),n.i|=4,e.length=0)}},R=(t,l,o,s)=>{try{l=l.render(),t.i&=-17,t.i|=2,((t,l,o=!1)=>{const s=t.h,u=t.j,a=t.M||i(null,null),f=(n=>n&&n.u===r)(l)?l:c(null,null,l);if(e=s.tagName,u.C&&(f.l=f.l||{},u.C.map((([n,e])=>f.l[e]=s[n]))),o&&f.l)for(const n of Object.keys(f.l))s.hasAttribute(n)&&!["key","ref","style","class"].includes(n)&&(f.l[n]=s[n]);f.u=null,f.i|=4,t.M=f,f.m=a.m=s.shadowRoot||s,n=s["s-sc"],g(a,f)})(t,l,s)}catch(n){I(n,t.h)}return null},W=n=>{const e=n.h,t=n.v;E(n.S,"componentDidRender"),64&n.i||(n.i|=64,L(e),n.O(e),t||x()),n.$&&(n.$(),n.$=void 0),512&n.i&&rn((()=>k(n,!1))),n.i&=-517},x=()=>{L(Y.documentElement),rn((()=>f(X,"appload",{detail:{namespace:"mds-modal"}})))},E=(n,e,t)=>{if(n&&n[e])try{return n[e](t)}catch(n){I(n)}},L=n=>n.setAttribute("hydrated",""),N=(n,e,t)=>{if(e.P){n.watchers&&(e.R=n.watchers);const l=Object.entries(e.P),s=n.prototype;if(l.map((([n,[l]])=>{(31&l||2&t&&32&l)&&Object.defineProperty(s,n,{get(){return((n,e)=>_(this).W.get(e))(0,n)},set(t){((n,e,t,l)=>{const s=_(n),c=s.h,i=s.W.get(e),r=s.i,u=s.S;if(t=((n,e)=>null==n||o(n)?n:4&e?"false"!==n&&(""===n||!!n):1&e?n+"":n)(t,l.P[e][0]),(!(8&r)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(s.W.set(e,t),u)){if(l.R&&128&r){const n=l.R[e];n&&n.map((n=>{try{u[n](t,i,e)}catch(n){I(n,c)}}))}2==(18&r)&&k(s,!1)}})(this,n,t,e)},configurable:!0,enumerable:!0})})),1&t){const t=new Map;s.attributeChangedCallback=function(n,e,l){Z.jmp((()=>{const e=t.get(n);if(this.hasOwnProperty(e))l=this[e],delete this[e];else if(s.hasOwnProperty(e)&&"number"==typeof this[e]&&this[e]==l)return;this[e]=(null!==l||"boolean"!=typeof this[e])&&l}))},n.observedAttributes=l.filter((([n,e])=>15&e[0])).map((([n,l])=>{const o=l[1]||n;return t.set(o,n),512&l[0]&&e.C.push([n,o]),o}))}}return n},T=n=>{E(n,"disconnectedCallback")},A=(n,e={})=>{var t;const l=[],o=e.exclude||[],c=X.customElements,i=Y.head,r=i.querySelector("meta[charset]"),u=Y.createElement("style"),a=[];let f,d=!0;Object.assign(Z,e),Z.L=new URL(e.resourcesUrl||"./",Y.baseURI).href,n.map((n=>{n[1].map((e=>{const t={i:e[0],p:e[1],P:e[2],N:e[3]};t.P=e[2],t.N=e[3],t.C=[],t.R={};const s=t.p,i=class extends HTMLElement{constructor(n){super(n),B(n=this,t),1&t.i&&n.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):Z.jmp((()=>(n=>{if(0==(1&Z.i)){const e=_(n),t=e.j,l=()=>{};if(1&e.i)H(n,e,t.N),(null==e?void 0:e.S)||(null==e?void 0:e.T)&&e.T.then((()=>{}));else{e.i|=1;{let t=n;for(;t=t.parentNode||t.host;)if(t["s-p"]){j(e,e.v=t);break}}t.P&&Object.entries(t.P).map((([e,[t]])=>{if(31&t&&n.hasOwnProperty(e)){const t=n[e];delete n[e],n[e]=t}})),(async(n,e,t,l,o)=>{if(0==(32&e.i)){e.i|=32;{if((o=K(t)).then){const n=()=>{};o=await o,n()}o.isProxied||(t.R=o.watchers,N(o,t,2),o.isProxied=!0);const n=()=>{};e.i|=8;try{new o(e)}catch(n){I(n)}e.i&=-9,e.i|=128,n()}if(o.style){let n=o.style;const e=m(t);if(!Q.has(e)){const l=()=>{};((n,e,t)=>{let l=Q.get(n);en&&t?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,Q.set(n,l)})(e,n,!!(1&t.i)),l()}}}const s=e.v,c=()=>k(e,!0);s&&s["s-rc"]?s["s-rc"].push(c):c()})(0,e,t)}l()}})(this)))}disconnectedCallback(){Z.jmp((()=>(async()=>{if(0==(1&Z.i)){const n=_(this);n.A&&(n.A.map((n=>n())),n.A=void 0),(null==n?void 0:n.S)?T(n.S):(null==n?void 0:n.T)&&n.T.then((()=>T(n.S)))}})()))}componentOnReady(){return _(this).T}};t.H=n[0],o.includes(s)||c.get(s)||(l.push(s),c.define(s,N(i,t,1)))}))}));{u.innerHTML=l+"{visibility:hidden}[hydrated]{visibility:inherit}",u.setAttribute("data-styles","");const n=null!==(t=Z.k)&&void 0!==t?t:s(Y);null!=n&&u.setAttribute("nonce",n),i.insertBefore(u,r?r.nextSibling:i.firstChild)}d=!1,a.length?a.map((n=>n.connectedCallback())):Z.jmp((()=>f=setTimeout(x,30)))},H=(n,e,t)=>{t&&t.map((([t,l,o])=>{const s=q(n,t),c=U(e,o),i=D(t);Z.ael(s,l,c,i),(e.A=e.A||[]).push((()=>Z.rel(s,l,c,i)))}))},U=(n,e)=>t=>{try{256&n.i?n.S[e](t):(n.g=n.g||[]).push([e,t])}catch(n){I(n)}},q=(n,e)=>4&e?Y:n,D=n=>0!=(2&n),F=n=>Z.k=n,V=new WeakMap,_=n=>V.get(n),z=(n,e)=>V.set(e.S=n,e),B=(n,e)=>{const t={i:0,h:n,j:e,W:new Map};return t.T=new Promise((n=>t.O=n)),n["s-p"]=[],n["s-rc"]=[],H(n,t,e.N),V.set(n,t)},G=(n,e)=>e in n,I=(n,e)=>(0,console.error)(n,e),J=new Map,K=n=>{const e=n.p.replace(/-/g,"_"),t=n.H,l=J.get(t);return l?l[e]:import(`./${t}.entry.js`).then((n=>(J.set(t,n),n[e])),I)
|
|
2
|
+
/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},Q=new Map,X="undefined"!=typeof window?window:{},Y=X.document||{head:{}},Z={i:0,L:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,e,t,l)=>n.addEventListener(e,t,l),rel:(n,e,t,l)=>n.removeEventListener(e,t,l),ce:(n,e)=>new CustomEvent(n,e)},nn=n=>Promise.resolve(n),en=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(n){}return!1})(),tn=[],ln=[],on=(n,e)=>l=>{n.push(l),t||(t=!0,e&&4&Z.i?rn(cn):Z.raf(cn))},sn=n=>{for(let e=0;e<n.length;e++)try{n[e](performance.now())}catch(n){I(n)}n.length=0},cn=()=>{sn(tn),sn(ln),(t=tn.length>0)&&Z.raf(cn)},rn=n=>nn().then(n),un=on(ln,!0);export{r as H,A as b,a as c,u as g,c as h,nn as p,z as r,F as s}
|